最近看前端可视化工具，国内amis做的还是不错的，可惜编辑器不开源。于是花了几天撸了一个demo，还不完善但是结构已经很清晰了。示例：[链接]源码：[链接]

对于javascript来说绝对是一个福利网站。让你对javascript技术趋势有一个宏观的认识。站点：stateofjs 例如：2018年stateofjs统计分析 网站例图：

或者大家google：《This year in JavaScript 2018 in review and npm’s predictions for 2019》 pdf 文件

Webpack 迁移到V4版本指南 需要升级的npm库列表 "webpack": "^4.6.0", "webpack-cli": "^2.0.15", "webpack-dev-middleware": "^3.1.2", "webpack-hot-middleware": "^2.22.1", "file-loader": "^1.1.11", "url-loader": "^1.0.1", "html-webpack-plugin": "^3.2.0", "less": "^3.0.4", "less-loader": "^4.1.0", webpac...

网上有一些的讲react15升级到react16升级的教程。但是很少从整体讲，都是从单个知识点讲。很多都是只讲react本身的升级，如：PropTypes 引用从react模块改成单独的prop-types模块。但是一般项目的架构都是：react+react-router+redux+react-redux+react-router-redux。所以自己整理一下完整的升级过程。

position:'relative'相对布局。这个和html的position有很大的不同，他的相对布局不是相对于父容器，而是相对于兄弟节点。

直接阅读大神文章：阮一峰写的FlexBox布局。在react-native中原理是一样的，只不过可能有写属性在react-native中简化了。有几个注意的点，我在刚刚开始flexbox中总结的：

问题(带着问题学知识) 设计师设计的UI设计图采用的是PX，而reactnative默认采用的dp，如何进行转换 设备屏幕大小一样，但是分辨率不同，如何保证展示效果一致性 分辨率相同，设备屏幕大小不同，怎么处理？ 基础知识 区分物理宽度和相对宽度。 － 物理宽度是可测量的。比如说：手机设备的宽度4英寸 － 相对长度（像素宽度...

karma采用本地安装模式，所以运行karma是在node_module/.bin/karma.cmd，运行起来麻烦，直接package.json中加载脚本方便运行

Karma是Testacular的新名字，在2012年google开源了Testacular，2013年Testacular改名为Karma。Karma是一个让人感到非常神秘的名字，表示佛教中的缘分，因果报应，比Cassandra这种名字更让人猜不透！

jasmine 简介 Jasmine 是一个含有丰富的断言库的测试框架。目前我用的最新的版本是：2.6 基础篇 命令行中环境中使用jasmine 安装 {代码...} 初始化配置文件 {代码...} 生成的配置文件如下jasmine.json： {代码...} 运行测试 {代码...} node 环境中使用jasmine {代码...} 加载配置文件 {代码...} 自定义测试完成事件 {代...

Travis CI（continuous integration ）是目前新兴的开源持续集成构建项目，它与jenkins，GO的很明显的特别在于采用yaml格式，简洁清新独树一帜。目前大多数的github项目都已经移入到Travis CI的构建队列中，据说Travis CI每天运行超过4000次完整构建。

webpack-dev-server 配置在官网已经很详细了[链接]还是简单的总结和整理一下！！！webpack-dev-server 提供两种模式的热替换