fansOLC

本文其实应该叫，Web 用户体验设计提升指南。 ... 所谓的用户体验设计，其实是一个比较虚的概念，是秉承着以用户为中心的思想的一种设计手段，以用户需求为目标而进行的设计。设计过程注重以用户为中心，用户体验的概念从开发的最早期就开始进入整个流程，并贯穿始终。 良好的用户体验设计…

浏览器里右键时会有一个默认的菜单，在我的开源项目中正好有自定义右键菜单的需求，在npm库找了下与之相关的包，发现都是以组件形式实现的，感觉那种做法太过繁琐。 于是，我就想着能不能像vue的内置指令那样，绑定到元素上，在这个元素上右键就能出现右键菜单，这样做就方便很多了。 看了下…

为了配合单页面 Web 应用快速发展的节奏，近几年，各类前端组件化技术栈层出不穷。通过不断的版本迭代 React、Vue 脱颖而出，成为当下最受欢迎的两大技术栈。 仅 7 个月的时间，两个技术栈的下载量就突破了百万，React 甚至突破了千万。不管是现下流行的 React、Vu…

作用域链：JavaScript引擎在寻找一个变量名的时候，会在当前作用域进行查找，如果没有，就会继续往外层作用域进行查找，直到全局作用域为止，这就形成了一个作用域链。 this的指向，是在执行上下文被创建的时候，被确定的。 Promise：是一个类，通过new来进行声明。 它采…

大家都知道，Web 页面修改 DOM 是开销较大的操作，相比其他操作要慢很多。这是为什么呢？因为每次 DOM 修改，浏览器往往需要重新计算元素布局，再重新渲染。也就是所谓的重排（reflow）和重绘（repaint）。尤其是在页面包含大量元素和复杂布局的情况下，性能会受到影响。…

这就是所谓的回调地狱，代码层层嵌套，环环相扣，很明显，逻辑稍微复杂一些，这样的程序就会变得难以维护。 对于这种情况，程序员们想了很多解决方案（比如将代码模块化），但流程控制上，还是没有掏出})的大量嵌套。但去年ES2015的标准里，Promise的标准化，一定程度上解决了Jav…

18年初，React Router的主要开发人员创建一个名为Reach Router的轻量级替代方案。 目前 v6已是测试最后一版，估计新的特性不出意外就是下面这些了。 <Switch>重命名为<Routes>。 <Route>的新特性变更。 嵌套…

2020年是特殊的一年，由于疫情原因，大家都窝在家办公。而我则怀着梦想，从天津来到了北京，开启了人生的第一次跳槽。 在面试过程中，频频被原型相关知识问住，每次回答都支支吾吾。后来有家非常心仪的公司，在二面时，果不其然，又问原型了！ 有些理解还比较浅薄，随着时间的推移和理解的深入…

通过这种方式来帮助公司做招聘，是不是很有创意呢？一方面可以体现出这些公司对人才的渴望，另一方面也可以让开发者们直接接触招聘信息，更加高效的找到对公司感兴趣的求职者。 接下来就让来看看这些是如何实现的吧。 1. 基本的文字编排信息输出 我们可以利用这些方式实现更加有创意的控制台信…