fanyang

无论你是计划为你的初创公司投资一个移动应用，还是打算将线下实体店改成网店，你最关心的一定是为你的业务找到最佳的解决方案。 你注意到了吗？在 Google Play 里面的大...

某次需要在页面上实现一个用于反映节点间父子关系的树状图，如下： 图1 在线Demo 一般来说，这种图表类的功能，都会通过引用第三方库来实现，一开始我也是打算想直接引入一个库...

前段时间做某系统审核后台，出现了审核人员截图把内容外泄露的情况，虽然截图内容不是特别敏感，但是安全问题还是不能忽视。于是便在系统页面上面加上了水印，对于审核人员截图等敏感操...

个性签名: 生如夏花，逝如冬雪；人生如此，何悔何怨。 工欲善其事，必先利其器。在判断元素是否在可视区域实现简单的原生懒加载前，我们先简单回顾下以下几个关键的概念。 ps： ...

以上引用来自百度百科，提到“一个图形有2个字节，Unicode 编码范围为E63E到E757”。但人的创造性是无穷的，限定的区域无法满足人们表达的欲望。所以 Emoji 并...

我工作中的技术栈主要是 React + TypeScript，这篇文章我想总结一下如何在项目中运用 React 的一些技巧解决一些实际问题，本文中使用的代码都是简化后的，不...

韩国某著名男子天团之前在我们平台上架了一张重磅数字专辑，本来是一件喜大普奔的好事，结果上架后投诉蜂拥而至。部分用户反馈页面打开就崩溃，紧急排查后发现真凶就是下面这段代码。 ...

优秀的技术社区每天都会生产出不少干货内容，《XX 框架源码分析》就是其中的一类。然而，这类文章往往叫好不叫座，人气常常不如《手把手教你 XX》。真的是我们太浮躁了吗？本文希...

首先我们先看一个简单的表单，收集并校验两个组件的值。只需要通过监听两个表单组件的 onChange 事件，获取表单项的 value，根据定义的校验规则对 value 进行检...

现在，我们将要遵循 React 代码的体系结构，一步步的实现我们自己的 React 版本。但是本次并不会将优化以及非必要的特性加入进来。 如果你有阅读过我以前任何一篇 构建...

阿宝哥第一次使用 TypeScript 是在 Angular 2.x 项目中，那时候 TypeScript 还没有进入大众的视野。然而现在学习 TypeScript 的小伙...

上一篇文章我简述了什么是 Virtual DOM，这一章我会详细讲 Diff 算法以及为什么在 React 和 Vue 中循环都需要 key 值。 Web 界面其实就是一个...

传统的diff算法是使用循环递归对节点进行依次对比，复杂度为O(n^3),效率低下。 针对树结构(tree diff)：对UI层的DOM节点跨层级的操作进行忽略。（数量少）...

有可能你当前已经通过 apt-get yum 等命令安装了，但是可能不支持 https http2 ipv6 等功能。 我们可以通过 nginx -V 命令来查看版本以及支...

有兴趣的同学可以自行研究。 这样，你就会发现只有路由匹配的时候，组件才被import进来，达到了code splitting的效果，也就是我们常说的按需加载，代码分块，而...

一. 什么是Code Splitting? 在最开始使用Webpack的时候, 都是将所有的js文件全部打包到一个build.js文件中(文件名取决与在webpack.co...

随着单页应用发展的越来越庞大，拆分js就是第一要务，拆分后的js，就可以根据我们需求来有选择性的加载了。 这里就添加了一句，chunkFilename而已，chunkFil...

目前大家使用最多也是最广泛的应用打包工具就是 webpack 了，除去 webpack 本身已经提供的优化能力（例如，Tree Shaking、Code Splitting...

new操作符通过执行自定义构造函数或者js内置构造函数，从而生成一个实例对象。 可以看到new操作符执行Person构造函数后，返回了一个内部创建的新对象，并且以这个对象为...