摘要: 在封装面包屑组件发现,简单封装的面包屑组件的时候如果最后一个选项后不需要箭头,还需要单独进行样式更改,并且如果需要在中间的某一个选项需要进行特殊样式,则更加复杂,这种只适用于两级场景,多级场景下就不能使用。 因此选择封装一个高复用的面包屑组件,能适用于多级场景,用到了 render 选项和 h 函数 阅读全文
posted @ 2021-10-23 20:31 mmsmd 阅读(270) 评论(0) 推荐(0)
摘要: JavaScript是单线程执行的,即 js 中任务是按顺序依次执行的,但若其中一个任务执行时间过长,后续任务会一直等待,造成程序假死。 为了解决这个问题,将任务分为同步任务和异步任务,其中异步任务又分为宏任务和微任务。 同步任务与异步任务: 同步任务:又叫做非耗时任务,指的是在主线程上排队执行的那 阅读全文
posted @ 2021-10-06 10:39 mmsmd 阅读(1572) 评论(1) 推荐(2)
摘要: 1.生命周期&生命周期函数 生命周期:指一个组件从创建->运行->销毁的整个阶段,强调的是一个时间段。 生命周期函数:由vue框架提供的内置函数,会伴随着组件的生命周期,自动按序执行。 即:生命周期强调的是时间段,生命周期函数强调的是时间点 组件生命周期函如下: 1.beforeCreated()处 阅读全文
posted @ 2021-09-14 23:47 mmsmd 阅读(601) 评论(0) 推荐(0)
摘要: 1.父组件向子组件传输数据:自定义属性 1 //父组件 2 <Son :msg="message" :user="userinfo"></Son> 3 4 data(){ 5 return{ 6 message: 'hello vue.js', 7 userinfo: { name: 'zs', a 阅读全文
posted @ 2021-09-07 23:03 mmsmd 阅读(304) 评论(0) 推荐(0)
摘要: v-for 指令基于一个数组来渲染一个列表,如下 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, 阅读全文
posted @ 2021-09-01 12:11 mmsmd 阅读(377) 评论(0) 推荐(0)
摘要: node_modules出现改动一般不需要通过git推送,如果不忽略node_modules每次安装新的包会出现几千条新变动,并没有必要推送 1.通过终端进入项目根目录 创建 .gitignore 文件 cd [项目目录] touch .gitignore 2.通过vim或者直接打开 .gitign 阅读全文
posted @ 2021-08-30 17:30 mmsmd 阅读(164) 评论(0) 推荐(0)
摘要: 今天在使用npm install安装url-loader时,遇到下载进度条停止问题 因为已经提前更换了 淘宝的镜像,应该不是网络问题,通过 npm config set loglevel info 显示npm install下载安装详细日志,npm官网手册对该命令说明是 经查看日志发现,存在404错 阅读全文
posted @ 2021-08-30 10:42 mmsmd 阅读(1068) 评论(0) 推荐(0)
摘要: 1.forEach方法 迭代(遍历)数组 var arr = [1, 2, 3]; var sum = 0; arr.forEach(function (value, index, array) { console.log('当前数组元素' + value); console.log('当前数组元素 阅读全文
posted @ 2021-08-28 16:48 mmsmd 阅读(67) 评论(0) 推荐(0)
摘要: 在ES6前没有extends继承,通过构造函数+原型对象模拟实现继承,称作组合继承。 function Father(uname, age) { //this 指向父构造函数的对象实例 this.uname = uname; this.age = age; } Father.prototype.mo 阅读全文
posted @ 2021-08-27 16:48 mmsmd 阅读(50) 评论(0) 推荐(0)
摘要: 面向对象是通过构造函数来实现的,但是如果把一个通用方法放到构造函数里面,会造成在实例化多个对象时会为这个复杂数据类型方法重复开辟内存空间,造成内存空间浪费 构造函数存在 prototype 属性 把可以共享的方法放到prototype中 Star.prototype.sing = function 阅读全文
posted @ 2021-08-22 15:00 mmsmd 阅读(55) 评论(0) 推荐(0)