前端
文章平均质量分 67
L北杳
前端+后端
展开
-
common JS与 ES Modules区别
common JS输出的是一个对象,该对象需要在模块脚本运行完成后才能生成,二ES Module 在编译时能生成。ES Modules 通过export 导出指定数据, import 引入具体数据。,这样才会产生导出值的改变不会影响到导入值改变的现象。1.2. 如果module.exports导出的是一个。1.1. 当module.exports的值是。,导出值的改变是否会影响到导入的值,这个跟。,esModule导入导出的值都指向。,所以导入值会跟着导出值发生变化。原创 2023-12-01 11:34:18 · 199 阅读 · 0 评论 -
VUE3组件通信
vue3原生DOM事件无论放在标签还是组件,都原生DOM事件。在子组件中通过defineEmits()来接收父组件传递的自定义事件。<template>// 触发一个update函数,// $emit('update','hh','12'),还可以传值,名为update函数,参数为hh, 12<script></script>但是在vue2中为自定义事件,子组件给父组件传递数据,通过.native实现将自定义事件改为原生DOM事件。原创 2023-11-21 09:40:30 · 38 阅读 · 0 评论 -
组件通信
使用场景:子组件给父组件传递数据$on, $emit。原创 2023-11-20 11:12:58 · 28 阅读 · 0 评论 -
webpack基础
开发模式: 仅能编译JS中ES6模块生产模式: 能编译JS中的ES6语法, 还能压缩代码.: 检测js和jsx语法的工具, 可以配置各项情况.写eslint配置文件, 里面写上各种rules规则, 将来运行eslint时就会以写的规则对代码进行检查.原创 2023-08-24 20:54:48 · 45 阅读 · 0 评论 -
vue3
本质是一个函数, 将setup函数中使用的Composition API进行封装自定义hook优势:复用代码, 让setup中的逻辑更清楚易懂。原创 2023-08-20 18:17:24 · 70 阅读 · 0 评论 -
JS进阶 ---day4
手写防抖函数 : 鼠标在盒子上移动,鼠标停止500ms之后,里面数字才会变化+1。3. bind() : 不会调用函数, 但是能改变this指向.返回值是个函数, 但是这个函数里面的this指向是更改过的.JSON.stringify()将对象转化为JSON字符串。改变this: 3个方法可以动态指定普通函数中this指向。箭头函数this指向 : 箭头函数不存在this, 但是。JSON.parse()是将JSON字符串转化为对象。: 单位时间内, 频繁触发事件,: 单位时间内, 频繁触发事件,原创 2023-07-21 17:18:03 · 46 阅读 · 0 评论 -
JS进阶 ---day3
若在构造函数里面封装一个方法,就会导致每个对象都会有一个方法,而且方法不相等false,存在浪费内存问题。[[prototype]]和__proto__意义相同,只读的,只能获取不能赋值.__proto__对象原型里面也有一个constructor属性, 指向。检测构造函数的prototype属性是否出现在某个实例对象的原型链上.关联在一起,并且这种关联的关系是一种链状的结构,将。实例对象的对象原型指向构造函数的原型对象., 指向另一个对象,也成为原型对象., 然后由对象之间分工与合作.原创 2023-07-21 09:39:41 · 36 阅读 · 0 评论 -
JS进阶 --- day1
一个函数对周围状态的引用捆绑在一起,内层函数中访问到其外层函数的作用域.闭包作用: 封闭数据,提供操作,外部也可以访问函数内部的变量.:用简短的函数写法并且不绑定this,一般用于需要匿名的地方.语法: 赋值运算符 = 左侧的[] 用于批量声明变量."的,内存在不使用的时候就会被垃圾回收机制自动回收.3. 内存回收(局部变量的值, 不用会被自动回收掉)... 是语法符号,置于最末函数形参之前,用于获取。: 使用多余的参数. 在函数内使用。: 可以展开数组 , 在数组中使用。注意: 存在闭包, 将有些。原创 2023-07-17 12:09:38 · 51 阅读 · 0 评论 -
Ajax --day2
环境执行的异步代码, JS脚本执行事件,setTimeout/setInterval,AJAX请求完成事件,用户交互事件.注意: Promise本身是同步的,而then和catch回调函数是异步的。环境执行的异步代码, Promise对象.then()的回调。缺点: 可读性差,异常无法获取,耦合性严重,牵一发动全身.在async函数内,使用await关键字取代then函数,,等待所有同时成功完成(或某一个失败),做后续逻辑.//try里代码,若有错误,直接进入这里执行。,继续串联下一环任务,直到结束.原创 2023-07-16 15:13:50 · 48 阅读 · 1 评论 -
Ajax --day1
2. resolve()已兑现(fulfilled) :意味着,操作成功完成 ---> .then(回调函数)3. reject()已拒绝(rejected) : 意味着,操作失败 ---> .catch(回调函数)语法: http://xxx.com/xxx/xxx?参数名1 = 值1&参数名2 = 值2。注意: promise对象一旦被兑现|拒绝就是已敲定了,状态无法再改变.1. 待定(pending) :初始状态,既没有被兑现,也没有被拒绝。2. 配置请求方法和请求url地址。原创 2023-07-15 19:15:52 · 46 阅读 · 1 评论