BFC（Block Formatting Context）格式化上下文，是 Web 页面中盒模型布局的 CSS 渲染模式，指一个独立的渲染区域或者说是一个隔离的独立容器。 内部的 Box 会在垂直方向上一个接一个的放置。 bfc 的区域不会与 float 的元素区域重叠。 bf…

vue-cli, create-react-app、react-native-cli 等都是非常优秀的脚手架，通过脚手架，我们可以快速初始化一个项目，无需自己从零开始一步步配置，有效提升开发体验。尽管这些脚手架非常优秀，但是未必是符合我们的实际应用的，我们可以定制一个属于自己的…

D3与众多其他库的区别在于无限定制的能力（直接操作SVG）。 它的底层API提供对原生SVG元素的直接控制，但它也带来了高学习曲线的成本。 我们将把D3和Vue结合在一起 - 使用Vue的动态数据绑定，清晰的语法和模块化结构，可以充分发挥D3的最佳性能。 绝大部分的D3课程或书…

相信很多人都有这种经历，一个项目写好了，尤其是一个组件库，你没有一个文档说明，谁能看得懂？所以一个好的项目，必须要有个通俗易懂的文档说明。当然，这些年markdown如火如荼，github的page也可以让你快速生成一个简单的文档说明，但毕竟写来写去还是在一个readme.md…

我在2年之前，写过一篇中小型项目的前端架构浅谈。随着能力的上升，以及在阿里巴巴工作的经验，是时候写一篇大型项目的前端架构分析了。 本篇文章不会更多侧重于具体技术实现，而是尝试从更高角度出发，分析为什么要这么做，这些设计能解决什么问题，成本和收益如何。 由于作者能力有限，可能会有…

不管是工作需要还是面试加分，vue技术栈已经成为了前端开发工程师必备的技术点。接下来，我将从零开发一套完整的vue项目开发环境，提供给需要的同行小伙伴观看也方便自己以后复习。 ... 先本地全局安装node环境，vue的运行是依赖于node的npm的管理工具来实现的，node下…

个人专栏 ES6 深入浅出已上线，深入ES6 ，通过案例学习掌握 ES6 中新特性一些使用技巧及原理，持续更新中，←点击可订阅。 Vue 相对不于 React 的一个优点是它易于理解和学习，且在国内占大多数。咱们可以在 Vue 的帮助下创建任何 Web 应用程序。 因此，时时了…

笔者长期单枪匹马在前端领域厮杀(言外之意就是团队就一个人)，自己就是规范。随着公司业务的扩展，扩充了一些人员，这时候就要开始考虑协作和编码规范问题了。本文记录了笔者在制定前端协作规范时的一些思考，希望能给你们也带来一些帮助. 一个人走的更快，一群人可以走得更远，前提是统一的策略…

本文的每一条，都是我曾经发过的掘金沸点，其中有很多条超过了百赞（窃喜）。 鉴于时不时有童鞋翻我以前的沸点，因此，本系列收集了个人目前发过的所有CSS知识点动图，以便阅读。 两个月前，曾发过一篇《你未必知道的49个CSS知识点》，已有3000多赞，这里，老姚真心谢谢大家的支持。 …