陈士

在我们这面对前端的定义是高效率的实现可交互并且高质量的产品。所以我们整体的支撑体系如下： 最终前端这块主要负责前端开发（本职工作）和服务端开发（应用逻辑）。 体验。 体验这块主要和设计团队的沟通比较多。设计团队主要负责：视觉规范、交互规范、界面设计。前端团队主要负责：组件抽象、…

CSS设置居中的方案总结，主要是垂直居中的梳理。最后改于2021年2月4日，根据目前常用的方案进行了调整。

使用ES的class，到底是使用箭头函数更有效率，还是在构造器函数（constructor）中使用bind函数给函数绑定context更加有效率？在Demystifying Memory Usage using ES6 React Classes文章中，给出了如下的结论。 上图…

深拷贝的话题好像从来没有停止过讨论，JavaScript并没有一个可以实现深拷贝的方法，我们常见的实现方式是递归和JSON.parse(JSON.stringify())（听说底层还是用了递归），然而一般库函数也只能处理常见的需求（不常见的需求真的存在吗？真的需要用深拷贝吗？真…

这是MDN上给的官方概念，不用去管它，我粘出来只是为了显得专业点嘛... 重点看这里监听目标元素与其祖先或视窗交叉状态的手段，其实就是观察一个元素是否在视窗可见。 可以看到，交叉了就是说明当前元素在视窗里，当前就是可见的了。 其实就是一个简单的构造函数。 以上代码会返回一个In…

说起前端性能监控系统，绝大部分人应该不陌生，也许你正在使用，又或者你只是听说过。总之它就是这样频繁的出现在我们的工作之中。 那么做一个前端性能监控系统，我们应该统计一些什么维度的信息呢？那些数据真正对于我们有用呢？它适用的场景又有哪些呢？有很多的问题需要回答，再做之前我们应该回…

HTTP大家都不陌生，但是HTTP的许多细节就并不是很多人都知道了，本文将讨论一些容易被忽略但又比较重要的点。 xhr.open第一个参数是请求方法，第二个参数是请求url，然后把它send出去就行了。 如果传了data，并且processData为true，并且data不是一…

不知不觉做前端已经五年多了，无论是从最初的jQuery还是现在火热的Angular，Vue，React等前端框架，甚至是nodejs等服务端的兴起，归根到底，我始终觉着一切的核心还是JavaScript。于是最近就有了一个想法，想要梳理一下这些年学习以及使用JS的心得。 本系列…

2017 年网页性能进行优化指南