- 博客(47)
- 收藏
- 关注
RSS订阅原创 【微信小程序】Behaviors
behaviors 是小程序中，用于实现组件间代码共享，通常用于实现一些通用的功能或行为，例如页面滚动、下拉刷新、上拉加载更多等。
2023-06-13 22:25:34
1823
原创 vue【跨域问题】
跨域问题即同源策略问题同源策略：浏览器的一种安全协议，协议（http、https）、主机（域名、IP（公网IP、局域网IP））、端口号其中一个对应不上就会产生同源策略，从而产生跨域问题。
2023-05-30 19:01:31
299
原创 【Vue】路由
设置components属性，给router-view设置名字，这个名字与components组件名字对应。在单页面应用程序中，这种通过hash改变来切换页面的方式，称作前端路由（区别于后端路由）1.声明路由的时候设置children，children是一个数组，数组里是路由对象。对于单页面应用程序来说，主要通过URL中的hash(#号)来实现不同页面之间的切换。对于普通的网站，所有超链接都是URL地址，所有URL地址都对应服务器上对应的资源。2.children的组件渲染到父组件的上。
2023-05-16 20:18:53
537
原创 【Vue】组件
拆分Vue实例的代码量，以不同的组件，来划分不同的功能模块。组件模板中只包含一个根元素不能使用内置或保留的html元素作为组件id-- html标签head标签body标签。
2023-05-12 19:43:32
378
原创 【Vue】生命周期
真实的DOM，内存中编译好的模板渲染到浏览器页面中，第一个可以操作DOM元素的生命周期，如果要通过某些插件操作页面上的DOM节点，最早要在mounted中进行。更新之前，data中数据是最新的，页面中数据还是旧的，未同步，可以执行0次或多次。虚拟的DOM挂载，页面中数据还没有挂载，内存已编译完成，页面中还未渲染新的数据。初始化之前，data中的数据和methods中的方法不能拿到，还没有初始化。更新之后，页面中和data中数据保持同步，都是最新的，可以执行0次或多次。应用：数据请求，数据初始化。
2023-05-11 15:47:11
405
原创 【Vue】过滤器
过滤器：可被用作一些常见的文本格式化用到的地方：插值表达式，v-bind表达式由管道符连接 ‘|’第一个参数 过滤器的名字第二个参数 回调函数 function（data,format）{}data 管道符前面的数据format: 过滤器传过来的参数msg } } {
2023-05-09 20:16:02
819
原创 【Vue】修饰符
原理：通过数据劫持结合发布订阅者的模式和object.defineproprety()来劫持各个属性的setter和getter，如果数据有变动，就发布消息给订阅者触发监听。.self 只当事件在该元素本身（比如不是子元素）触发时触发回调。v-model:value=‘’ 简写：v-model=‘’.capture 添加事件侦听器时使用事件捕获模式。.prevent 阻止默认事件。.once 事件只触发一次。.stop 阻止冒泡。
2023-05-08 20:17:19
108
原创 【Vue】简单表达式
插值表达式{{}}，可以在前后插入一些内容，插值表达式可以进行一些简单的字符串。不同点：v-text 不会解析富文本；v-html 可以解析富文本。4.key在使用v-for的时候都需要去设置key。v-model 数据双向绑定，绑定的是表单控件。v-bind 元素的属性绑定，简写 “ ：”key只能是字符串或数字，key必须是唯一的。v-show设置display:none。v-on 事件的绑定，简写“ @ ”频繁切换的时候可以使用v-show。只修改一次的时候可以使用v-if。
2023-05-06 19:49:55
526
原创 【Bootstrap】less与sass区别
Less （Leaner Style Sheets 的缩写） 是一门向后兼容的 CSS 扩展语言，包含了 Less 语言以及利用 JavaScript 开发的用于将 Less 样式转换成 CSS 样式的 Less.js 工具。Sass：兼容CSS：Sass完全兼容所有版本的CSS。特性丰富：Sass拥有比其他任何CSS扩展语言更多的功能和特性。在LESS中，变量使用@符号定义，例如@color: red；在Sass中，变量使用符号定义，例如符号定义，例如符号定义，例如color: red。
2023-04-26 19:13:55
242
原创 【ES6】Generator函数
返回一个iterator对象，对象里面有个next()方法,返回一个对象，里面有value ，done， value代表yield后面的值。普通函数用function来声明，Generator函数用function*声明。Generator函数函数内部有新的关键字：yield（ 产出），普通函数没有。next（）方法可以接受一个参数，它的参数作为上一个yeild的返回值。Generator函数，又称生成器函数，是ES6的一个重要的新特性。yield:后面的语句执行，通过调用next（）继续执行。
2023-04-25 19:17:20
366
原创 【ES6】普通导出和默认导出的区别
4.当不同的组件导出的模块名相同，我们想在同一个文件中导入可以给其中一个起别名来进行区分和避免冲突 使用 as 关键字进行起别名。导入Import：作为一个模块，可以根据需要，引入其他模块的提供的属性或者方法，供自己模块使用。导出Export：作为一个模块，它可以选择性地给其他模块提供自己的属性和方法，供其他模块使用。模块Module：一个模块，就是一个对其他模块提供自己的属性或者方法的文件。3.按需导入的成员名必须与按需导出的名称保持一致；2.导入的语法的接收名自己取，合法合理就行。
2023-04-24 16:55:06
295
原创 【ES6】var,let,const区别
（4）var声明的变量在当前作用域找不到前往上一级作用域中查找，依次往上直到全局作用域，如果全局没有就报错。（6）const声明的变量会产生暂时性的死区，只能在当前块作用域内查找。（4）let声明的变量会产生暂时性的死区，只能在当前块作用域内查找。在全局声明的变量是全局变量，在局部声明的变量是局部变量。（3）var声明在全局的变量在其他任何作用域都有效。（3）let声明的变量只在当前块作用域中有效。（4）const声明的变量不能重复声明。（2）let声明的变量不能重复声明。（1）let声明的变量不能提升。
2023-04-19 18:43:17
73
原创 【jQuery】$.get()与$.post()区别
.get() 方法通过 HTTP GET 请求从服务器上请求数据。GET 基本上用于从服务器获得（取回）数据。$.post() 方法通过 HTTP POST 请求向服务器提交数据。POST 也可用于从服务器获取数据。
2023-04-18 20:11:49
753
原创 jQuery 选择器
eq（index）从获取到的元素中，选择索引号为‘index’的元素，索引号index从0开始。children() 相当于$(“ul>li”)，子类选择器，没有参数就获取所有子代。jQuery选择器：基本选择器、层级选择器、过滤选择器、筛选选择器（方法）find() 相当于$(“ul li”),后代选择器，必须加参数。eq() 相当于$(“li:eq(1)”),index从0开始。标签的所有$(‘#liList’)下面所有兄弟元素。index() 获取当前的位置（索引）如何使用jQuery?
2023-04-17 18:32:45
264
原创 jQuery on()和bind()区别
其事件的绑定者是固定的，就是a,第一个参数是事件，第二个参数可选，是要传递给回调函数的event.data参数，第三个参数是回调函数。on绑定的参数有：events（事件），selector（选择器），data（额外要添加的数据），function（执行函数）；bind() 、on() 方法向被选元素添加一个或多个事件处理程序，以及当事件发生时运行的函数，都是给元素绑定事件用的。bind绑定的参数有：：events（事件），data（额外要添加的数据），function（执行函数）。
2023-04-15 17:20:58
232
原创 jQuery 动画
animate() 方法用于创建自定义动画（不可以改变颜色，改变颜色需要插件）。// 自定义 $('#animate') . click(function() {
2023-04-13 18:29:52
53
原创 JavaScript 网站列表
开发一个简单的网站列表程序，可以输入网站名，网址，以网站名作为key存入localStorage；根据网站名，查找网址；
2023-04-12 18:36:35
78
原创 JavaScript 函数防抖和节流
函数的防抖：设置延时器，短时间高频率触发只有最后一次触发成功。函数的节流：设置状态锁，短时间高频率触发只有第一次触发成功。
2023-04-11 18:43:25
82
原创 原型继承、构造继承
原型继承目的：子类本身构造函数中的属性和方法以及子类原型中的属性和方法都可以获取到，并且父类构造函数中的属性和方法以及父类原型中的属性和方法也可以获取到。构造函数继承目的：让子类去继承父类的属性和方法（构造函数的属性和方法 原型上的属性和方法）。注意：将子类原型上的属性和方法放到父类继承下面，否则报错。注意：构造继承不能拿到父类原型上的属性和方法。构造函数继承方法：call（）
2023-04-08 18:35:38
46
原创 JavaScript 深浅拷贝
栈：自动分配内存空间，系统自动释放，里面存放的是基本类型的值和引用类型的地址；JavaScript的变量的存储方式：栈（stack）和堆（heap）。JavaScript变量包含两种不同数据类型的值：基本类型和引用类型。基本数据类型：数字类型，字符串类型，布尔类型，空类型，未定义，唯一值；堆：动态分配的内存，大小不定，也不会自动释放。里面存放引用类型的值。引用数据类型：数组，函数，对象，set，map。
2023-04-07 18:44:12
159
原创 判断数据类型
任何对象都有constructor属性，constructor只能判断是否是对象。instanceof 关键字 返回的值是布尔类型的值。typeof 关键字 返回的值是字符串。
2023-04-07 18:41:06
48
原创 JavaScript 构造函数、实例、原型三者之间的关系
1、任何函数都有prototype属性，他本身就是一个对象；2、构造函数也是函数，也有prototype属性，我们称之为原型；3、构造函数原型上的属性和方法可以被实例化对象所继承；4、任何对象都有constructor属性，实例化对象的constructor属性指向构造函数；5、原型也是对象也有constructor属性，原型对象的constructor属性指向构造函数；6、任何对象都有__proto__属性，它本身是个指针，实例化对象的__proto__属性指向的是构造函数的原型；
2023-04-06 20:13:24
104
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人