ES6的二三事(二)-模块化

在之前的 javascript 中一直是没有模块系统的,前辈们为了解决这些问题,提出了各种规范, 最主要的有CommonJS和AMD两种。前者用于服务器,后者用于浏览器。而 ES6 中提供了简单的模块系统,完全可以取代现有的CommonJS和AMD规范,成为浏览器和服务器通用的模块解决方案。

ES6的二三事(一)

最近都在开发 react-nativeVue 的项目,接触多了 ES6 代码,相较于之前的一脸懵逼,显示觉得 ES6 简直妙不可言,于是赶紧写写博客总结下知识点和经验。

简介

ECMAScript 6.0(以下简称ES6)是JavaScript语言的下一代标准,已经在2015年6月正式发布了。它的目标,是使得JavaScript语言可以用来编写复杂的大型应用程序,成为企业级开发语言。

标准的制定者有计划,以后每年发布一次标准,使用年份作为版本。因为ES6的第一个版本是在2015年发布的,所以又称ECMAScript 2015(简称ES2015)。

javascript单元测试实践

最近往 npm 上发布一些包,为了保证后续运行没有很严重的bug,需要给程序加一些单元测试,看下整体的运行的情况,参照了最近使用的 vue-cli 生成项目的测试部分代码,使用 karma + mocha + phantomjs + chai 完成了整个项目的单元测试工作。

npm 发布一个自己的包

NPM 是 node 自带的包管理工具, 我们在平时项目提炼出许多重用性比较强的代码,把这些代码整合成一个模块发布到npm社区,可以让自己模块做更好版本管理(不会因为自己某天改了一行代码就导致所有依赖项目歇菜),新建项目的时候也不用copy代码这种粗糙的方法引入。

最近在npm上发布了两个包 si-log, si-store

react-native 给android端设置启动图

公司的 环保头条 安卓端,全部使用 react-native , 相对之前的webapp 程序, 它的动画性能更好,更加贴近于原生的体验。 app功能开发基本完成后,发现一个很严重的问题,在app启动的时候会有很明显的白屏现象,不同的机型不同(cpu好的白屏时间短),大概1s到2s的时间。

为了解决这个问题,找了很多的资料,参考了 ReactNative安卓首屏白屏优化, 也并没有解决掉启动慢点问题 , 原因是全react-native的应用,内存换效率的做法并不起作用。
于是我决定曲线就够,在app启动时先展示一张背景图片,当启动后隐藏。

,