摘要：
需求是这样的：需要统计用户公司某款产品用户的回馈情况，美工给的设计多个psd，每个页面里面都有一个选择题，让用户选择自己的答案，最后经过几次选择之后在最后一个页面统一提交到后台！所以这里引出的技术需求就是：如何在每个页面之间实现数据共享，比如用户进入下个选择页面之后怎么保存用户在上一个页面选择的数据 阅读全文
摘要：
webpack中的解决方案——Code Splitting,简单来说就是按需加载（下载），如果是requireJS对应的AMD的方案中这本是在正常不过了。但是在webpack中All in one的思想就会显得很怪，但webpack并不死板（就像某著名AMD和CMD模块管理器中都有对方阵营的实现方案 阅读全文
摘要：
SublimeLinter 是 Sublime 的插件，它的作用是检查代码语法是否有错误，并提示。习惯了 IDE 下写代码的人一定需要一款在 Sublime 上类似的语法检查工具。下面我们开始。 安装 SublimeLinter 如同其他插件一样使用 Package Control 来安装。 安装完 阅读全文
摘要：
imageCompress 只有图片压缩功能，比较简单jquery.imageCompress.js 使用说明： el：为上传框 quality：压缩图片质量，单位为％ onloadStart：读取图片开始，传入文件对象 onloadEnd：读取图片结束，传入图片对象 oncompressStart 阅读全文
摘要：
React 的核心思想是：封装组件，各个组件维护自己的状态和 UI，当状态变更，自动重新渲染整个组件。 最近前端界闹的沸沸扬扬的技术当属react了，加上项目需要等等原因，自己也决定花些时间来好好认识下这个东西。然后学习的时候顺便花时间写了一个demo：react-todos， 为了提起兴趣，你可以 阅读全文
摘要：
切图应该说是前端经常要做的事情，在切图的过程中如果遇到图层过于复杂图片又过于渺小的情况，我们往往需要放大整个图片并隐藏额外的图层来选择我们需要的图形区域，这相当的浪费时间和精力。这里介绍下我们如何通过Photoshop的动作功能来实现一键切图的效果。 （1）下载动作请戳这里下载动作文件：https: 阅读全文
摘要：
前端工程师其实是一个工作很杂的职位，除了要负责切图、写html/css/js外，还要解决一系列的浏览器兼容性、网页性能优化等问题，所以提高前端工程师的开发效率是势在必行的，也是前端工程化的体现。 对于开发效率，我个人理解是 开发效率 = 新增代码的效率 + 修改代码的效率 + 维护代码的效率 那么如 阅读全文
摘要：
对于复杂的单页面应用，状态（state）管理非常重要。state 可能包括：服务端的响应数据、本地对响应数据的缓存、本地创建的数据（比如，表单数据）以及一些 UI 的状态信息（比如，路由、选中的 tab、是否显示下拉列表、页码控制等等）。如果 state 变化不可预测，就会难于调试（state 不易 阅读全文
摘要：
Node简介 简要介绍了Node，从中可以了解Node的发展历程及其带来的影响和价值。 为什么叫Node?起初，Ryan Dahl称他的项目为web.js，就是一个Web服务器，但是项目的发展超过了他当初单纯开发一个Web服务器的想法，变成构建网络应用的一个基本框架,这样可以在它的基础上构建更多的东 阅读全文
摘要：
准备 你需要准备好以下软件： Node.js环境 Git Windows 配置Node.js环境 下载Node.js安装文件： Windows Installer 32-bit Windows Installer 64-bit 根据自己的Windows版本选择相应的安装文件，要是不知道，就安装32- 阅读全文