- 博客(18)
- 收藏
- 关注
RSS订阅
1原创 vue 生命周期
一、什么是 vue 生命周期Vue 实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程，我们称这是 Vue 的生命周期。二、生命周期函数Vue 的生命周期总共分为8个阶段：创建前/后，载入前/后，更新前/后，销毁前/后。1、beforeCreate（创建前）表示实例完全被创建出来之前，vue 实例的挂载元素$el和数据对象 data 都为 undefined，还未初始化2、created（创建后）数据对象 dat
2022-04-22 16:21:06
377
原创 闭包概念、特点、应用场景
闭包概念：闭包函数：声明在一个函数中的函数，叫做闭包函数闭包：内部函数总是可以访问其所在外部函数中声明的参数与变量，即使在其外部函数被返回（寿命终结）了之后特点：让外部函数访问内部变量成为可能局部变量会常驻在内存中；可以避免使用全局变量，防止全局变量污染；会造成内存泄漏（有一块内存空间被长期占用，而不被释放）闭包的创建：闭包就是可以创建一个独立的环境，每个比包里面的环境都是独立的，互不干扰。闭包会发生内存泄露，每次外部函数执行的时 候，外部函数的引用地址不同，都会重新创建一个新的地
2022-04-22 11:08:09
242
原创 vue路由的四种跳转方式
vue路由的四种跳转方式一、router-link不带参数<router-link :to="{name:'aa'}"><router-link :to="{path:'/bb'}"> //name,path都行, 建议用name//注意：router-link中链接如果是'/'开始就是从根路由开始，比如当前此时的路由是xxx/aa，:to="/bb",/// 点击后路径就是xxx/bb//如果开始不带'/'，则从当前路由开始。比如当前此时的路由是xxx/aa，:t
2022-04-20 16:13:21
1514
原创 原型与原型链
一、原型是什么？原型：是每个javaScript(除null)创建的时候，都会与之关联另一个对象，这个对象就是我们所说的原型，每一个对象都会从原型中"继承"属性例如：var obj = new Object();创建一个对象的时候都会同时关联一个对象，关联的这个对象就是新建obj的原型二、prototype在JavaScript中，每个函数都有一个prototype属性，这个属性指向函数原型对象（ps：函数其实也是一个对象，所以与上述一、中的例子不冲突）var obj = new Obje
2022-04-18 13:18:28
253
原创 route和router的区别
route和router的区别router是VueRouter的一个对象，通过Vue.use(VueRouter)和VueRouter构造函数得到一个router的实例对象，这个对象中是一个全局的对象，包含了所有的路由包含了许多关键的对象和属性。例如history对象$router.push({path:’/path’}); 本质是向history栈中添加一个路由，在我们看来是 切换路由，但本质是在添加一个history记录$router.replace({path:’/path’}); 替换路由
2022-04-18 10:38:56
379
原创 微信小程序学习资料
目录结构一个小程序页面由四个文件组成，分别是：js: 页面逻辑wxml: 页面结构wxss: 页面样式json: 页面配置全局配置小程序根目录下的 app.json 文件用来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等。完整配置项说明请参考小程序全局配置以下是一个包含了部分常用配置选项的 app.json ：{ //页面路径列表 string "pages": [ "pages/index/i
2022-04-15 17:31:00
2657
原创 String 字符串的常用方法 -----学习笔记
字符串的操作方法//slice（start,end）截取字符串时***不包括***下标为end的元素。let str = 'abcdef'str=str.slice(1);//bcdefstr=str.slice(1,2);//b//substring（start，end）返回的字符串中***不包括*** end处的字符。let str = 'abcdef'str=str.substring(1);//bcdefstr=str.substring(1,2);//b//split（字符串
2022-04-07 11:21:33
70
原创 数组的操作方法----学习笔记
数组的操作方法----学习笔记 //定义一个数组 let arr = ["a"]; ## arr.includes() //arr.push()：数组尾部新增数据'b' arr.push("b"); console.log(arr); //['a', 'b'] //arr.unshift():数组头部新增'c' arr=['a', 'b']; arr.unshift('c'); console.log(arr);//['c', 'a', 'b'] //arr.pop():数组尾
2022-04-06 18:04:16
70
原创 CSS盒子居中的几种方法
学习笔记 CSS盒子居中几种方法<div class='boxA'> <div class='boxB'><div><div>1:用flex布局实现盒子居中.boxA { width: 200px; height: 200px; background-color: #000; /* 给父盒子添加flex布局 */ display: flex; /* 主轴方向 垂直 从上往下 y轴 */ flex-direction:
2022-04-02 16:19:28
3796
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人