接到《京保养》项目需求，了解到是移动端项目，运用于微信公众号及京东 APP 。通过与后端研发沟通，后端将提供所有的数据展示接口，这样最终商定使用前后端分离技术，而作为前端这边就非常适合选择基于 webpack + Vue 的单页面应用来实现。 前期组内也有基于单页面应用的项目总…

本文将以一个标准的 Vue 项目为例，完全抛弃传统的前端项目开发部署方式，基于 Docker 容器技术打造一个精简的前端持续集成的开发环境。 1. CI（持续集成）：阮一峰老师的关于 CI 的介绍 2. Docker： Docker 快速入门 1. 代码无需在本地构建 2. 只…

注： 本文为第12届D2前端技术论坛《打造高可靠与高性能的React同构解决方案》分享内容，已经过数据脱敏处理。 随着React的兴起, 结合Node直出的性能优势和React的组件化，React同构已然成为趋势之一。享受技术福利的同时，直面技术挑战，在复杂场景下，挑战10倍以…

得益于前端社区的活跃，近年来 NodeJS 应用的场景越来越丰富，JS 慢慢变得这也能做，那也能做，笔者也在这波潮流中，上了 NodeJS 全栈应用的这波车，也曾做出过日均访问千万级的 NodeJS 应用，本文将大概总结一下其中的一些「知识点」： 分层设计 可测试性设计 进程管…

jQuery如此强大和好用，关键得益于以下特性： 丰富强大的语法（CSS选择器），用来查询文档元素 高效的查询方法，用来找到与CSS选择器匹配的文档元素集 一套有用的方法，用来操作选中的元素 强大的函数式编程技巧，用来批量操作元素集，而不是每次只操作单个 简洁的语言用…

Service Worker 是一段脚本，与 Web Worker 一样，也是在后台运行。作为一个独立的线程，运行环境与普通脚本不同，所以不能直接参与 Web 交互行为。Native App 可以做到离线使用、消息推送、后台自动更新，Service Worker 的出现是正是为…

对于defer，我们可以认为是将外链的js放在了页面底部。js的加载不会阻塞页面的渲染和资源的加载。不过defer会按照原本的js的顺序执行，所以如果前后有依赖关系的js可以放心使用。 对于async，这个是html5中新增的属性，它的作用是能够异步的加载和执行脚本，不因为加载…

相信很多同学即便没有接触过富文本编辑领域，也一定听说过【富文本编辑是天坑，千万不要碰】的说法——是的，富文本编辑是天坑，但 Slate 能很好地帮助你。下面会介绍富文本编辑的复杂度所在，以及 Slate 的解决方式。 富文本编辑领域和常规的前端开发相比，有个非常微妙的区别：在这…

@蒋欢，美团点评前端工程师，2年工作经验，主要负责大众点评“点餐H5"和"美团点评智慧餐厅"小程序的开发。 Charles 是一个网络代理工具，经常用来进行 Mac 下的 Web 调试工作，功能类似于 Windows 环境下的 Fiddler 工具。因为工作中经常会用到，所以决…