重学react——高阶组件
2020-08-25
阅读 6 分钟
2.1k一、高阶组件基础一句话：就是一个函数，传入一个组件，返回一个新组件；作用就是对传入的组件进行了增强 {代码...} 另外我们都知道ES6中的一种语法叫做装饰器，用在组件上和高阶组件也是一样的，只不过装饰器只能用在类组件中 {代码...} 二、利用高阶组件简单实现antd中的表单验证1、先看一下antd用法 {代码...} 2、我...
重学react——slot
2020-08-25
阅读 1 分钟
4.5k一、插槽用法（1）DOM方式 {代码...} (2) 对象方式 {代码...} （3）函数方式 {代码...} 系列重学react——slot重学react——state和生命周期重学react——redux重学react——hooks以及原理重学react——context/reducer重学react——router重学react——高阶组件build your own reactReact——fiber
面向对象、原型链、继承，你会吗
2020-08-06
阅读 3 分钟
1.5k一、创建对象的几种方法 {代码...} 二、原型链 {代码...} 函数的原型链 {代码...} 三、继承1、借助构造函数实现继承 {代码...} 缺点：只是将Parents的this指向了Child1的实例，但Parents.prototype中的属性却无法继承下来 {代码...} 2、借助原型链实现继承 {代码...} 缺点：虽然实现了继承，但是父类实例后的数据却是共...
javascript模块化详解2(AMD CMD ES6 UMD)
2019-09-21
阅读 4 分钟
1.7k一、AMD规范 异步， 用于浏览器端，依赖require.js，先载入依赖再使用，异步可以同时进行 1、基本语法 暴露模块： {代码...} 引入使用模块： {代码...} 代码演示： {代码...} {代码...} {代码...} 注意jquery插件最后，自定义了模块，因此模块名称必须是jquery {代码...} 二、CMD规范 用于浏览器端，也是异步，只不过是...
javascript模块化详解1(基础和commonjs)
2019-09-19
阅读 4 分钟
2.6k一、模块化的由来 1、最早我们这么写代码 全部方法写在一起，容易命名冲突，并且污染global全局 {代码...} 2、简单封装（Namespace模式） 减少了全局的变量，但是仍然可以通过myFunc.foo去操作数据，不安全 {代码...} 3、匿名闭包（IIFE模式） 函数时javascript中唯一的localScope, 无法操作里面的数据 {代码...} 4、增...
sass和compass基础用法
2019-01-09
阅读 6 分钟
2.2k一、基本命令 sass都是通过gem安装，以下是一些基础的命令 {代码...} 二、sass基础语法 1、变量 {代码...} 2、嵌套和继承 {代码...} 3、数值类型和mixin {代码...} 4、函数、调试（一般也用不上） {代码...} 5、条件语句、循环 {代码...}
new运算符、bind、Object.create、instanceof实现原理探讨
2018-09-20
阅读 3 分钟
4.9k测试一下，并和js原生的new对比一下 {代码...} 在控制台中依次输入m, mm, m.sayYear, mm.sayYear调用，结果如下
函数、函数表达式、作用域、闭包
2018-09-17
阅读 2 分钟
1.5k函数声明和函数表达式 {代码...} 函数声明和函数表达式的主要区别是，函数声明会被前置，而函数表达式作为变量，会被提升。 下方是js执行时的逻辑 {代码...} 一道题考察知识掌握情况 {代码...} 上方代码直接结果为：1 Function函数了解一下，不怎么常用 闭包（不说话，看图就可以） 一道题考察闭包（循环闭包） {代码......
数组去重的各种方法速度对比
2018-09-15
阅读 3 分钟
2.2kunique: 2921.845947265625msunique2: 3580.632080078125msunique3: 12.416259765625msunique4: 617.23779296875msunique5: 2497.0478515625msunique6: 20.821044921875msunique7: 12.881103515625ms
常见前端排序方式对比
2018-09-15
阅读 4 分钟
2.1k首先需要一个自动生成数组的函数 {代码...} 执行上面函数，的到的arr1数组长度为50000，因为js执行速度很快，只有长度很大时，才能看到各个方法的执行速度的差别注意 arr2到arr6不能简单的用赋值，否则arr1改变后，arr2到arr6也相应改变了 {代码...} 接下来是我们常见的排序方式 {代码...} 计算各个方法所花费的时间最后...
- 1
- 2(current)