摘要:
写在前面 每次开新项目都要重新安装需要的包,简单记录一下。 以下仅包含最简单的功能: 编译react 编译es6 打包src中入口文件index.js至dist webpack配置react+es6开发环境 1、安装react语法环境 2、安装webpack开发环境 3、安装babel 4、安装re 阅读全文
摘要:
写在前面 这是关于JS二进制操作的第三篇博客,前两篇详见: "[HTML5] Blob对象" "[HTML5] FileReader对象" 此前从宏观角度介绍了如何通过JS创建一个二进制对象,并介绍了如何将本地二进制内容读取至内存。本篇将介绍如何在内存中操作二进制数据。 JS与二进制数据 现代计算机 阅读全文
摘要:
写在前面 前一篇文章介绍了HTML5中的Blob对象(详情戳 "这里" ),从中了解到Blob对象只是二进制数据的容器,本身并不能操作二进制,故本篇将对其操作对象FileReader进行介绍。 FileReader FileReader主要用于将文件内容读入内存,通过一系列异步接口,可以在主线程中访 阅读全文
摘要:
写在前面 本篇主要总结Blob对象属性及作用,通过DEMO介绍Blob对象的应用场景。 Blob对象 一直以来,JS都没有比较好的可以直接处理二进制的方法。而Blob的存在,允许我们可以通过JS直接操作二进制数据。 一个Blob对象就是一个包含有只读原始数据的类文件对象。Blob对象中的数据并不一定 阅读全文
摘要:
写在前面 之前写了一篇分析Redux中Store实现的文章(详见: "Redux原理(一):Store实现分析" ),突然意识到,其实React与Redux并没有什么直接的联系。Redux作为一个通用模块,主要还是用来处理应用中state的变更,而展示层不一定是React。 但当我们希望在React 阅读全文
摘要:
写在前面 写React也有段时间了,一直也是用Redux管理数据流,最近正好有时间分析下源码,一方面希望对Redux有一些理论上的认识;另一方面也学习下框架编程的思维方式。 Redux如何管理state 注册store tree 1、Redux通过全局唯一的store对象管理项目中的state 2、 阅读全文
摘要:
背景 最近在看Redux源码, 用于注册一个全局store,其内部维护一个Listeren数组,存放state变化时所有的响应函数。 其中 用于注册一个listener,同时返回一个 方法,用于注销当前注册的listener。 源码中查询listener索引时用到了 方法,如下: 一直用indexO 阅读全文
摘要:
写在前面 初步接触持续集成自动化过程,本篇主要介绍基于Jenkins实现持续集成的方式,通过案例介绍线上自动编译及部署的配置过程 持续集成 "持续集成" 是一种软件开发实践,即团队开发成员经常集成它们的工作,通过每个成员每天至少集成一次,也就意味着每天可能会发生多次集成。每次集成都通过自动化的构建( 阅读全文
摘要:
场景 fiddler作为调试代理工具,可以捕获电脑与互联网之间所有http通讯。 通过可视化操作或命令行可以按某些规则截获特定请求并修改,但当我们需要批量对请求进行更复杂的逻辑操作时,则不是很方便。 此时就可以考虑使用fiddler script了~ fiddler script 简单讲,fiddl 阅读全文
摘要:
问题场景 最近在做一些网站性能优化方面的工作。 部分小图转化为Base64与css同步下载,但几张比较大的图(100k~300k)就不太适合转成Base64了,转换后会更大,影响css下载速度; 但采用外联图片异步下载的方式,图片本身的下载速度又很慢,导致页面呈现过程中,用户体验差;部分图片压缩软件 阅读全文