开发产品功能的时候ui往往会给出虚线边框的效果图，于是乎，我们往往第一时间想到的是用css里的border，可是border里一般就提供两种效果，dashed或者dotted，ui这时就不满意了，说虚线太密了。废话不多说，下面直接给解决方案（参考css揭秘）： div { pa…

蚂蚁金服数据平台前端团队主要负责多个数据相关的PC Web单页面应用程序，业务复杂度类比Excel等桌面应用，业务前端代码量在几万行～几十万行，随着产品不断完善，破百万指日可待。管理好10万行级甚至百万行级代码的前端应用，是我们团队的核心挑战之一。 团队的架构方案是多个产品经历…

1. 库/框架选型 2. 简单构建优化 3. JS/CSS模块化开发 4. 组件化开发（本文重点） 1. Vue.js采用了JSON的方法描述一个组件 2. React.js发明了JSX，把CSS和HTML都塞进JS文件里 不要把分离容器组件和展示组件当做教条，如果你不确定该组…

因为用到了Prettier所以在设置的时候看文档发现全是英文索性就翻译了下希望大家能用到。 打印宽度指定打印将换行的行长。 指定每个缩进的空格数。 在语句的末尾打印分号。 true - 在每个语句的末尾添加一个分号。 false - 只在可能引入ASI故障的行的开头添加分号。 …

在上一篇文章中已经介绍了大前端关于状态管理、UI组件、小程序、跨平台和框架层的内容。在本文中，我会继续介绍编程语言、工程化、监控、测试和服务端，同时也会对下半年大前端可以关注的部分进行展望。 来自statesofjs的统计，在类JS编程语言上，ES6遥遥领先，TypeScrip…

本文只讨论图中蓝色部分。 快速修复 command + . ctrl + . 虽然在写法上，这两个操作符与位运算逻辑操作符相同。但在语义上，它们与位运算刚好相反。 对于这种表现，可以这样理解：&表示必须同时满足多个契约，|表示满足任意一个契约即可。 建议库的开发者所提供的公共a…

nodejs 社区乃至 Web 前端工程化领域发展到今天，作为 node 自带的包管理工具的 npm 已经成为每个前端开发者必备的工具。但是现实状况是，我们很多人对这个nodejs基础设施的使用和了解还停留在: 会用 npm install 这里（一言不合就删除整个 node_…

1. scrollingElement 2. 滚动到底部 3. 判断浏览器已滚动到底部

我在上一篇的文章大BU级别的"前后端分离"实践中提出了我们当前的前端团队中存在一些问题以及解决思路，并且在其中详细地写出了统一视图服务的实现思路和收益。这篇文章主要写关于前端迭代及上下游协作效率我们是如何解决的。 团队负责的业务越来越读，如何提高资源、组件及代码的复用率，提升整…