我们要学会用工具解放双手，比如批量给文件夹下某些文件建立软链接，我们可以写个脚本实现。下面记录这个工程中用到的一些命令。变量定义变量时，变量名不加美元符号 {代码...} 使用变量使用一个定义过的变量，只要在变量名前面加美元符号即可 {代码...} 变量名外面的花括号是可选的，加不加都行，加花括号是为了帮助解...

四象限工作法，大多数人工作顺序应该都是 重要紧急 --- 紧急不重要--- 重要不紧急 --- 不紧急不重要的顺序工作，这样会导致工作反复，重要不紧急的事情被拖成 重要紧急的事情。因此，对我的启发是:列出当天工作的四象限。工作顺序按照： 重要不紧急--重要紧急--紧急不重要--不紧急不重要 的顺序来。 对于重要不紧急的时...

如果你已经注册过npm包，可以跳过去。输入命令 npm adduser 根据提示输入 name、password 、email。输完之后，记得去刚刚登记的邮箱激活一下，不然会无法发布哦。

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

一个分支有多次commit记录，其中中间一次提交有问题，我们想把中间那次删除怎么办呢？ 可以使用 git rebase -i commitid 命令。首先 git log 查看 提交历史

一旦团队把体验提上日程，那意味着考验你基本功的时候到了。在诸多体验中，文本的体验非常重要，文本的处理也非常灵活多变，在此记录下文本常用布局。

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 的位置（样式改变）。如果我们不加以控制，每移动一...

我们都知道display: inline-block意味着该元素表现形式是inline，也就是不会独占一行，但是又可以给它定义宽和高。 那么如果一个元素定义了 display: inline-block但是没有定义宽呢？这个元素的width是多少呢? 答案是 由内部元素决定，但不会超过‘包含块’的宽度(前提是没有定义类似min-width属性).专业术语叫 ‘shrink-to...

MDN 上介绍为 CSS 属性指定在什么情况下 (如果有) 某个特定的图形元素可以成为鼠标事件的 target。pointer-events 属性值有:

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

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

DNS全称是 Domain Name System（域名系统）。ip地址不方便记忆，而TCP/IP世界从一开始就有个主机识别码的东西，网络通信过程中可以直接使用主机识别码，这时系统必须将主机名转换为ip地址。为了实现这样的功能，主机往往会利用一个叫做host的数据库文件。 最开始时，互联网信息中心管理者一份host文件，其他计算机则需要...

冒泡在这里的表现就是当用户点击图中事件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就可以了。当时没多想，回来之后才发现，这个