- 博客(97)
- 收藏
- 关注
RSS订阅原创 生命周期，vue中的axios，ref引用（$refs），$nextTick
async/await其实是Promise的语法糖，它能实现的效果都能用then链来实现。从字面上来看，async是“异步”的简写，await译为等待，所以我们很好理解async声明function是异步的，await等待某个操作完成。联想一下Promise特点——异步无等待，所以当没有await语句执行async函数，它就会立即执行，返回一个Promise对象，非阻塞，与普通的Promise对象函数一致。按照语法说明，await等待的是一个Promise对象，或者是其他值（也就是说可以等待任何值），...
2022-08-17 12:25:22
1423
原创 Vue组件
组件是可复用的vue实例，封装标签，样式，js代码组件化:封装的思想， 把页面上封装为一个组件就是一个整体，有子级独立的结构，样式，js好处：复用性强。
2022-08-16 21:17:05
729
原创 TODOS案例
TodoHead.vue 输入框 --键盘事件—回车。子传父 把任务 —App.vue中 加入到数组中。1：创建3个组件和里面的代码还有样式。数组改变，所有用到数组的地方都会更新。点击全选 —小选框状态和全选状态一样。小选框都选中(手选)—全选会自动选中。2：APP.vue中引入三个组件。输入框为空，提示用户必须输入内容。点击清空按钮，把已完成的任务清空。点击底部切换，点谁谁有边框样式。对应切换不同的数据展示。哪天需要了，可以去下载。页面刷新后数据还存在。...
2022-08-16 21:16:14
888
原创 vue脚手架的使用，vue项目创建过程
把vue-cli模块包安装到全局，电脑就有了vue命令，就能创建脚手架工具。vue-cli快速搭建vue项目的，使用webpack管理项目。上下键选择 Manually。按上下键+空格键选择。
2022-08-12 15:44:22
276
原创 Vue计算属性computed，全选反选案例
一个变量的值，依赖另外一些数据计算而来的结果注意：计算属性也是vue数据变量，所以不能和data里变量重名，用法和data相同的。
2022-08-11 09:51:36
1429
原创 vue侦听器
数组（一维、多维）的变化不需要通过深度监听，对象数组中对象的属性变化则需要deep深度监听。对象内某个属性产生变化，直接监听该对象是监测不到变化的，只能监听该对象的属性变化。指向的都是新数据对象，得不到旧数据，现在还不理解为什么，先给个。可以侦听data/computed属性值改变。部分，侦听到之后，输出的。...
2022-08-11 09:49:11
222
原创 vue的过滤器
div id = " app " > {{str | toUp}} < p :title = " str | toUp " > 大写hello < hr > < div id = " box " > {{str1 | toUp}}
2022-08-10 15:35:37
211
原创 Vue中的真实DOM，虚拟DOM，diff算法
提高DOM更新的性能，不频繁的操作真实Dom，在内存中找到变化的部分，再更新真实DOM（打补丁）同级比较 根元素不变-属性改变 更新属性(dom复用，只更新属性)在内存种比较变化的部分，然后给真实DOM打补丁(更新)循环出新的虚拟DOM解构，和旧的虚拟DOM结构对比，本质是保存节点信息，属性和内容的一个js对象。同级比较–根元素变化，整个Dom树删除重建。先产生新旧虚拟dom，根据key比较，还是。先产生新旧虚拟dom，根据key比较。好处：配合虚拟dom有更高的性能。从第二个往后更新内容，性能不高。..
2022-08-10 14:47:53
416
原创 EventLoop同步异步，宏任务微任务笔记
JavaScript把异步任务又做了进一步的划分，异步任务又分为两类：①宏任务异步ajax请求文件操作②微任务。
2022-08-08 09:30:41
284
原创 yarn，webpack笔记
什么是webpack打包模块化的JavaScript工具，在webpack中一切文件皆模块，通过loader转换文件，通过plugin注入钩子，最后输出由多个模块组合成的文件，专注于构建模块化项目优点1：专注于构建模块化项目2：通过plugin扩展3：loaders扩展，可以让webpack把所有类型的文件都解析打包。...
2022-08-07 17:59:24
680
原创 es6模块+异步promise+async/await
es6模块化诞生之前，js社区尝试提出了AMD，CMD,Commjs模块化规范AMD,CMD适用于浏览器端的JavaScript模块化CommonJs适用于服务器端的JavaScript模块化Es6即适用于浏览器端也适用于服务器端默认导出export default 默认导出的成员注意：每个模块中，只允许使用唯一的一次export default ，否则会报错！注意： 默认导入时接收名称可以任意名称，只要是合法的成员名称就可以按需导入按需导出按需导入和按需导出注意事项每个模块中可以使用多
2022-08-06 15:06:07
516
原创 node模块
自定义模块中定义的方法，变量只能在当前模块中使用。不存在变量冲突模块化是指解决一个复杂问题时，自顶向下逐层把系统划分为若干模块的过程Node.js中的第三方模块又叫做包。
2022-08-05 23:32:12
303
原创 axios+跨域-笔记
如果两个页面的协议 ，域名和端口都相同，这两个页面具有相同的源同源指的是两个URL的协议，域名，端口一致，反之 就是跨域出现跨域的原因：浏览器的同源策略不允许非同源的URL之间进行资源的交互网页：http://www.test.com/index.html接口：http://www.xx.com/index浏览器允许发起跨域请求，但是跨域请求回来的数据，会被浏览器拦截，无法被网页获取到。...
2022-08-05 21:15:37
333
原创 form表单，formdata对象，实现文件上传
action提交表单时，向何处发送表单数据target在何处打开url_blank在新窗口打开_self在同一个窗口打开默认_parent_topmethod属性以何种方式把表单数据提交到actionurlGET/POSTenctype属性发送表单数据之前如何对数据进行编码——上传图片post......
2022-08-01 18:59:20
3480
原创 使用模板引擎时，Uncaught TemplateError报错原因小结
部分是一个对象，传错了也不会报错，只不过解析出来为空白。有注释的的情况下，会当被做文本解析，然后解析出错。听说有把class当id传的，看看是不是你，，模板引擎要在使用模板引擎的js文件上面。......
2022-07-31 08:58:29
2196
1
原创 原型与原型链
构造函数中的属性和方法称为成员，成员可以添加console.log("我会唱歌");}}//通过new创建对象---实例化对象vars=newStar('小小',12);1实例成员就是构造函数内部通过this添加的成员name，age，sing就是实例成员实例成员只能通过实例化对象来访问，不可以通过构造函数来访问实例成员//小小console.log(Star.name);//Star2Star.sex="男";...
2022-07-25 15:17:09
176
原创 节流与防抖
更像是一个思想一间房子只能睡一个人1进入房间，默认门是开着的，(flag=true)可以直接进来睡觉2为了确保安全，需要将门关上(flag=false)3睡觉结束(一个事件完成)需要离开让下一个进来睡觉，将门打开(flag=true)如此反复，确保在睡觉这个事件上，一次只能睡一个人函数节流高频事件触发，但在n秒内只会执行一次，所以节流会稀释函数的执行频率。...
2022-07-24 17:43:33
83
原创 轮播图-js
原因如果直接切回第一张，动画效果会发生改变；想要循环的动画不变就直接去除最后一张到第一张的这段动画。，执行动画切到了第二张图，所以最后一张图后面紧跟着的就是第一张到第二张的切换动画；实现左切换到左边界点击按钮会回到最右边，右切换同理。在最后一张图片后面插入第一张图片的克隆图片。时为最后一张图，随后直接拉回到第一张图（注意这里要克隆的是第一个元素节点，用。），第一张图来不及停留就直接。定义一个小圆点央视的函数。...
2022-07-24 10:04:06
287
原创 mouseover和mouseenter、mouseout和mouseleave
而mouseout是只要鼠标指针离开了目标元素或者目标元素的所有子元素中的任何一个就会被触发，即使鼠标指针还在目标元素内。也就是离开子元素后，mouseout事件会冒泡到父元素上。mouseenter当鼠标移除元素本身（不包含元素的子元素）会触发事件，也就是不会冒泡，对应的移除事件是mouseleave。mouseover当鼠标移入元素或其子元素都会触发事件，所以有一个重复触发，冒泡过程。mouseleave是当鼠标指针离开了目标元素以及目标元素的所有子元素以后才会触发。...
2022-07-23 10:32:27
417
原创 JavaScript-类
3如果子类想要继承父类的方法，同时在自己内部扩展自己的属性和方法利用super调用父类的构造函数。继承中，如果子类里没有方法，就去查找父类有没有这个方法，如果有，就执行父类的方法没有就报错。优点易维护，面向对象由封装，继承，多态特性，可以设计出低耦合的系统，使系统更加易于维护。1继承中,实例化子类输出一个方法，先看子类有没有这个方法，如果有就先执行子类的。2继承中，实例化子类调用属性，先看子类里有没有这个属性，如果有就访问输出。2自定义的方法，一般也指向new出来的实例对象。......
2022-07-23 08:12:30
92
原创 案例：面向对象-实现tab栏切换（选项卡）
当我们删除的不是选中状态的li的时候，原来的选中状态li保持不变，阻止事件冒泡可能已经实现了。因为没添加切换的点击事件，如何添加呢？事实上，除了切换，其它未写的功能在后续也需要能够实现。在前面的updateNode()中已经添加了删除，所以初始化中不用另外再添加。4双击tab项文字或内容项文字可以修改里面的文字内容。此时可以添加选项卡了，但新添加的选项卡根本就不能点击。3点击x号，可以删除当前的tab项和内容项。2点击+号，可以添加tab项和内容项。1点击tab栏，可以实现切换。...
2022-07-22 13:08:37
938
原创 ES6学习笔记(一)
记忆方法USONB==>youaresoniubility差点没把我笑死（hhhhhhhusoobjectnbboolean//声明一个对象constbanji={name"终极一班",stus//索引变量letindex=0;return{nextvaluefalse};//下标自增index++;//返回结果returnresult;}else{return{valuetrue};}}};......
2022-07-19 16:32:49
966
原创 数组去重-ES6
双重循环外层循环元素，内层循环时比较值值相等，删去这个值，使用splice直接再原数组进行操作。注意删除值后，将数组的长度减1。
2022-07-19 16:00:55
128
原创 for in，for of，forEach()，扩展运算符『…』以及Array.from()
Array.from()方法就是将一个类数组对象或者可遍历对象（比如set数据结构的对象）转换成一个真正的数组。forEach两个同时可以输出。forof输出value。forin输入key。』直接输出value。
2022-07-19 15:58:50
143
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人