- 博客(45)
- 收藏
- 关注
RSS订阅原创 12.ES6-Promise的使用详解
Promise的使用详解异步任务的处理‘在ES6出来之后，有很多关于Promise的讲解、文章，也有很多经典的书籍讲解Promise虽然等你学会Promise之后，会觉得Promise不过如此，但是在初次接触的时候都会觉得这个东西不好理解；那么这里我从一个实际的例子来作为切入点：我们调用一个函数，这个函数中发送网络请求（我们可以用定时器来模拟）；如果发送网络请求成功了，那么告知调用者发送成功，并且将相关数据返回过去；如果发送网络请求失败了，那么告知调用者发送失败，并且告知错误信息
2022-03-12 15:20:25
215
原创 11.ES6-Proxy | 响应式原理
Proxy | 响应式原理本文章来源于王红元老师（coderwhy）的 JS高级课程附上链接：https://ke.qq.com/course/3619571谁能拒绝一个*100%好评还加课的老师呢目录Proxy | 响应式原理监听对象操作Proxy基本使用Proxy的set和get捕获器Proxy所有捕获器Proxy的construct和applyReflect的作用Reflect的常见方法Reflect的的是使用Receiver的作用Reflect的construct的作用什么是响应式？响应式函
2022-03-09 14:30:00
317
原创 TypeScript_4_typescript泛型及内容补充
TypeScript_4_typescript泛型及内容补充目录TypeScript_4_typescript泛型及内容补充TypeScript泛型的使用认识泛型泛型实现类型参数化泛型的基本补充泛型接口泛型类泛型约束TypeScript内容补充模块化开发命名空间namespace类型的查找内置类型声明外部定义类型声明和自定义声明声明变量-函数-类声明模块declare文件declare命名空间tsconfig.json文件TypeScript泛型的使用认识泛型软件工程的主要目的是构建不仅仅明确和
2022-03-06 17:28:25
269
原创 TypeScript_3_typescript类与接口的使用
TypeScript_3_typescript类与接口的使用目录TypeScript_3_typescript类与接口的使用TypeScript类的使用认识类的使用类的定义类的继承类的多态类的成员修饰符只读属性readonlygetters/setters静态成员抽象类abstract抽象类演练类的类型TypeScript接口的使用接口的声明可选属性只读属性索引类型函数类型接口继承接口的实现交叉类型交叉类型的应用interface和type区别字面量赋值TypeScript枚举类型枚举类型的值TypeS
2022-03-06 17:23:19
538
原创 TypeScript_2_typescript类型补充
TypeScript_2_typescript类型补充目录TypeScript_2_typescript类型补充TypeScript中的类型补充函数的参数类型函数的返回值类型匿名函数的参数对象类型可选类型联合类型使用联合类型可选类型补充类型别名类型断言as非空类型断言!可选链的使用??和!!的作用字面量类型字面量推理类型缩小typeof平等缩小instanceofinTypeScript中的函数类型TypeScript函数类型解析参数的可选类型默认参数剩余参数.可推导的this类型不确定的this类型指定
2022-03-06 17:14:07
384
原创 TypeScript_1_typescript初识与类型简介
TypeScriptJavaScript的特点JavaScript一门优秀的语言我始终相信：任何新技术的出现都是为了解决原有技术的某个痛点。JavaScript是一门优秀的编程语言吗？每个人可能观点并不完全一致，但是从很多角度来看，JavaScript是一门非常优秀的编程语言；而且，可以说在很长一段时间内这个语言不会被代替，并且会在更多的领域被大家广泛使用；著名的Atwood定律：Stack Overflow的创立者之一的 Jeff Atwood 在2007年提出了著名的 Atwo
2022-03-06 16:56:25
145
原创 9.JS面向对象补充
JS面向对象补充本文章来源于王红元老师（coderwhy）的 JS高级课程附上链接：https://ke.qq.com/course/3619571谁能拒绝一个*100%好评还加课的老师呢认识class定义类我们会发现，按照前面的构造函数形式创建类，不仅仅和编写普通的函数过于相似，而且代码并不容易理解。在ES6（ECMAScript2015）新的标准中使用了class关键字来直接定义类；但是类本质上依然是前面所讲的构造函数、原型链的语法糖而已；所以学好了前面的构造函数、原型链更有利于我
2022-01-26 02:59:45
174
原创 8.JS面向对象的继承
JS面向对象的继承本文章来源于王红元老师（coderwhy）的 JS高级课程附上链接：https://ke.qq.com/course/3619571谁能拒绝一个*100%好评还加课的老师呢认识对象的原型JavaScript当中每个对象都有一个特殊的内置属性 [[prototype]]，这个特殊的对象可以指向另外一个对象。那么这个对象有什么用呢？当我们通过引用对象的属性key来获取一个value时，它会触发 [[Get]]的操作；这个操作会首先检查该属性是否有对应的属性，如果有的话
2022-01-19 02:17:46
192
原创 7.JS面向对象
JS面向对象本文章来源于王红元老师（coderwhy）的 JS高级课程附上链接：https://ke.qq.com/course/3619571谁能拒绝一个*100%好评还加课的老师呢目录JS面向对象面向对象是现实的抽象方式JavaScript的面向对象创建对象的两种方式对属性操作的控制Object.defineProperty属性描述符分类数据属性描述符数据属性描述符测试代码存取属性描述符存储属性描述符测试代码同时定义多个属性对象方法补充创建多个对象的方案创建对象的方案 – 工厂模式认识构造函数n
2022-01-16 03:08:40
271
原创 6.with-eval-strict
with-eval-strict本文章来源于王红元老师（coderwhy）的 JS高级课程附上链接：https://ke.qq.com/course/3619571谁能拒绝一个*100%好评还加课的老师呢目录with-eval-strictwith语句eval函数认识严格模式开启严格模式严格模式限制严格模式下的thiswith语句扩展一个语句的作用域链。不建议使用with语句，因为它可能是混淆错误和兼容性问题的根源。"use strict";// 严格模式下不能使用withvar
2022-01-14 19:16:41
82
原创 5.JS的函数式编程(柯里化+组合函数)
JS函数式编程(柯里化+组合函数)本文章来源于王红元老师（coderwhy）的 JS高级课程附上链接：https://ke.qq.com/course/3619571谁能拒绝一个*100%好评还加课的老师呢目录JS函数式编程(柯里化+组合函数)理解JavaScript纯函数副作用的理解纯函数的案例纯函数的案例纯函数的优势JavaScript柯里化柯里化的结构让函数的职责单一柯里化的复用打印日志的柯里化自动柯里化函数理解组合函数实现组合函数理解JavaScript纯函数函数式编程中有一个非常重要
2022-01-13 22:16:32
180
1
原创 4.call-apply-bind
call-apply-bind本文章来源于王红元老师（coderwhy）的 JS高级课程附上链接：https://ke.qq.com/course/3619571谁能拒绝一个*100%好评还加课的老师呢目录call-apply-bind实现apply、call、bind认识argumentsarguments转成array箭头函数不绑定arguments实现apply、call、bind接下来我们来实现一下apply、call、bind函数：注意：我们的实现是练习函数、this、调用关系，
2022-01-12 14:54:44
87
原创 3.Js函数的this指向
Js函数的this指向本文章来源于王红元老师（coderwhy）的 JS高级课程附上链接：https://ke.qq.com/course/3619571谁能拒绝一个*100%好评还加课的老师呢目录Js函数的this指向为什么需要this？this指向什么呢？this到底指向什么呢？规则一：默认绑定规则二：隐式绑定规则三：显式绑定call、apply、bind内置函数的绑定思考new绑定规则优先级this规则之外 – 忽略显示绑定this规则之外 - 间接函数引用箭头函数 arrow functio
2022-01-06 18:48:29
122
原创 2.JS的内存管理和闭包
JS的内存管理和闭包认识内存管理不管什么样的编程语言，在代码的执行过程中都是需要给它分配内存的，不同的是某些编程语言需要我们自己手动 的管理内存，某些编程语言会可以自动帮助我们管理内存：不管以什么样的方式来管理内存，内存的管理都会有如下的生命周期：第一步：分配申请你需要的内存（申请）；第二步：使用分配的内存（存放一些东西，比如对象等）；第三步：不需要使用时，对其进行释放；不同的编程语言对于第一步和第三步会有不同的实现：手动管理内存：比如C、C++，包括早期的OC，都是需要手动来管理内
2021-12-20 17:49:11
1256
原创 1.JavaScrit概述
邂逅JavaScrit高级语法目录邂逅JavaScrit高级语法前端需要掌握的三大技术JavaScrit的重要性著名的Atwood定律JavaScript让人迷惑的知识点TypeScript会取代JavaScript吗？JavaScrit是一门编程语言浏览器的工作原理认识浏览器的内核浏览器渲染过程认识JavaScrit引擎浏览器内核和JS引擎的关系V8引擎的原理V8引擎的架构V8引擎的解析图（官方）V8执行的细节JavaScrit的执行过程初始化全局对象执行上下文栈（调用栈）GEC被放入到ECS中GEC开
2021-12-16 13:52:10
267
原创 16-Vuex状态管理
Vuex状态管理什么是状态管理在开发中，我们会的应用程序需要处理各种各样的数据，这些 数据需要保存在我们应用程序中的某一个位置，对于这些数据 的管理我们就称之为是 状态管理。在前面我们是如何管理自己的状态呢？在Vue开发中，我们使用组件化的开发方式；而在组件中我们定义data或者在setup中返回使用的数据， 这些数据我们称之为state；在模块template中我们可以使用这些数据，模块最终会被 渲染成DOM，我们称之为View；在模块中我们会产生一些行为事件，处理这
2021-09-23 19:04:21
111
原创 15-VueRouter路由
前言本文章来源于王红元老师（coderwhy）的 Vue3 + Ts 课程附上链接：https://ke.qq.com/course/3453141谁能拒绝一个*100%好评还加课的老师呢目录前言认识前端路由后端路由阶段前后端分离阶段URL的hashHTML的History认识Vue-router路由的使用步骤路由的基本使用流程路由的默认路径history模式router-link路由懒加载打包效果动态路由基本匹配获取动态路由的值匹配多个参数NotFound匹配规则加*路由的嵌套路由的嵌套配置代码的
2021-09-23 18:37:03
122
原创 14-Vue的CompositionAPI
前言本文章来源于王红元老师（coderwhy）的 Vue3 + Ts 课程附上链接：https://ke.qq.com/course/3453141谁能拒绝一个*100%好评还加课的老师呢目录前言Options API的弊端大组件的逻辑分散认识Composition APIsetupsetup函数的参数setup函数的返回值setup不可以使用this之前关于this的描述问题是如何发现官方文档的错误的呢？响应式Reactive APIref APIRef自动解包认识readonlyreadonly
2021-09-22 17:43:56
162
原创 13-Mixin
前言本文章来源于王红元老师（coderwhy）的 Vue3 + Ts 课程附上链接：https://ke.qq.com/course/3453141谁能拒绝一个*100%好评还加课的老师呢目录前言认识MixinMixin的基本使用Mixin的合并规则全局混入 Mixinexternds认识Mixin目前我们是使用组件化的方式在开发整个Vue的应用程序，但是组件和组件之间有时候会存在相同的代码逻辑，我们希望对相同的代码逻辑进行抽取。在Vue2和Vue3中都支持的一种方式就是使用Mixin来完成
2021-09-22 17:19:46
82
原创 12-Vue过渡&动画实现
前言本文章来源于王红元老师（coderwhy）的 Vue3 + Ts 课程附上链接：https://ke.qq.com/course/3453141谁能拒绝一个*100%好评还加课的老师呢目录前言认识动画Vue的transition动画Transition组件的原理过渡css动画-transitionclass添加的时机和命名规则过渡css动画-animation同时设置过渡和动画显示的指定动画时间过渡的模式 modeappear初次渲染认识animate.css自定义过渡classanimate.
2021-09-22 17:11:11
142
原创 11-生命周期
前言本文章来源于王红元老师（coderwhy）的 Vue3 + Ts 课程附上链接：https://ke.qq.com/course/3453141谁能拒绝一个*100%好评还加课的老师呢目录前言认识生命周期组件的生命周期生命周期的流程组件的v-model组件v-model的实现computed实现绑定多个属性认识生命周期什么是生命周期呢？每个组件都可能会经历从创建、挂载、更新、卸载等一系列的过程；在这个过程中的某一个阶段，用于可能会想要添加一些属于自己的代码逻辑（比如组件创建完后就请求
2021-09-22 16:55:06
123
原创 10-插槽Slot
前言本文章来源于王红元老师（coderwhy）的 Vue3 + Ts 课程附上链接：https://ke.qq.com/course/3453141谁能拒绝一个*100%好评还加课的老师呢目录前言认识插槽Slot如何使用插槽slot？插槽的基本使用插槽的默认内容多个插槽的效果具名插槽的使用动态插槽名具名插槽使用的时候缩写渲染作用域认识作用域插槽独占默认插槽的缩写默认插槽和具名插槽混合切换组件案例v-if显示不同的组件动态组件的实现动态组件的传值认识keep-alivekeep-alive属性缓存组件
2021-09-22 16:47:50
283
原创 09-组件之间的通信
前言本文章来源于王红元老师（coderwhy）的 Vue3 + Ts 课程附上链接：https://ke.qq.com/course/3453141谁能拒绝一个*100%好评还加课的老师呢目录前言认识组件的嵌套App单独开发组件的拆分组件的通信父子组件的相互通信父组件传递给子组件props的数组用法props的对象用法非Prop的AttributeAttribute继承禁用Attribute继承多个根节点的attribute子组件传递给父组件自定义事件的流程自定义事件的参数自定义事件的验证组件间通信
2021-09-22 16:40:42
153
原创 08-组件化开发
前言本文章来源于王红元老师（coderwhy）的 Vue3 + Ts 课程附上链接：https://ke.qq.com/course/3453141谁能拒绝一个*100%好评还加课的老师呢目录前言认识组件化什么是组件化？Vue的组件化注册一个组件注册全局组件组件的名称注册局部组件Vue的开发模式Vue的开发模式如何支持SFC如何支持SFC认识组件化什么是组件化？人面对复杂问题的处理方式：任何一个人处理信息的逻辑能力都是有限的所以，当面对一个非常复杂的问题时，我们不太可能一次性搞定一大堆的
2021-09-22 16:39:02
77
原创 07-VueCLI和Vite
前言本文章来源于王红元老师（coderwhy）的 Vue3 + Ts 课程附上链接：https://ke.qq.com/course/3453141谁能拒绝一个*100%好评还加课的老师呢目录前言Vue CLI脚手架Vue CLI 安装和使用vue create 项目的过程项目的目录结构Vue CLI的运行原理认识ViteVite的构造浏览器原生支持模块化Vite的安装和使用Vite对css的支持Vite对TypeScript的支持Vite对vue的支持Vite打包项目ESBuild解析ESBuil
2021-09-22 16:37:39
149
原创 06-devServer
前言本文章来源于王红元老师（coderwhy）的 Vue3 + Ts 课程附上链接：https://ke.qq.com/course/3453141谁能拒绝一个100目录前言为什么要搭建本地服务器？webpack-dev-server认识模块热替换（HMR）开启HMR框架的HMRHMR的原理HMR的原理图hotOnly、host配置port、open、compressProxychangeOrigin的解析historyApiFallbackresolve模块解析确实文件还是文件夹extensions
2021-09-22 16:29:01
93
原创 05-Babel
Babel为什么需要babel？事实上，在开发中我们很少直接去接触babel，但是babel对于前端开发来说，目前是不可缺少的一部分：开发中，我们想要使用ES6+的语法，想要使用TypeScript，开发React项目，它们都是离不开Babel的；所以，学习Babel对于我们理解代码从编写到线上的转变过程至关重要；那么，Babel到底是什么呢？Babel是一个工具链，主要用于旧浏览器或者环境中将ECMAScript 2015+代码转换为向后兼容版本的 JavaScript；
2021-09-22 16:21:17
93
原创 04-Webpack
前言本文章来源于王红元老师（coderwhy）的 Vue3 + Ts 课程附上链接：https://ke.qq.com/course/3453141谁能拒绝一个100%好评还加课的老师呢目录前言认识webpack脚手架依赖webpackWebpack到底是什么呢？Vue项目加载的文件有哪些呢？Webpack的使用Webpack的使用前提Webpack的安装Webpack的默认打包创建局部的webpackWebpack配置Webpack配置文件
2021-09-19 02:18:19
305
原创 03-Vue的Options API
前言本文章来源于王红元老师（coderwhy）的 Vue3 + Ts 课程附上链接：https://ke.qq.com/course/3453141谁能拒绝一个100%好评还加课的老师呢目录前言computed认识计算属性computed计算属性的基本使用计算属性 vs methods计算属性的setter和getter侦听器watch侦听器watch的基本使用侦听器watch的配置选项侦听器watch的其他方式阶段案例案例介绍项目搭建
2021-09-19 01:17:15
566
1
原创 02-Vue基础-模板语法
前言本文章来源于王红元老师（coderwhy）的 Vue3 + Ts 课程附上链接：https://ke.qq.com/course/3453141谁能拒绝一个100%好评还加课的老师呢目录前言vs-code代码片段模板语法mustache的使用不常用指令v-once指令v-textv-htmlv-prev-cloakv-bindv-on条件渲染列表渲染vs-code代码片段 设置-用户代码片段-选择语言 将需要的代码片
2021-09-19 00:48:22
244
原创 01-邂逅Vue3开发
前言本文章来源于王红元老师（coderwhy）的 Vue3 + Ts 课程附上链接：https://ke.qq.com/course/3453141谁能拒绝一个100%好评还加课的老师呢认识Vue vue同view 渐进式：把vue作为你应用的一部分嵌入其总 目前Vue在前端处在什么地位？ 目前前端最主流的三大框架：Vue、React、Angular 如何引入Vue CDN引入 CDN 称之为内容分发网络( Conten.
2021-09-19 00:21:03
427
原创 异或运算 - ^
^ 运算符（异或） 两个值不同为1 相同为0 基础理论 首先有 0 ^ N = N , N ^ N = 0 符合交换律，以及结合律 a ^ b = b ^ a (a ^ b) ^ c = a ^ (b ^ c) 异或运算的结构与运算的顺序无关 例子 假设有二进制数 0101（5）5 ^ 5: 0101 0101 =>0000 5 ^ 0:...
2021-09-07 19:26:42
308
原创 剑指office_06.从尾到头打印链表
题解1：使用unshift的方式，将链表从头到尾的插入到数组中var reversePrint = function(head) { const array = []; while (head) { array.unshift(head.val); head = head.next; } return array;};题解2：递归var reversePrint = function(head) { let nu...
2021-07-12 17:19:33
76
原创 2003 - Can‘t connect to MySQL server on ‘localhost‘ (10061 “Unknown error“) 解决方法
问题：安装的时候可以用mysql，但是过了一段时间之后，就不能使用了报了如下的错误：解决方案1：打开我的电脑>计算机管理>服务和应用程序>服务中查看MySQL服务状态，发现MySQL 服务已被禁用或关闭，此时，只需要把 MySQL 服务启动即可。解决方案2:有时服务中也会没有mysql服务命令提示符（管理员） cd 到你mysql安装的bin目录下，执行 mysqld.exe --install 命令，看到 service successfully...
2021-07-12 17:11:42
903
原创 剑指office_05.替换空格
1:分离字符串形成数组，新建标记数组，然后遍历字符串数组，将不为空格的放入字符串中，是空格的添加目标字符串(呆瓜法）var replaceSpace = function(s) { var str = s.split(''); var len = str.length; var str2 = [],j = 0; for(let i = 0; i < len; i++){ if(str[i] == ' '){ str2[j++
2021-07-11 23:34:55
63
转载 js中的除法
1.取整丢弃小数部分,保留整数部分 parseInt(5/2) // 22.向上取整向上取整,有小数就整数部分加1 Math.ceil(5/2) // 33.向下取整向下取整,丢弃小数部分 Math.floor(5/2) // 24四舍五入四舍五入 Math.round(5/2) // 3取余取余 6%4 //...
2021-07-09 21:44:55
1213
转载 Js中的Set
Set 对象Set 对象允许你存储任何类型的唯一值，无论是原始值或者是对象引用。Set 中的特殊值Set 对象存储的值总是唯一的，所以需要判断两个值是否恒等。有几个特殊值需要特殊对待：+0 与 -0 在存储判断唯一性的时候是恒等的，所以不重复； undefined 与 undefined 是恒等的，所以不重复； NaN 与 NaN 是不恒等的，但是在 Set 中只能存一个，不重复。代码：let mySet = new Set(); mySet.add(1); // Set(1
2021-07-09 12:41:20
241
原创 剑指office_03.数组中的重复数字
解题思路1：在排序过程中找到重复的项，也是比较呆滞的解法/** * @param {number[]} nums * @return {number} */var findRepeatNumber = function(nums) { let len = nums.length; let preIndex,current; for (let i = 1; i < len; i++) { preIndex = i - 1; cur..
2021-07-09 11:31:46
67
转载 el-cascader级联选择器无滚动条
原因：组件里面有一个el-crollerbar-wrap类，可以看到它的height是100%。所以会将选择器整页显示，会有问题将其设置成具体的数值，比如200px，就可以解决这个问题了。
2021-06-18 00:51:44
233
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人