- 博客(51)
- 收藏
- 关注
RSS订阅
1原创 微信小程序behavior组件间代码共享
/ 输出’my-behavior-data’this.myBehaviorMethod();// 输出’my-behavior-method’组件引用它时，它的属性、数据和方法会被合并到组件中，生命周期函数也会在对应时机被调用。每个behavior可以包含一组属性、数据、生命周期函数和方法。微信小程序中，behaviors是用于组件间代码共享的特性，// 使用behavior中的数据。// 使用behavior中的方法。
2023-06-13 22:27:09
306
原创 git命名
feature-xxx-fix（功能bug修复分支，feature分支合并之后发现bug，在develop上创建分支进行修复，之后合并回develop分支）feature-xxx（功能开发分支，在develop上创建分支，以自己开发功能模块命名，功能测试正常后合并到develop分支）develop（开发主分支，所有新功能以这个分支来创建自己的开发分支，该分支只做合并操作，不能直接在该分支上进行开发）hotfix-xxx（紧急bug修改分支，在master分支上创建，修复完成后合并到master）
2023-05-30 20:37:51
122
原创 git 常用操作
git push origin 分支名 将本地仓库的内容提交到远程仓库。git commit -m：提交文件到本地仓库。git add . ：添加文件到暂存区。git init：初始化一个Git仓库。git status：查看仓库状态。git checkout：切换分支。git diff：查看修改内容。git branch：查看分支。git log：查看提交历史。git reset：回退版本。git merge：合并分支。初始化一个Git仓库。
2023-05-29 22:51:17
498
原创 路由守卫
/ 继续执行的操作----next 不执行next哪里都进不去！// 先判断是否要跳到mine页面(去mine页面的话 执行路由守卫)// next(‘/’)–next中的参数是要跳转的地址。// next()-----网页正常跳转。
2023-05-22 21:53:33
429
原创 项目中引入 axios--配置代理
同源策略：浏览器的一种安全协议，协议 主机(id/域名) 端口号 其中一个对应不上就会产生同源策略，从而产生跨域问题。写到 vue.config.js文件的 module.exports = defineConfig({})中。2、JS0NP ----------原理：script标签中src不受同源策略的影响(需要后端配合)问题: 前端==>后端服务器(有跨域问题)解决办法: 前端==>代理==>后端服务器。1、后台直接放开-----不安全。3、配置代理(常用)
2023-05-19 22:13:43
1468
原创 引入 axios
---地址中直接写文件 会从node_modules中找。-将axios导入到 mine.js入口函数中(因为所有页面都要用，项目启动会执行入口函数)终端中输入 npm i axios -S 下载axios。-挂载到Vue的原型上 在Vue原型中添加。下载完自动引入到dependencies中。
2023-05-18 21:18:34
1785
原创 vue项目
npm i --save ant-design-vue@1 在终端中下载Ant Design of Vue 库。---->>>也是深层覆盖的意思 但是less不识别，会报错(删掉less 用css)@/views/indexView.vue @ 直接从src文件 开始找。更改vue.config.js内容 需要重启项目才能生效。cd abc 进入当目录的abc文件。vue -V 查看vue-cli版本。----/deep/ 深层覆盖。/ 返回上一级目录。
2023-05-17 21:16:11
358
原创 路由的基本使用
/ 路由高亮 自定义类名-------- 配置 linkActiveClass: '自定义的类名'// 传参也需要 3、创建映射关系中---路径后 加/:参数名。//路由的重定向----打开页面会自动在url后加 /index。//路径----要传参的话 路径后 加/:参数名。// 5、将路由实例挂载到vue实例上。//path中 不加 ///2、创建路由实例。//3、创建映射关系。//每个路由(页面)//每个路由(页面)//每个路由(页面)
2023-05-16 20:48:08
34
原创 父=＞子 组件传参
/ 属性名要和自定义的属性名相同 ----<child :parent_cars="carList"></child>//设置类型 可以设置多个类型，可以传Number也可以传String。// 设置默认值的时候必须使用函数，原理和data必须使用函数是一样的。// 定义父组件传过来的值。'这个一个默认的名字'
2023-05-15 20:04:21
37
原创 axios请求
get请求---------------------------post请求--------------------------在vue.js文件之后引入 axios.min.js 文件。axios.get/post()返回的是promise实例。请求写到 生命周期created(){}中！常见的请求头Content-Type。
2023-05-10 20:48:31
68
原创 vue 过滤器
第一个参数 过滤器的名字第二个参数 回调函数（data,format）data 管道符前面的数据format: 过滤器传过来的参数字符串 msg : 'hello' Vue . filter('setMsg' , function(data , format) {
2023-05-09 19:11:53
28
原创 数据双向绑定原理
通过Object.defineProperty()来劫持各个属性的setter，getter，vue 双向数据绑定是通过 数据劫持 结合 发布订阅模式的方式来实现的，在数据变动时发布消息给订阅者，触发相应的监听回调。
2023-05-08 18:00:13
28
原创 v-for中要用key的原因
这里，我们使用了item.id作为key，因为它是唯一的。这样，当items数组发生变化时，Vue可以根据key来正确地更新和移动对应的元素，而不是重新渲染整个列表。
2023-05-06 18:37:34
769
原创 MVC与MVVM的区别
viewModel(链接view层与Model层,起到承上启下的作用)controller 调度层：接收请求，处理数据，相应数据。view 视图层：展示数据；model 模型层：与数据库进行交涉。modal(业务逻辑，处理数据)MVC 是后端的分层开发概念;MVVM是前端视图层的概念;view（界面展示）
2023-05-05 20:50:22
34
原创 JS数组reduce()方法
reduce()方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。注意: reduce() 对于空数组是不会执行回调函数的。可以看出它接收一个回调函数和一个初始值。其中total为初始值或者计算后的返回值（必须）、currentValue为当前元素（必须）、currentIndex为当前元素索引（可选）、arr为当前元素所属的对象（可选）、initialValue为传递给函数的初始值1、累加和累乘// 945。
2023-05-04 20:20:14
70
原创 Bootstrap
栅格系统提供了基本的前缀，用于在不同宽度的屏幕中实现不同的排列方式，列的类名可以写多个，也就是可以同时设置.col-、.col-sm-、.col-md-、.co-/g-和.col-xl*类名。bootstrap组件依赖于Bootstrap框架，所以首先要引用bootstrap.min.css再引入jQuery文件，最后引入bootstrap.bundle.min.js，注意先后顺序，jQuery文件在bootstrap.bundle.min.js之前引入。组件是一个抽象的概念，是对数据和方法的简单封装。
2023-04-28 08:50:27
74
原创 less和sass的区别
不管是Sass，还是Less，都可以视为一种基于CSS之上的高级语言，其目的是使得CSS开发更灵活和更强大，Sass的功能比Less强大,基本可以说是一种真正的编程语言了，Less则相对清晰明了,易于上手,对编译环境要求比较宽松。考虑到编译Sass要安装Ruby,而Ruby官网在国内访问不了,个人在实际开发中更倾向于选择Less，但也会去尝试使用sass，毕竟为以后的工作做准备。
2023-04-26 16:18:18
867
原创 7种常见的状态码：
状态码301和状态码302相似，不同的是状态码301往往代表的是永久性的重定向，值得注意的是，这种重定向跳转，从严格意义来讲不是服务器跳转，而是客户端跳转的。服务器通过返回状态码304可以告诉客户端请求资源成功，但是这个资源不是由服务器提供返回给客户端的，而是客户端本地浏览器缓存中就有的这个资源，因为可以从缓存中获取这个资源，从而节省传输的开销。在服务器端的网页程序出错。状态码302代表临时跳转。状态码403代表请求的服务器资源权限不够，也就是说，没有权限去访问服务器的资源，或者请求的IP地址被封掉了。
2023-04-26 08:36:56
615
原创 Promise的基本用法
Promise是一种处理异步操作的机制，它使得异步操作更加简单、可读和可维护。Promise对象代表一个尚未完成但最终会完成的操作，它有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。使用Promise对象，我们可以通过then方法和catch方法处理异步操作的结果，也可以使用Promise.all()、Promise.race()、Promise.resolve()和Promise.reject()等方法处理多个Promise对象。
2023-04-24 20:26:42
157
原创 默认导出和普通导出区别
在 ES6 模块中，有两种导出方式：默认导出（default export）和普通导出（named export）。默认导出和普通导出的区别主要在于语法和使用方式上：默认导出只能导出一个值，而普通导出可以导出多个值。默认导出在导入时不需要使用花括号{}包裹变量名，而普通导出需要使用花括号{}包裹变量名。
2023-04-24 16:14:22
351
原创 Set 和 Map 区别
Set 和 Map 主要的应用场景在于 数据重组 和 数据储存。Set 是一种叫做 集合 的数据结构，Map 是一种叫做 字典 的数据结构。
2023-04-23 20:06:40
26
原创 箭头函数
6、call，apply可以调用箭头函数，但是不能改变this指向。2、如果函数返回值只有一条语句，可以省略{}和return。7、箭头函数的this指向父作用域，（调用它的地方）3、箭头函数没有augrments内置对象。5、箭头函数没有prototype属性。1、如果有一个参数可以省略小括号。4、箭头函数不能用于创建构造函数。
2023-04-21 18:44:30
19
原创 扩展运算符
总之，扩展运算符可以方便地操作数组和对象，使得一些复杂的操作变得简单易行。需要注意的是，扩展运算符只能用于可迭代对象（如数组和字符串），不能用于普通对象。同时，扩展运算符不会影响原有的数组或对象，而是会生成新的数组或对象。它可以将一个可迭代对象转换为逗号分隔的序列，进而方便地进行一些数组、对象等操作。将数组转换为参数序列：将一个数组的元素作为函数的参数传入。复制数组：将一个数组复制到另一个数组中。复制对象：将一个对象复制到另一个对象中。合并数组：将多个数组合并为一个数组。
2023-04-20 21:19:41
21
原创 es5和es6区别
2、块级作用域：在ES5中，只存在全局作用域和函数作用域，而ES6中增加了块级作用域，对于if、for、switch等代码块内部所声明的变量，在外部是不可见的。总之，ES6相对于ES5来说是一个更加完善和现代化的JavaScript版本，提供了更多方便的语法和功能特性，能够使得开发者更加高效和舒适地进行开发工作。同时对于函数参数的默认值、rest参数等也进行了增强和优化。3、箭头函数：ES6中新增了箭头函数，可以更为简洁地定义函数，同时箭头函数没有自己的this，它的this绑定在父级作用域的this上。
2023-04-19 18:28:11
5134
原创 数组去重的方法
1、双层循环，外层循环元素，内层循环时比较值如果有相同的值则跳过，不相同则push进数组。7、利用for嵌套for，然后splice去重（ES5中最常用） 注意点:删除元素之后，需要将数组的长度也减1。 先排序，然后从最后开始比较，遇到相同，则删除。 双层循环，外层循环元素，内层循环时比较值。2、利用splice直接在原数组进行操作。3、利用对象的属性不能相同的特点进行去重。 缺点：占用内存高，速度慢。 值相同时，则删去这个值。6、利用indexOf去重。
2023-04-17 20:24:09
29
原创 jquery中bind与on的区别
事件委托就是子类的事情委托给父类的去做，而这就让我们想起了冒泡事件，是的，这的确是委托事件的原型，而我们的selector，则是判断是不是那个子元素触发的事件，如果不是，自然就忽略掉了。事件委托有个很好的优点，就是不用多次去绑定一个事件，比如一个有着999条新闻的新闻列表，当我们绑定999次的时候，会耗费很多资源，而一次事件委托就足够了。这是个最简单的委托事件，按钮将事件委托给了父亲节点—div，所以点击btn后我们触发的是按钮，委托的对象===div内部的事件就触发了，
2023-04-14 14:54:53
30
原创 函数的防抖和节流
函数节流不管事件触发有多频繁，都会保证在规定时间内一定会真正执行一次事件处理函数，而函数防抖只是在最后一次触发后才会执行。函数的防抖：设置延时器，短时间高频率触发只有最后一次触发成功。节流：设置状态锁，短时间高频率触发只有第一次触发成功。缺点：响应时间太久。
2023-04-11 15:55:09
31
原创 闭包的定义
三、闭包的本质：可以让它的父函数作用域永恒。一、闭包：定义在一个函数内部的函数。1、可以访问父函数中的变量。2、可以锁住父函数中的变量。
2023-04-10 19:08:30
46
原创 判断数据类型
typeof 操作可以判断基本类型的数据，但是也存在一些特例，比如 typeof null 返回的是“object” ，因为 从逻辑上，null 这个特殊值被认为是一个对空对象的引用，表示一个空对象指针，实际上是基础类型。对于引用类型的数据，typeof 判断的结果均为 “object”, 函数返回 “function” symbol 返回 ‘symbol’constructor和instanceof 类似，constructor 返回结果的是自己的构造函数，
2023-04-07 20:28:32
21
原创 this指向
this这个值在一个继承机制中，仍然是指向它原本属于的对象，而不是从原型链上找到它时，它所属于的对象。对象内部方法的this指向调用这些方法的对象，也就是谁调用就指向谁。箭头函数：箭头函数里的this指向 调用函数的事件源/父元素。一、全局环境下的this指向window。构造函数中的this是指向实例化对象。二、函数内的this指向window。七、事件函数this指向事件源。四、箭头函数中的this。五、构造函数中的this。六、原型链中的this。三、对象中的this。
2023-04-07 20:27:12
23
原创 改变this指向
4、可以改变this的指向，如果有多个参数，this指向第一个参数，剩下的参数是参数列表。4、可以改变this的指向，如果有多个参数，this指向第一个参数，剩下的参数是数组。3、可以改变this的指向，如果有一个参数，this指向当前参数。3、可以改变this的指向，如果有一个参数，this指向当前参数。3、可以改变this的指向，如果有一个参数，this指向当前参数。2、可以改变this的指向，没有参数this指向window。2、可以改变this的指向，没有参数this指向window。
2023-04-06 19:22:18
36
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人