本文分上下两篇，实现一个基础版本的虚拟 DOM。 上篇首先介绍什么是虚拟 DOM、为什么要使用虚拟 DOM，其次完成项目创建、实现 h 函数、render 函数以及 mount 函数，完成创建虚拟 D

不知不觉在网易已有三年半，占了一半时间都在与移动端打交道，整个阶段都是遇坑填坑的学习过程。移动端开发在前端里像神一样地存在，不是说它多难而是说它坑位实在太多了，怎样填都填不完。Android和iOS各显神通，Android的系统版本和屏幕分辨率多得难以一招兼容，iOS的顽固标准…

女朋友常逛的设计网站这两天页面上多了下雪的效果，于是问我我的网站能下雪吗，作为一个程序员我一般会说实现不了，但是作为男朋友，不能说不行。 当然，最好的方式是用canvas来画。 因为tan(θ)=sy/sx，θ=Math.atan(sy / sx)，因为雨的线段默认是从上到下垂…

针对目前流行的纯前端压缩图片解决方案大多改变了图片尺寸或者压缩后的图片体积无法准确达到期望值范围内的问题，通过运用二分查找法寻找最优压缩点的来实现既不改变图片体积，又能控制压缩后图片体积精度的效果。在同类型的纯前端压缩解决方案中对比，本文提出的方案没有改变图片体积，且压缩后的体…

一个大概的商品规格SKU添加的功能大概就差不多了，后面的话还有对表单数据进行处理，大家可以自行研究。

随着Web技术不断的革新，CSS近几年也变得多年前要更强大。在Web开发中，CSS是不可或缺的一部分，对于很多Web开发者来说，有很多CSS属性不知道，或者说他们知道，但忘记在最恰当的时候使用最适合的CSS属性。而且时至今日，其中有一些CSS的属性可以让开发者能节约更多的时间。…

在Vue的项目开发里面，组件之间的通信实在是太常见了，虽说Vue已经出了很久了，但我接触它的时间仍不是很多，趋于业务开发，有时候会踩到一些坑，也是初级开发者很容易遇到的问题，当然网上也都有很多解决方案的文章，不过每次一遇到问题就百度一下的习惯并没有让自己系统的理解Vue里面的通…

带你深度解锁Webpack系列(基础篇) 和 带你深度解锁Webpack系列(进阶篇)，主要是讲解了 Webpack 的配置，但是随着项目越来越大，构建速度可能会越来越慢，构建出来的js的体积也越来越大，此时就需要对 Webpack 的配置进行优化。 本文罗列出了十多种优化方式…

前言 一个网站的加载速度有多重要？ 反正我相信之前来博主网站的人至少有 50% 在加载完成前关闭了本站。 为啥捏？ 看图 高清大图 首页完整加载时间 8.18s，看来能进来看博主网站的人都是真爱呀，哈哈。 正常来讲一个网页 4s 加载不完就会流失很大一部分用户，而博主的网站加载…