- 博客(6)
- 资源 (2)
- 收藏
- 关注
原创 JavaScript进阶之继承的实现方式
继承的实现方式1. 类式继承1.1. 缺点2. 构造函数式继承2.1. 缺点3. 组合式继承3.1 缺点4. 原型式继承5. 寄生式继承6. 寄生组合式继承 1. 类式继承 简单来说就是子类的prototype指向父类的实例。 // 父类 var SuperClass = function() { this.bookList = ['CSS', 'HTML', 'JavaScript']; }; SuperClass.prototype.getBookList = function() { ret
2021-05-27 16:53:40 117 1
原创 JavaScript进阶之设计模式
设计模式1. 概念1.1 设计模式1.2 设计原则2. 工厂模式2.1 简单工厂模式2.2 工厂方法模式4. 抽象工厂模式 1. 概念 1.1 设计模式 设计模式是解决某类问题的方案,由前人经过实践和经验总结出来的解决某类问题的思路。正确选择设计模式能够提高代码复用性和可维护性。 1.2 设计原则 单一职责原则 开放封闭原则 2. 工厂模式 工厂模式按照抽象程度不同可以分为:简单工厂模式、工厂方法模式、抽象工厂模式。 2.1 简单工厂模式 根据传入的参数不同,创建属性值不同的同类实例。 只能创建相同类型
2021-05-26 13:18:09 168 1
原创 JavaScript基础之内置类型
内置类型1. 前言2. 内置类型2.1 typeof 判断值类型2.1.1 直接判断2.1.2 判断null:2.1.3 判断object2.2 Object.prototype.toString.call() 判断值类型小贴士1. 真值-假值 1. 前言 JavaScript 是一种动态类型语言,变量是没有类型的,值才有类型。类型是值的内部特征,定义了值的行为,使其和其他类型值有所区分。 2. 内置类型 在JavaScript中值有7种内置类型: null 空值 undefined 未定义 bool
2021-05-25 09:13:53 294 1
原创 Webpack@5.0之搭建React项目
Webpack之搭建React项目1. 概述2. 创建项目目录3. 下载依赖文件4. 配置文件4.1 babel配置 1. 概述 之前都是使用React脚手架来搭建React项目的,这次想尝试放弃脚手架直接使用Webpack来搭建一个完整的React项目,学习一下Wepack的使用,在记录一下搭建过程,之前每次学习Wepack,过段时间都会忘记,这次记录一下,不求能够永远记住,但求能记得时间更久一点。 2. 创建项目目录 创建项目 mkdir webpack-react 创建package.json
2021-05-20 08:58:03 785
原创 浏览器之跨域问题
跨域问题1. 前言2. 跨域问题产生的原因2.1 同源策略2.2 同源策略的限制2.3 在跨域下依然可以加在资源的标签2.4 常见的跨域场景3. 跨域问题的解决方法3.1 CORS3.1.1 简单请求3.3.1 复杂请求3.2 jsonp3.2.1 **JSONP和AJAX对比**3.2.2 **JSONP优缺点**3.2.3 JSONP的实现流程3.2.4 jQuery的jsonp形式 1. 前言 前端道友们在进行前端开发的过程中肯定都遇到过跨域问题,最常见的是不是都是请求后端道友来处理跨域问题呢?反正
2021-05-06 10:31:52 841
原创 造轮子之防抖和节流
防抖和节流1. 防抖1.1 什么是防抖1.2 代码 1. 防抖 1.1 什么是防抖 触发高频事件n秒后,函数只能执行一次,如果在n秒内事件再次触发,需要重新计算触发时间。 1.2 代码 function debounce(fn, ms=500) { var timer; return function(e) { if (timer) clearTimeout(timer); var that = this; timer = setTimeout(fu
2021-05-06 09:36:49 81
sm-crypto-qbNh29hHpQvU.js
2021-07-23
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人