想要学习算法大概是感觉到面对复杂业务，以及想阅读源码时，感到力不从心。源码中贯穿着优秀的算法思想，一个优雅的实现，在我看来需要想破脑袋才能理解，而如果有了算法理解，其实是自然而然的事情。所以决定学一学算法。

ui库用的是iview . radio、radioGroup是我们非常常用的组件。radio有一个特征是选中之后无法取消。现实中取消radio的需求是常见且可以理解的。所以看到这个需求之后第一尝试 在iview组件之上搞一搞，这一搞就入坑了，现在就来理一理我的入坑之路吧。

图片懒加载有几个重要的点: 1. 图片 的src放到其他属性上，加统一的类名，供选择和 加样式，比如: {代码...} 2. js懒加载函数 有几个重点: 获取可视区域的高度,ie9+ 用window.innerHeight {代码...} 获取当前元素距离可视区域顶部的高度用 getBoundingClientRect().top getBoundingClientRect 和 clientHeight的关系 当g...

浏览器内核可以分成两部分：渲染引擎（Layout Engine 或者 Rendering Engine）和 JS 引擎。早期渲染引擎和 JS 引擎并没有十分明确的区分，但随着 JS 引擎越来越独立，内核也成了渲染引擎的代称（下文我们将沿用这种叫法）。渲染引擎又包括了 HTML 解释器、CSS 解释器、布局、网络、存储、图形、音视频、图片解码器等等零...

函数节流和去抖的出现场景，一般都伴随着客户端 DOM 的事件监听。比如scroll resize等事件，这些事件在某些场景触发非常频繁。 比如，实现一个原生的拖拽功能（不能用 H5 Drag&Drop API），需要一路监听 mousemove 事件，在回调中获取元素当前位置，然后重置 dom 的位置（样式改变）。如果我们不加以控制，每移动一...

import 和js的发展历史息息相关，历史上 js没有模块(module)体系，无法将一个大程序拆分成互相依赖的小文件，再用简单的方法拼装起来。这对开发大型工程非常不方便。 在 ES6 之前，社区制定了一些模块加载方案，最主要的有 CommonJS 和 AMD 两种。前者用于服务器，后者用于浏览器。ES6 在语言标准的层面上，实现了模块功...

ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。此时对 ref 的认识在于，元素属性写了 refs， 则可以通过 this.$refs 访问到该元素。其实ref 用在不同位置，访问到的东西是不一样的。

冒泡在这里的表现就是当用户点击图中事件1或事件2区域时，事件3也会执行。这是因为时间冒泡机制，导致点击'handleClick1'时'handleClick3' 也会响应。在大部分的时候这都是不希望的， 同样我这里也不希望。 看下冒泡的经典描述吧还是图中4，5，6，7步骤就是冒泡阶段。

平时工作中经常会遇到需要上传文件的情况，如果你用ant design 或者element ,它们都提供了上传的组件。 我们分别来看一下element 和 antd 手动上传怎么处理：

MDN上这样介绍Object.assign()，'Object.assign() 方法用于将所有可枚举的属性的值从一个或多个源对象复制到目标对象。它将返回目标对象'，好吧，并看不出是深拷贝还是浅拷贝，我们来测试一下

首先来看一下什么是抽象语法树。抽象语法树（Abstract Syntax Tree）也称为AST语法树，指的是源代码语法所对应的树状结构。也就是说，对于一种具体编程语言下的源代码，通过构建语法树的形式将源代码中的语句映射到树中的每一个节点上。 可以通过一个demo来看一下什么是AST。 js代码为

网易前端面试的时候，面试官问我有几种数组合并的方法，当时第一反应就是concat，但是面试官说几种，我寻思着原生js方法好像也只有concat呀，就说不改变原数组的话concat就可以了。当时没多想，回来之后才发现，这个