js
文章平均质量分 94
倪晓磊
我变秃了,也变强了
展开
-
保姆级教学!这次一定学会开发babel插件!
如果你有babel相关知识基础建议直接跳过 前置知识 部分,直接前往 "插件编写" 部分。前置知识什么是AST学习babel, 必备知识就是理解AST。 那什么是AST呢?先来看下维基百科的解释:在计算机科学中,抽象语法树(Abstract Syntax Tree,AST),或简称语法树(Syntax tree),是源代码语法结构的一种抽象表示。它以树状的形式表现编程语言的语法结构,树上的每个节点都表示源代码中的一种结构"源代码语法结构的一种抽象表示"原创 2021-09-27 09:30:29 · 567 阅读 · 0 评论 -
@babel/preset-env 与@babel/plugin-transform-runtime 使用及场景区别
之前在用babel 的时候有个地方一直挺晕的,@babel/preset-env 和 @babel/plugin-transform-runtime都具有转换语法的能力, 并且都能实现按需 polyfill ,但是网上又找不到比较明确的答案, 趁这次尝试 roullp 的时候试了试.如果我们什么都不做, 没有为babel 编写参数及配置, 那babel 并没有那么大的威力, 它什么都不会做, ...原创 2019-12-04 00:44:02 · 3295 阅读 · 1 评论 -
【React】PureComponent解决了什么问题
PureComponent 是和 shouldComponentUpdate这个生命周期息息相关的React 重新渲染问题React中,当父组件中触发setState, 尽管未修改任何 state 中的值也会引起所有子组件的重新渲染, 更何况是修改了某个state还有, 当父组件传给子组件的props 发生改变, 不管该props是否被子组件用到, 都会去重新渲染子组件。其实我们也可以...原创 2019-11-23 21:16:46 · 499 阅读 · 0 评论 -
JS学习笔记 什么是面向对象、创建对象的几种方法、利用原型节省内存空间
编程思想面向过程:所有事情都是亲力亲为,注重的是过程面向对象:提出需求,找对象,对象解决,注重的是结果举个例子: 面向过程: 比如你想吃面条,面向过程就是自己去买面粉,然后买来自己和面,自己煮面,所有的过程都是得自己一步一步去做面向对象: 我想吃面,在附近找一家面馆,跟老板说要吃什么面,你只需要给老板钱,就会给你煮好的面,你本身不需要关心任何过程面向对象的特性封装: 将一些可能会重复使用到...原创 2018-05-08 15:47:24 · 311 阅读 · 0 评论 -
JS学习笔记 数组去重
操作的数组 let arr=[0,1,23,'1',4,2,8,5,5,6,9,'asdasd','5']方法1,利用ES6 的set 来进行数组去重 console.time("set") let type1=new Set(arr) console.log(type1) type1=[...type1] console.log(type1) consol...原创 2018-05-08 11:56:37 · 152 阅读 · 0 评论 -
JS学习笔记 location.href和location.replace的大致区别
今天学校的外聘老师告诉我们,公司开发过程中,因为新手的一些误操作造成了许多问题,举个例子,在项目中 比如要购买一件商品 ,并且有一个这个商品的优惠券,而使用这张优惠券需要取请求 一个第三方的地址,中间会有一次跳转,因为使用了location.href 后,按流程操作是没问题的,但是如果用户点击返回,则无法跳回原本的提交订单的页面,会一直进行重复请求,造成程序出错,所以,必须替换成locatio...原创 2018-05-07 20:46:45 · 25893 阅读 · 2 评论 -
JS 学习笔记 闭包小案例
直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>Document</title></head><style type="tex原创 2018-05-12 20:26:04 · 178 阅读 · 0 评论 -
JS学习笔记 原型链和利用原型实现继承
原型链原型链是一种关系,实例对象和原型对象之间的关系,关系是通过原型(__proto__)来联系的实例对象中有__proto__,是对象,叫原型,不是标准的属性,浏览器使用,并且有的游览器不支持构造函数中有prototype属性,也是对象,叫原型注意 原型中的方法是可以互相访问的实例代码 function Animal(name,age){ this.name=name; ...原创 2018-05-12 09:53:41 · 17073 阅读 · 4 评论 -
JS 学习笔记 贪吃蛇小demo
最近跟着视频教程打了一个贪吃蛇,来记录一下实现思路,先上代码静态页<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <title>贪吃蛇</title></head>&原创 2018-05-10 21:09:23 · 842 阅读 · 0 评论 -
JS学习笔记 构造函数和实例对象之间的关系
自定义构造函数function Person(name,age,sex){ this.name=name; this.age=age; this.sex=sex; }实例对象实例对象的构造器是指向Person 的,结果是true,所以,这个实例对象per就是通过Person来创建的var per=new Person("小红",21,"男"...原创 2018-05-09 10:10:26 · 788 阅读 · 0 评论