09 2016 档案
摘要：这几天在兴趣下翻看了钉钉（工作协同）应用的前端源码，分析其目录结构、构建工具及框架使用等，进行前端技术研究，分享我的总结成果。 PS：不知道这应用的没关系，因为总结出来是前端通用的东西。 PS：其应用样子。 前言 我研究的是PC桌面版的钉钉应用，应用是由“chrome内核容器+ web页面”构成的，
阅读全文
摘要：看别人用的依赖库的好处在于，你知道有什么可以用，什么可以借鉴。（钉钉——协作桌面应用） PS：人最怕是不知道，而不是你不会。 1. jQuery 钉钉使用了1.9.1版本的jQuery，jQuery作为一个最为广泛使用库，已经不用说明它是什么了。 学习地址：http://jquery.com/ PS
阅读全文
摘要：最近在学习钉钉（一个协作应用）桌面应用的前端源码时候，发现其js源码是用browserify做模块开发。于是想还原其源码的原本的目录结构，学习它的目录分类以及业务划分。 前言 用过browserify构建工具的应该清楚，在压缩合并后的代码的最前面，有处理模块依赖关系的代码： 目录结构解析 我写了一个
阅读全文
摘要：前言 在未接触browserify，虽然我知道它是一个前端构建工具，但还是有几个疑问： 1. browserify出现的日期？ 2. 能构建哪些文件？ 3. 附加的browserify代码体积是多大？ 4. 能生成多个输出文件吗？ 5. 如何兼顾开发调试？ 6. browserify vs webp
阅读全文
摘要：在前端开发过程中，无论是样式还是脚本，运行时的文件可能是压缩后的，那这个时候调试起来就很麻烦。 这个时候，可以使用Source Map文件来优化调试，Source Map是一个信息文件，里面储存着原代码位置信息（转换后的代码的每一个位置，所对应的转换前的位置），这样你调试时看到的就是原文件代码。 P
阅读全文
