总结写这篇文章是因为我已经开始意识到了规范的重要性，遵守良好的规范可以让一个人少犯错误，代码也是如此。在小的公司小的开发团队中这点意识比较薄弱，因为大家更注重的是技术，因为开发人员相对较少所以沟通起来比较方便，很少有使用eslint的。但是在大团队协作时，良好的代码规范显得格外重要，因为这是保障一个团队代码风格相同、避免低级bug的途径之一。 使用Lint工具和代码风格检测工具，可以辅助编码规范执行，有效控制代码质量。 关于ESLint的介绍，我在这就不多说了，自行GG。ESLint相比于JSLint和CSSLin…
实现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…
在我刚开始接触前端的时候，曾在知乎上看到一篇关于缓存和前端工程化的文章（回答），激发了我对前端领域的兴趣，但是当时的我还只是个孩子（哈哈），完全看不懂文章讲的是什么，当时给我的感觉就是好厉害的样子，时至今日，偶然又看到这篇文章，以及文章中的前端工程化和处理缓存的方法，竟与我现在的做法不谋而合（好的解决方案一定会普及的），虽然是两年钱的文章了，但是原理依旧正确可用。 以下为正文： 这是一个非常有趣的 非主流前端领域，这个领域要探索的是如何用工程手段解决前端开发和部署优化的综合问题，入行到现在一直在学习和实践中。 在我…