在前端项目开发的时候，往往逃不开组件之间传值这种操作。常见的几种场景，父子组件、非相关组件。 大家都知道使用redux就能搞定所有的问题，redux是一个全局状态管理，可以把所有的数据放在一个单独的地方在使用的时候直接拿来用；就相当于一个数 ...

我们常见的JavaScript运行时（runtime）有两个，一个是浏览器环境，一个是Node.js环境 JavaScript 事件循环机制分为浏览器和 Node 事件循环机制，两者的实现技术不一样。 浏览器 Event Loop 是 HT ...

一、原始写法 模块封装在function中 缺点: 污染了全局变量，无法保证不与其他模块发生变量名冲突，而且模块成员之间看不出直接关系。 模块封装在对象里 缺点: 所有模块成员，内部状态可以被外部改写 立即执行函数写法: 模块封装在立即执行 ...

提问 sw-precache是什么？ workbox又是什么？ web前端的各位同学可能或多或少听过pwa，听过service worker（后面简称为SW），也知道对应的生命周期。知道了这些api后，你还是不知道如何将pwa技术投入生产。 ...

前端三大件：HTML+CSS+JS今天我们就来说一说HTML，可能很多人觉得这个太简单了，就是平常写网页的一堆元素。然而越是基础的东西人们越容易忽略，所以特意梳理了下相关知识，希望加深对它的理解。 是什么HTML（HyperText Mar ...

事情是介个样子的： 我给项目新配置了新的 redis 接口，再运行项目后，一直报错，说不能设置只有 getter 的属性名： server error TypeError: Cannot set property name of whic ...

先简单列一下在实现树组件的过程中一些值得关注的节点。 ~ 如何调用组件自身 由于树是一个递归的数据结构，必然需要对组件自身的递归调用。 我们只需给组件指定name属性，即可以在组件内部直接使用。此处需要注意的是每次调用都会生成一个独立的作用 ...

CSS 布局本质就是控制元素的位置和大小。比如这样的布局：元素宽960px，水平居中。宽960px是大小。水平居中是位置。又如这样的布局：两个元素在一行，左侧元素固定宽200px，右侧元素撑满剩余空间。固定宽200px，撑满剩余空间是大小。 ...

案例：旋转木马页面加载时候出现的效果，script标签写在head里面，body上面显示一个图片散开的动画，遍历之后，把每个图片用封装的动画函数移动到指定目标（同时改变多属性：宽，透明度，层级，top, left）在做左右按钮点击事件。右边 ...

​ 由于这两天面试有遇到相关的问题，以及在维护外包项目时遇到的种种相关的奇葩异步乱用的问题，决定好好捋捋这几个名词在实际中的应用。 一、队列类型 ​ js是单线程编程语言，所以js的执行顺序是按语句的顺序去排列的。 ...