防抖和节流

防抖和节流是前端事件驱动编程中常用的概念,也是面试中经常问起的八股。当然,面试中手写基本的防抖和节流也是常考的。

防抖和节流
V8引擎中的对象属性访问

工作中遇到同事讨论JS里面属性访问的速度比较,有人认为用”.”访问比”[]”语法访问更慢。当然最后发现是没有区别的,不过这也让我们好奇浏览器是怎么加速JS的属性访问的。

V8引擎中的对象属性访问
leaflet做线条吸附效果

笔者在某电动三傻自驾中心地图部做前端开发工作,主要内容是基于leaflet开发一些供公司内部使用的地图工具平台软件。在工作中遇到几次需要在地图上实现将某个绘制的线条(polyline)吸附到最近的某条线条(polyline)上的功能。这里总结一个比较通用的,较为基础的方案,方便后续遇到类似问题能够快速解决。

leaflet做线条吸附效果
手写一个Promise

手写Promise是前端面试经常考察的点。实际上只要熟悉Promise A+规范,并不很难,一般面试也不要求写得很全。

手写一个Promise
Webpack上手(入门)

本文首先从Webpack开始,再认识一下这个前端程序员的老朋友。今天几乎所有前端项目都会采用TypeScript开发,采用模块化的代码组织方式,使用React这样的单页应用框架。在工作中我接触到的几乎所有项目都选择Webpack作为构建工具。Webpack本身也有着优秀的设计思想,抛开工具用途外,也很值得我们每一个程序员学习。

Webpack上手(入门)
CSS选择器优先级

一文牢记CSS选择器优先级,不再遗忘

CSS选择器优先级