react-360 二次开发的一些心得 前面花了一些时间介绍 《React-360 源码阅读 - 一张图带你理解 React-360 结构》，有兴趣可以阅读下。但是 React-360 相对我们而言，目前也还不是足够稳定，以及有的需求点他们也并未实现，因此很有可能我们需要进行二次开发； 因此我们首先需要去他们 Github 上 fork 一份， https://facebook.github.io/react-360/ 我们 clone 到本地的时候，可以通过相对目录来实现我们项目对二次开发的 React-360 的引入了。 然后我们在本地项目里通过软连接来实现 node_module 的文件替换: cd node_modules && rm -rf react-360-web # 建立 react-360-web， 目录根据实际情况传入 ln -s ../../react-360/React360 react-360-web 初次之外，我们需要在 rn-cli.config. 详情 »
提到 H5 ，可能大家最开始是从朋友圈的一些网页看到，随着 唤端和分享 SDK 的成熟，现在大促或者其他 Event 都有着非常成熟的结构思路，本文主要分享 H5 在我们平常的活动中扮演的角色以及如何进行联动。 本周周五分享了过去一年关于《H5 互动营销》的一些总结。下文是一个比较缩略的内容纪要； 不知道大家对下面，视频通话，红包雨以及集卡等活动有印象，其实在这背后，都借助了 H5 的力量，提升了观众的关注度，给活动带来了非常可贵的流量。 整个活动中，我们其实需要关注三个点， 链路分析 我们需要在坑位埋入我们的 H5 页面，然后用户触发分享到社交媒体，随后产生自我裂变或者唤端回流到我们的 APP 活动页； 常见的坑位有下面几种: PopLayer, 比如常见的红包挂角，弹出浮层等； 二楼，用户下滑列表后产生的空白位，常见的比如淘宝二楼: Tab 位，固定在某个 Tab 下的 Webview 页面 运营配置的 bannar 位也比较常见; 详尽的来看我们的活动链路就是: 其中常见用户激励方式有: 详情 »
引言 HTTP/2 目前已经逐渐推广开来，很多站点都开始迁移至 HTTP/2 ，比如 https://v.qq.com/ 或者 https://www.google.com.hk/ 都启用了 HTTP/2; 我们可以先看下浏览器的支持情况: HTTP/2 相对 HTTP1 带来了诸多特性; 多路复用 (Multiplexing) 头部压缩 服务端推送 HTTP/2 采用二进制格式而非文本格式 这些好处无疑对提升 Web 性能有很大的帮助，不过还是建议详细阅读 HTTP/2：新的机遇与挑战 了解这背后究竟发生了什么；本文不详细讨论 HTTP/2 的具体特性和实现，更多提供升级实践。 升级 Nginx 机器环境，亚马逊的 EC2 和 ubuntu 系统; 确保你的 详情 »
原文出处 https://blog.csdn.net/wanghuohuo13/article/details/78916821?utm_source=copy dpkg 是一个 Debian 的一个命令行工具，它可以用来安装、删除、构建和管理Debian的软件包。 下面是它的一些命令解释： 1）安装软件 命令行：dpkg -i <.deb file name> 示例： dpkg -i avg71flm_r28-1_i386.deb 2）安装一个目录下面所有的软件包 命令行：dpkg -R 示例： dpkg -R /usr/local/src 3）释放软件包，但是不进行配置 命令行：dpkg –unpack package_file 详情 »
其实每年做贺卡的时间都差不多，3个小时左右，主要是搜集素材，然后绘图，再到修改。 其实每一年，都希望给大家带来一些不一样的东西，内容是随着我们这个年龄段走的。其实很开心，能够收到一些反馈和建议，当然随着持续也会开始收到一些人的催稿；这一次也是 A/B 发送的方式。 中国人对 8 这个数字很喜欢，其实从2011-2018年，理论上这应该是第8张了，也很幸运在 14 年，我坚持下来了这个习惯。其实这一次贺卡，接受了别人的建议，试着尝试放一点“多彩”的内容作为背景，当然灵感是来自 加州的夕阳，大家有兴趣可以去 加州的夕阳 的照片，粉红，紫色，蓝色的渐变美到让人窒息； 从17年年初开始一直尝试的方式，结合了部分的 Flat 以及手绘手法，当然这也是为了赶时间的一种手段。其实内容的变化也是反映我们这个年龄段或者自己的一个经历或者思考也罢。当然也可能是受到 《请回答1988》的影响，比较这两年，陆续弱化了月亮，强调了建筑，大概时间其实会是2004-2008年，嗯，这个年龄段，或者有或许没有，都不重要。因为还有接下来的八年。但还是希望接下来的八年， 详情 »
前面我先看了 React-360 源码阅读【5】- 核心 Compositor 里的内容，其中里面涉及了 video 作为背景的内容，今天分析一下 video 目录里面的内容；实际上我们如果要设置全景视频，可以直接通过调用; // Creating a Video Player const player = r360.compositor.createVideoPlayer('myplayer'); // Set the video to be played, and its format player.setSource('path/to/video.mp4', '2D'); 当然，这里我们主要分析 video 目录下的文件都做了什么事情。 getSupportedFormats.js const FORMATS = { ogg: 'video/ogg; codecs="theora, 详情 »
嗯，通过最近的连载，确实自己未来一段事件都会 Focus 到 Web-VR,虽然这一个全新的领域，但是自己很开心，可以通过前端去接触更多图像学的内容，由于这个细分领域，很多开发者还是对此表示陌生，自己会可能去写一些关于 《WebVR Guide》, 去分享这一块一些细节和开发的经验；为什么会选择这一领域，自己最开始是接触 PS 的，前些天，Momoko 给我发了自己做的 2010 年的贺卡: 因为起初自己确实会偏爱图像处理一些，当然也是偶然的机会，接触到了 Web 前端，自己毕业设计也很幸运接触了 Three.js，那个时候做了火灾烟雾模拟的课题。所以自己深感自己对于这个领域的兴趣和热爱： 上面是 2018 年的贺卡，因为我还是相信任何付出和积累都或多或少能够带来回报，无论你起点是什么，加油吧～ 我们还年轻，才华无限～ 终于完结了 《请回答，1988!》。大概这是近几年看的很棒的电视剧，犹如13年看文章的《奋斗》。大概这个阶段，你更加会去辨别友情，爱情，亲情，也更能够去经历这些。话说也会怀恋小学时候，邻里孩子们聚在一起看电视的场景。当然也很遗憾， 详情 »
今天我们看下 compositor。顾名思义，compositor 应该是你第一个接触到的 访问属性，我们不妨回顾下官方代码 Client 里面的内容: function init(bundle, parent, options = {}) { const r360 = new ReactInstance(bundle, parent, { // Add custom options here fullScreen: true, ...options, }); // Render your app content to the default cylinder surface r360.renderToSurface( r360.createRoot('hello_360', { /* initial props */ }), r360.getDefaultSurface() ); // Load the initial environment r360.compositor.setBackground(r360.getAssetURL('360_ 详情 »
react-360-web 顾名思义，就是在 web 端 运行的 react-360 的 SDK. 就像文档里面描述的; react-360-web 是 React 360 的环境运行时，它可以完成应用在 Web 端的渲染；它通过 Canvas 以及 WebVR API 来实现在 头显设备和浏览器的运行。 接下来直接看 React360.js // 用于定位 react vr 打包后的 bundle 地址 import bundleFromLocation from './js/bundleFromLocation'; import createRootView from './js/createRootView'; // 用于坐标的变换 import Location from './js/Compositor/Location'; // 一些常用的数学类库封装 import 详情 »
不就前写了一篇 webpack 4 升级迁移 这里简单说下 React 项目的一些配置； 首先我们新建项目 react-web ，然后进入项目初始化 package.json ； cd react-web && npm init 接下来我们安装 webpack ，这里需要注意一点，是命令行已经单独提取出来了，我们不仅需要安装 webpack 还需要安装 webpack-cli 。 npm i webpack webpack-cli --save-dev 接下来我们开始安装和 react 相关的依赖包； npm i @babel/core babel-loader @babel/preset-env @babel/preset-react --save-dev 接下来我们初始化 babel 的配置文件。 touch .babelrc 然后把下面内容粘贴进去； { "presets": ["@babel/preset-env& 详情 »
