摘要: 前端的工具链。 webpack,glup,npm,flow,babel 等等。 阅读全文
posted @ 2016-07-07 13:42 郭逊 阅读(115) 评论(0) 推荐(0) 编辑
摘要: WebPack 缘由 前端模块化现状 今天的web网站越来越像Web APP。 页面中的JS代码越来越多 浏览器提高的接口越来越丰富 越来越少的全页面重载 页面中更多的代码。 最终:客户端代码中越来越多的代码。 这个时候,很大量的代码需要组织。模块化系统可以帮助我们把代码拆分为模块。 当下的模块化系 阅读全文
posted @ 2016-07-07 13:40 郭逊 阅读(343) 评论(0) 推荐(0) 编辑
摘要: WatchMan 一个文件观测服务 WatchMan观察和记录文件变化。 当匹配的文件有变化的时候,可以触发定义的行为(重建资源). 阅读全文
posted @ 2016-07-06 16:00 郭逊 阅读(286) 评论(0) 推荐(0) 编辑
摘要: React Event React的事件是React封装的跨浏览器的合成事件(syntheticEvent)。 他拥有一些和本地事件一致的接口(例如:stopPropagation(),preventDefault()) 可以通过nativeEvent获取本地事件。 React 的事件机制 Reac 阅读全文
posted @ 2016-07-05 17:15 郭逊 阅读(888) 评论(0) 推荐(0) 编辑
摘要: sourcemap 使用了webpack打包了react+babel应用。发现 sourcemap google中映射不正确。google浏览器中sourcemap大于5m会出现不正确。canary版本中解决了这个问题。 webpack.config.js中配置 devtool: "inline e 阅读全文
posted @ 2016-07-05 10:56 郭逊 阅读(117) 评论(0) 推荐(0) 编辑
摘要: CSS flex的子元素设置高度为百分比。不起作用。 因为,百分比设置的时候,是相对父元素的。父元素必需有确切的高度。chrome正常,safari有问题。 阅读全文
posted @ 2016-06-30 17:43 郭逊 阅读(224) 评论(0) 推荐(0) 编辑
摘要: Getter get 绑定一个函数到对象属性上面。当引用这个属性名的时候,绑定的这个函数就会被调用。 Syntax `{get prop(){...}} {get "expression" {...}}` Parameters prop `绑定到指定函数的属性名。 expression 在ES6中, 阅读全文
posted @ 2016-06-23 09:58 郭逊 阅读(641) 评论(0) 推荐(0) 编辑
摘要: 一个收集依赖,建立依赖图的工具。 基于node使用commjs的语法配置 可以配置loader,预处理 { test:reg,type:’‘}来配置载入类型,例如,typescript,scss,css,html,图片等等。 一个对比的工具是system.js angular2再使用。 阅读全文
posted @ 2016-06-22 15:49 郭逊 阅读(105) 评论(0) 推荐(0) 编辑
摘要: let 定义函数作用域 箭头函数 shadow dom 模块规范 阅读全文
posted @ 2016-06-22 15:46 郭逊 阅读(101) 评论(0) 推荐(0) 编辑
摘要: babel做polyfill。直接用es6 阅读全文
posted @ 2016-06-22 15:45 郭逊 阅读(98) 评论(0) 推荐(0) 编辑