- 博客(130)
- 收藏
- 关注
RSS订阅原创 Vue 全组件 局部组件
全局组件在main.ts（Vue + TS的项目）引入，或者在main.js（Vue + JS的项目）引入 全局组件可以在任意组件中使用，不需要再次导入 如果传递的时对象，对象在被子组件的props接收时需要解构，依次写在props数组中 传递的如果是一个个的值，则直接在props数组中写入即可 插槽的作用：让子组件可以接收父组件传过来的元素、组件如果父元素只传递一个元素，或者传递的多个元素会在一个地方使用，那么可以使用匿名插槽 父组件会传递多个元素，这些元素需要再不同的地方使用，这时需要使用具名插槽进
2024-02-15 10:38:25
4676
原创 JavaScript中的闭包
闭包：闭包是一个组合，一个函数以及它捆绑的周边环境状态的引用组成的组合闭包 = 函数 + 这个函数捆绑的周边环境状态的引用。
2024-01-30 16:21:33
659
原创 JS数据类型、数据类型检测、数据类型转换
基本数据类型：Number、String、Boolean、Undefined、Null、Symbol（ES新增）引用数据类型：Object（包括Array、Function）注意：逻辑上讲，null值表示一个空对象指针，这也是给typeof传一个null会返回"object"的原因在定义将来要保存对象值的变量时，建议使用null来初始化，不要使用其他值。这样，只要检查这个变量的值是不是null就可以知道这个变量是否在后来被重新赋予了一个对象的引用。
2024-01-02 09:46:17
882
原创 Vue生命周期钩子函数
生命周期钩子，生命周期函数，生命周期事件（不同名称，同一含义）含义：在Vue组件从创建到销毁的整个过程中，在不同时间节点可以自动执行的函数整个过程分为三个部分：创建阶段，运行阶段，销毁阶段。
2023-12-26 16:10:00
412
原创 JS深浅拷贝
3、JSON.parse()和JSON.stringify()B复制了A的值，如果A被修改，B的值也被改变，那就是浅拷贝。如果B的值没有跟着修改，那就是深拷贝。
2023-12-26 11:21:03
485
原创 typeof与instanceof
当instanceof检测到object类型时，会再次检测是否含有call方法，如果有返回function，否则返回object。typeof检测变量机器码的后三位，返回number、string、boolean、undefined、object。instanceof检测原型链，A instanceof B（A是否是B的实例对象），返回true、false。检测null类型的数据时，返回object，因为null的机器码全是0，后三位自然是0。引用数据类型：Object。
2023-12-26 10:17:43
415
原创 Vue之MVVM
视图模型：将后端数据域前端页面连接在一起，后端数据到页面时数据绑定，前端页面改变传到后端是事件监听，这就是双向数据绑定。（Vue中script里面的代码）视图：页面展示（Vue中的template与style中的代码）Vue主要操作DOM不具有通信功能，axios是前端通讯框架。模型：后端数据（java代码，node代码）
2023-12-25 20:27:31
387
原创 JavaScript力扣88题
splice(铰接，捻接)；start：开始的位置，从1开始；deletenum,删除的数量；nuwitem1,...新添加的元素。//从第一个元素开始(nums[0]),删除0个元素，添加元素99；//nums1元素：1,99,2,3,4,5,6。
2023-12-25 19:31:10
633
原创 TypeScript的配置文件tsconfig.json
设置为true后运行tsc会产生一个文件tsconfig.tsbuildinfo，里面记录了上一次编译的具体信息，下一次编译时会对照这个文件，只编译新内容。报错errorTS2322Type'null'isnotassignabletotype'string'3、tscfilename这个命令不会调用配置文件，所以这个命令生成的JS文件是默认配置。tsc命令只编译index.ts文件，要增加文件在数组中添加即可。设置为true后，源目录中的JS文件也会被编译。...
2022-07-31 19:01:52
888
原创 TypeScript文件的编译执行
package.json文件初始化后scripts选项是这样的"scripts"{"test"},1、编写一个自定义命令"scripts"{"dev"},2、执行自定义的npm命令dev上面的命令等效于下面的命令。
2022-07-31 16:59:59
1009
原创 JavaScript中的Array40个原型方法、静态方法、属性
控制台输出：Array.prototype会得到Array的所有方法（谷歌浏览器）传入1或者多个数组let arr3 = arr.contact(arr1[,arr2])用从索引j到k（不包括k）的元素替换从i开始的对应元素；j,k不填则为第一个到最后一个；k不填为从j到最后返回一个Array迭代器对象，这个对象的键是数组索引，值为对应的数组值；用于数组遍历传入回调函数，函数参数如下：pre上一次计算返回结果，cur当前遍历到的元素值，curIndex当前元素的索引，arr即调用reduce的数组返回最终计
2022-07-08 08:11:50
374
原创 ES6中的代理proxy
p()为自定义函数，后文中的p()都是调用这个函数目录拦截器一、数组代理二、对象代理三、函数代理四、class代理五、ES5中的代理拦截遍历如： for in 循环 Object.getOwnPropertyNames(obj); Object.getOwnPropertySymbols(obj); Object.keys(obj);1、拦截获取值的操作2、拦截设置操作，给数组赋值或者添加元素时触发如：arr.push(xxx)
2022-06-30 13:50:15
4191
原创 JavaScript中的数值
目录一、数值转换一、数值转换1、十进制转二进制2、二进制转十进制1、二进制的表示：0bxxx2、八进制的表示0oxxxNumber.isFinite();判断是否是有限的，数字（整数和浮点数）为true，其余为falseNumber.isNaN();判断是否是非数字，NaN为true，其余为false判断是否是整数；整数数值返回true，其余返回falseNumber.MAX_SAFE_INTEGER 9007199254740991Number.MIN_SAFE_INTEGER
2022-06-30 10:02:16
352
原创 ES6箭头函数
1、this指向默认指向调用时的对象箭头函数中的this指向定义时所在的对象2、箭头函数不能作为构造函数使用3、无法使用arguments对象，只能使用扩展运算符解析
2022-06-26 15:49:27
176
原创 Es6数组
1、伪数组转数组（1）Array.prototype.slice.call() （2）Array.from()（3）Array.of() 2、元素替换（1）arr.copyWithin(i,j1[,j2]) 用j1到j2的元素替换从i开始的对应元素，j2省略则j1到末尾（2）arr.fill(newVal[,j1,j2]) 用newVal替换从j1到j2的元素，j1,j2不写则替换所有元素 3、检测元素是否存在includes(item)indexOf不能检测NaN...
2022-06-26 11:30:28
143
1
原创 ES6数组遍历与ES5数组遍历
（1）find 返回数组中第一个符合条件的元素（2） findIndex，返回第一个符合条件的元素的索引（3） for of获取值获取索引获取值和索引（1）forEach，不支持continue和break （2）map遍历，传入一个回调函数，返回一个新数组（3）filter遍历，传入回调函数，返回过滤后的数组 （3）some，返回是否存在要检测的值，返回Boolean （4）every，只有每个元素都符合才返回true（5）reduce去重累加最大值（6）for infor in 会把Array.pror
2022-06-26 08:15:51
543
原创 ES6解构赋值
解构赋值：按照一定模式从数组和对象中提取值对变量进行赋值。一、数组解构数组解构赋值时按照索引进行对应赋值，要注意顺序（1）一维数组（2）二维数组（3）左侧接受的变量在右边没有对应的（4）设置默认值二、对象解构按照对象的键赋值，顺序随意（1） 左侧换顺序（2） 定义别名三、字符串解构赋值和数组一样按照顺序解构 四、函数参数解构赋值 五、JSON解构赋值...
2022-06-25 17:06:22
245
原创 JavaScript中的typeof与instanceof
一、typeof （5）console.log(typeof function(){}); console.log(typeof Array);1、typeof是如何检测的？ typeof会检测对应类型的机器码，以机器码的后三位判断所属类型 null的机器码后三位为000，因此typeof判定为object类型 关于null的类型被typeof判断为object为JavaScript语言的设计过程中的bug，已经有人提案修改...2
2022-06-24 07:44:13
253
原创 JavaScript实现计数排序
适合非负整数排序以原数组的元素的数值为辅助数组的索引以原数组元素的出现数量为辅助数组对应的值辅助数组构建完成后，根据索引以及对应的值（数量）给原数组重新赋值
2022-06-22 16:49:28
252
1
原创 JavaScript实现快速排序
快速排序：以数组中一个元素为基准，比其小的全部放到它的左边，比它大的全部放在它的右边，然后以左边和右边的两个部分各为一个数组重复上述过程。代码实现：
2022-06-22 16:05:02
248
原创 JavaScript实现归并排序
归并排序：采用分治思想，将数组逐步分解为只含有一个元素的小数组，再将小数组逐步合并，在合并的过程中进行排序。代码实现：
2022-06-22 14:36:43
222
原创 JavaScript实现插入排序
插入排序： 每轮循环从开始的本轮循环开始的索引位置向前比较，如果arr[i] < arr[i - 1]则互换，即确保每轮循环开始索引的元素插入到此元素之前的恰当位置。代码实现：
2022-06-22 13:26:09
427
原创 JavaScript实现二叉搜索树
JavaScript实现二叉搜索树前序、中序、后序遍历均为左节点在右节点之前区别： 前序遍历根节点在前，顺序是 根->左->右 中序遍历根节点在中，顺序是 左->根->右 后序遍历根节点在后，顺序是 左->右->根...
2022-06-21 16:09:27
240
原创 前端学习面试参考网址
1、W3School：w3school 在线教程2、菜鸟教程：菜鸟教程 - 学的不仅是技术，更是梦想！ (runoob.com)3、牛客网：全部动态_牛客网 (nowcoder.com)4、LeetCode：力扣（LeetCode）官网 - 全球极客挚爱的技术成长平台5、微信读书：微信读书-正版书籍小说免费阅读 (qq.com)6、MDN：MDN Web Docs (mozilla.org)7、阿里云技术社区：阿里云开发者社区-云计算社区-阿里云 (aliyun.com)8、Vue官方文档：Vue.js (
2022-06-21 10:50:20
255
原创 JavaScript字符串常用方法
1、长度2、从指定位置开始检索指定文本首次出现的索引位置3、从开头到指定索引位置检索指定文本最后一次出现的索引位置4、搜索指定文本的位置5、字符串截取截取从起始索引到终止索引的字符串，源字符串不变substring();与slice其它相同，不接受负数substr();第一个参数为起始索引，第二个为长度不接受负数6、转换大写7、删除字符串两端空白字符,原数组不改变8、字符串合并，产生新数组，原来两个数组不变9、查找指定下标的字符10、字符串分割为数组11、文本替换，第一个参数为要被替换的文本，第二个为要替换
2022-06-21 10:38:15
94
原创 JavaScript集合Set
Set是ES6新增的数据结构，成员值唯一（1）创建Set（2）获取元素数量（3）添加元素（4）删除元素（5）检测是否存在某元素（6）清空集合（7）Set的实例中只能添加一个NaN（8）Set的遍历 set.forEach()遍历（9）单一数组去重（10）多个数组合并去重（11）set转数组.........
2022-06-19 14:15:10
652
原创 instanceof原理与实现
（1）instanceof是做什么的a instanceof b 判断实例a是否属于b类型（2）如何判断是否属于b类型每一个对象都有一个__proto__属性指向原型对象的prototype属性，原型对象的__proto__属性也会指向它的原型对象的prototype属性因此，如果实例a是b类型，那么a的原型链上必然有b的prototype属性...
2022-06-19 10:46:03
792
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人