总结 react 开发是需要用到的框架和功能模块，从模块安装、脚手架、网络请求模块，到状态管理、数据库，以及原生开发的组件与UI，都简单地做了记录，方便开发时查询。

利用 arraybuffer 来处理图片，包含图片的路径名称与数据，并把多张图片合并一个 arraybuffer 并生成单张图片，以及图片的解析。

Vagrant是一个基于Ruby的工具，用于创建和部署虚拟化开发环境。它 使用Oracle的开源VirtualBox虚拟化系统，使用 Chef创建自动化虚拟环境。

比Docker好一点的地方就是配置方便，支持windowsXP、7等等

作为一条前端狗，经常会需要用过一些通用的前端工具，在多个办公平台中使用，以下就是本人的一些使用笔记

由于Facebook的开发工程师都是用MacOS的，所以这React native的开发环境还是MacOS最好，其次是Linux,由于windows坑太多，这次的尝试是利用Ubuntu开发React-Native初实践

简介

Create-React-APP 是 Facebook 官方的 react 页面生成工具，可以实现零配置就能使用 react来开发页面，使用起来非常方便。而 Antd 是阿里巴巴的一个 UI 设计语言，设计非常全面的大师级页面组件，当然比 Bootstrap 牛逼多了啊。

注：已过期，具体使用请看antd官网使用方法 在 create-react-app 中使用

迅雷工作经历

从2017年后7月至今，基于前端开发的项目总结。

PC页面

• 大天使之剑H5游戏官网模板
• 大天使之剑H5游戏进入页
• 活动充值组件与专题
• 新版金钻充值官网
• 迅雷游戏盒子下载页
• 迅雷游戏盒子官网

手机端页面

• 夹娃娃游戏
• 竞猜大富翁
• 微信礼包商城
• H5游戏手机版

新浪经历

从2014年11月4号入新浪实习2017年6月，从页面制作的工作开始，,包括PC页面与移动端页面切图与制作、CSS动画与js交互、以及当中的H5 宣传页面，主要完成的任务总表，从新到旧开始(不断总结更新中)

RequireJS是一个非常小巧的JavaScript模块载入框架，目标为实现浏览器端的模块化开发。

Require使用入门

在RequireJS中下载最新版require.js文件，在index.html中加载

远观：认识WAAPI

当我们谈及网页动画时，自然联想到的是CSS3动画、JS动画、SVG动画、APNG动画等技术以及jQuery.animate()等动画封装库，根据实际动画内容设计去选择不同的实现方式。然而，每个现行的动画技术都存在一定的缺点，如CSS3动画必须通过JS去获取动态改变的值，setInterval的时间往往是不精确的而且还会卡顿，APNG动画会带来文件体积较大的困扰，引入额外的动画封装库也并非对性能敏感的业务适用。目前情形对开发者而言，鱼和熊掌似乎不可兼得，既希望获得更强大便捷的动画控制能力，又希望性能和体验上足够流畅优雅，如果能有一种浏览器原生支持的通用的动画解决方案，那将是极好极好的呢。

pageSwitch 简介

pageSwitch适用场景为全屏切换，即一切一屏，移动与web端单页切换，制作翻页H5等等，并且在此基础上实现了超过一百种切换效果。

GitHub地址：https://github.com/qiqiboy/pageSwitch

pageSwitch修改

由于原作者版本没有区别当前页面的标签，

结合HTML5下的video和canvas的功能，你可以实时处理视频数据，如播放暂停等，解决各平台的H5播放视频的bug，并为正在播放的视频添加各种各样的视觉效果，以使用JavaScript代码实现chroma-keying特效（也被称为“绿色屏幕效应”）。

canvas视频播放

reactjs 是什么？

reactjs是来自facebook公司的用于构建用户界面的JavaScript库。

GitHub地址：https://github.com/facebook/react

reactjs的两个衍生项目也值得注意。

• react-native:用reactjs写手机app

GitHub地址：https://github.com/facebook/react-native

• react-canvas:用canvas代替臃肿缓慢的DOM作为UI，在移动端获得能与原生应用媲美的流畅效果
  阅读全文 »

搭建Hexo博客并部署到Github的小细节

git SSH-key

在本地添加ssh-key的过程中，最好是直接回车使用默认的配置

比如在passphrase时应直接回车，不然会生成SHA:256的key而还需要相关的转化

然后添加到github的ssh-key表单进行登记