摘要:
引言 javascript 是一门单线程的语言,在同一个时间只能做完成一件任务,如果有多个任务,就必须排队,前面一个任务完成,再去执行后面的任务。作为浏览器端的脚本语言,javascript 的主要功能是用来和用户交互以及操作 dom。假设 javascript 不是单线程语言,在一个线程里我们给某 阅读全文
摘要:
一 背景 在工作时,突然接到经理的一个要求,需要将一个react的高阶组件函数封装成一个npm包。之前从没弄过,当场还是有些懵逼的,但是这毕竟是工作,不能推脱。于是开始了学习、汤坑之旅。最终包发布,线上项目成功使用,虽然导致了一次线上故障,但还是快速地fix掉。吃一堑长一智,记录一下整个发布的过程和 阅读全文
摘要:
问题的产生 今天下午请假,忙完手头事之后,在家实在无聊,想着从0开始搭建一个 react 的项目。webpack 基本配置之前研究过,没什么大问题。谁想,在 react-router 的配置时出现了个大坑。 router 版本采用最新的5版本。官网提供 browserrouter 和 hashrou 阅读全文
摘要:
ref: 获取组件实例的引用,即获取实例的this。 影响原因 当一个组件用了修饰器之后,其ref会被包裹一层,而不能找到真实的this实例。 ref在react组件中,同为关键字,子组件取不到该props 解决方法 在组件外层包裹一层 container,手动绑定ref 指定getInstance 阅读全文
摘要:
思路: 1. 元素需要脱离文档流。设置为 position : absolute 2. 鼠标点击时,获取点击的位置距离元素的左边和顶边的偏移量。 3. 鼠标移动,是在父元素中移动,一般是 html,即 document.documentElement。 注意不是在元素中移动 。 1. 获取 鼠标点击 阅读全文
摘要:
A 概念 一 linux 终端 linux 终端也称为虚拟控制台,是 linux 从 UNIX 集成来的标准特性。显示器和键盘合称为终端,因为他们可以对系统进行控制所以又称为控制台。通常情况下, linux 默认开启6个虚拟终端。如果默认启动界面选择了图形界面,类似于 windows 桌面系统,那么 阅读全文
摘要:
语法 用来指定行内元素或表格元素的垂直对齐方式 相对父元素的值 baseline 使元素的基线与父元素的基线对齐。HTML规范没有详细说明部分可替换元素的基线,如textarea,这意味着这些元素使用此值的表现因浏览器而异。 middle 使元素的中部与父元素的基线加上父元素x height(译注: 阅读全文
摘要:
一 react 组件元素的 diff 算法 二 key 的理解 概述 react 中的key 属性,它是一个特殊的属性,它的出现不是给开发者用的(例如你为一个组件设置key之后不能获取组件的这个key props),而是给react自己用的。 key 的作用 key不是用来提升react的性能的,不 阅读全文
摘要:
typeof 操作符 只能用来检测基本类型的数值。引用类型会统一返回 object。 函数:function 数值:number 字符串:string 布尔值:boolean undefined:undefined 对象:object 正则:function (safari 只能用来检测引用类型,由 阅读全文
摘要:
一 双层循环匹配 1. 选择排序 1. 思想: 将标志位的每一项与后面的项进行对比,一致则删除,j 。 3 利用对象key的不可重复性 4 对排序之后的数组进行前后值的对比。 1. 思想 1. 将数组进行排序,遍历数组,将当前项和下一项进行对比,一样则将下一项删除掉。最后return数组。 四 es 阅读全文