实现css模块化一直是前端开发人员努力实现的目标，但是作为前端领域发展最慢的一块，css的模块化解决方案着实让人头疼。越是大型的项目最后限制的并不是JavaScript，而是css。ES6、7和各种打包工具的发展，早已把css甩出好几条街。在《深入React技术栈》中对css模块化有所描述，在此结合我本人的经验胡说几句。 书中讲到CSS模块化的解决方案有很多，但主要分为两类。 一类是彻底抛弃CSS，使用css in JS的方式使用json来写样式。比如说jsxstyle，react-style等，结合我司的项目来说…
拖拽事件有7种，但是根据作用对象不同可以分为两大类： 被拖拽元素上触发的事件： ondragstart - 用户开始拖动元素时触发 ondrag - 元素正在拖动时触发 ondragend - 用户完成元素拖动后触发 目标元素上触发的事件： ondragenter - 当被鼠标拖动的对象进入其容器范围内时触发此事件 ondragover - 当某被拖动的对象在另一对象容器范围内拖动时触发此事件 ondragleave - 当被鼠标拖动的对象离开其容器范围内时触发此事件 ondrop - 在一个拖动过程中，释放鼠标键…
这里只是简单的介绍一下babel中那些语法插件的作用包括以下几个 { "presets": [ "es2015", "react", "stage-0", "stage-1", "stage-2", "stage-3" ], "plugins": [] } babel-preset-react 的作用是让其支持JSX的语法。 babel-preset-es2015 的作用是让其支持ES6的写法。 babel-preset-stage-0 的作用比较多（法力无边），因为它包含stage-1, stage-2以及sta…
近日开始通读《深入React技术栈》，发现坐着讲的很详细，书中很多知识点是我忽视的或者没有接触到了，特写遍手记记录一下。 React数据流 ，stata只关心自己组建的内部状态，并且只能在组件内改变，吧组建看成一个函数，那么它接受props作为参数，内部由state作为函数的内部参数，返回一个Virtual DOM的实现。 setState是一个异步方法，一个生命周期内的所有的setState方法会合并操作。 props： React的单向数据流，只要的流动管道是props，props本身是不可变的，当我们视图改…
Node的http模块提供了两个函数 http.request http.get 功能是作为客户端向HTTP 服务器发起请求，http模块可以作为服务器也可作为客户端，Node经常会需要访问外部服务器来实现功能，可以使用这两个函数。 http.request 接受两个参数，option 是一个类似关联数组的对象，表示请求的参数，callback是请求的回调函数 。 http.request 返回一个 http.ClientRequest 的实例 。 常用的options有： var options = { prot…
使用node开发的小伙伴都知道，每次更改完程序代码之后必须重启一下，否则不会更新，但是每次手动重启又特别麻烦，有的时候自己忘了重启一直出不来效果还让自己很气愤。 nodemon 是一款非常实用的工具，用来监控 NodeJS 源代码的任何变化和自动重启你的服务器，这样我们只需要刷新页面就能看到你的改动。这里还有个一个工具 supervisor 也能实现同样的功能，但相…
上一篇文章文章介绍了前端工程化中的缓存问题，以及如何处理缓存问题,比较好的就是gulp-rev正好解决的就是这个问题。 参见上一篇文章，rev做的事情真是如此，他会根据静态文件资源内容生成一个内容散列值，打包出来的文件会增加上这个散列值，与此同时会生成一个json文件用来保存打包前和打包后文件的对应关系。然后将html里面的链接修改为增加散列值的文件就可以了，这样就可以找到资源了。很重要的一点（上一篇文章也介绍了）就是：静态服务器要配置静态资源的过期时间为永不过期。 这样做的目的是： 静态资源在客户端只会请求一次（…