本文的目的是为了给想要快速搭建一套业内流行的angular团队代码提交规范（不是angular团队编写代码的规范）的小伙伴们提供一个简单清晰直白的教程。文章的内容不会深究每个环节的细节，但是会用通俗的话语让需要的小伙伴们了解每个环节的含义和作用，从而能做到从0到1的搭建起代码提…

浏览器从去年年底开始，已经开始支持浏览器的原生平滑滚动定位，CSS scroll-behavior属性和JS scrollIntoView()方法都可以。 scroll-behavior:smooth写在滚动容器元素上，可以让容器（非鼠标手势触发）的滚动变得平滑。 我们先看一个…

继上一篇的面向对象设计的设计原则，本篇是面向对象设计系列的第二个部分：面向对象设计的设计模式的第一篇文章。 最开始说一下什么是设计模式。关于设计模式的概念，有很多不同的版本，在这里说一下我个人比较赞同的一个说法： 简单来看，设计模式其实就是针对某些问题的一些方案。在软件开发中，…

如果你仔细观察过宋小菜技术同学的日常工作，你就会发现他们很喜欢谈论一个词，那就是“能力”。无论是在系统架构规划的时候、技术方案设计的时候、开发问题探讨的时候甚至PRD评审的时候，“能力”这个词会不停地出现在他们的口中。是什么原因，使得这个词这么频繁的出现在开发小伙伴的交流中呢？…

当我想要在网上找一个简洁的 Javascript 动效库时，总是发现很多“推荐”的库都是缺乏持续维护的。 经过一番研究，我收集了 11 个最好的库，你可以用在自己的项目中。另外我还添加了一些有用但是缺少持续维护的库。 提示：可以用 Bit 来共享你的组件，用它们构建多个项目并与…

要么大牛带队，但是后端大牛。 要么临时凑的团队，受制于从前，前端不自由。 要么从0到项目部署，都是为了敏捷而敏捷，颇不规范。 话虽如此，经过4年生涯摧残的废猿我，也是有自己的一番心得体会的。 1. 从DevOps流程看前端基建 很多前端在接触到什么前端工程化，什么持续构建/集成…

本文从理论和实战的两个方面讲述前端离线日志系统是如何构建的，因为内容比较多，我将文章分为 3 部分来讲述整个日志系统的设计。 随着前端项目越发复杂，前端日志的重要性也越发凸显，通常我们使用网络请求上报的方式记录日志，比如 badjs，友盟的 cnzz等等。采用网络请求上报的方式…

现在的前端框架， React、Vue、Angular 三大巨头已经占据了主导地位，市面上大多数前端应用也都是基于这三个框架或库完成，这三个框架有一个共同的特点，都是 JS 驱动，在 JS 代码解析完成之前，页面不会展示任何内容，也就是所谓的白屏。 用户是极其不喜欢看到白屏的，什…