我是牢大11-CSDN博客

原创日常笔记2

这些都是计算属性无法做到的。（1）computed 计算属性 : 依赖其它属性值，并且 computed 的值有缓存，只有它依赖的属性值发生改变，下一次获取 computed 的值时才会重新计算 computed 的值。（3）computed的值会默认走缓存，计算属性是基于它们的响应式依赖进行缓存的，也就是基于data声明过，或者父组件传递过来的props中的数据进行计算的。（2）watch 侦听器 : 更多的是观察的作用，无缓存性，类似于某些数据的监听回调，每当监听的数据变化时都会执行回调进行后续操作。

2024-05-12 21:05:43 315

原创日常笔记1

1.@support主要是用于检测浏览器是否支持CSS的某个属性，其实就是条件判断，如果支持某个属性，你可以写一套样式，如果不支持某个属性，你也可以提供另外一套样式作为替补。但是这里有一点需要注意的是：@support对于浏览器的版本也是有要求的，不是说所有的浏览器以及其所有的版本都是支持@support的。渐进增强（progressive enhancement）：主要是针对低版本的浏览器进行页面重构，保证基本的功能情况下，再针对高级浏览器进行效果、交互等方面的改进和追加功能，以达到更好的用户体验。

2024-05-05 21:10:58 377

原创 HTML5本地存储

左右（不同浏览器可能还不一样）属性来实现本地存储机制。存储内容大小一般支持。

2024-04-28 23:16:30 254

原创 vue2初识路由

（2）工作过程：工作过程：服务器接收到一个请求时，根据请求路径找到匹配的函数来处理请求，返回响应数据。（1）理解：value是function，用于处理客户端提交的请求。（1）理解：value是component，用于展示页面内容。vue的一个插件库，专门用来实现SPA（单页面应用）应用。（2）工作过程：当浏览器的路径改变时，对应的组件就会显示。2.应用插件Vue.use(VueRouter)1.安装vue-router,命令。3.编写router配置项。

2024-04-21 17:29:08 159

原创 $nextTick

nextTick是一个生命钩子，我们可以理解成，Vue 在更新 DOM 时是异步执行的。当数据发生变化，Vue将开启一个异步更新队列，视图需要等队列中所有数据变化完成之后，再统一进行更新。要是按照我们正常思维去想的话，我们会直接使用this.$ref.inp.focus()获取。但是这样会报错，因为Vue是异步更新DOM的，所以我们就需要用到$nextTick。下面是$nextTick与setTimeout的区别。我们可以看到先打印333333在打印2222222。先简单写一个$nextTick的例子。

2024-04-14 19:01:10 244

原创 vue中props配置项

如果我们正常限制类型为字符串则不会出现问题，如果设置为其他类型的话（假设设置为Number类型），页面任会正常输出，但是会报错，如图所示下图，报错处大致意思为得到的是NaN，而期望类型为字符串类型。如果父组件没有传递该属性，则使用默认值。如果 default 的值是对象或数组，必须将其设置为函数，并在函数中返回它，以避免值之间的共享。如果该属性没有默认值，并且父组件没有传递该属性，则会在控制台中打印警告。props是Vue组件之间通信的一种方式，通过props可以将数据由父组件传递给子组件。

2024-04-07 16:37:55 241

原创 vue计算属性与监视属性

4.优势：computed与methods实现相比，内部有缓存机制（复用），效率更高，调试方便。2.如果计算属性要被修改，那必须写set函数去响应修改，且set中要计算时依赖的数据发生改变。1.当被监视的属性变化时，回调函数自动调用，进行相关操作。1.定义：要用的属性不存在，要通过已有属性计算得来。1.计算属性最终会出现在vm上，直接读取即可。（2）当依赖的数据发生改变时会被再次调用。2.监视的属性必须存在，才能进行监视。（2）通过vm.$watch监视。（1）初次读取时会执行一次。

2024-03-31 23:36:08 241 1

原创数组扁平化的几种方式

【代码】数组扁平化的几种方式。

2024-03-24 20:13:42 97

原创 js,jq中Ajax调取接口（GET,POST请求）

【代码】js,jq中Ajax调取接口（GET,POST请求）

2024-03-17 09:54:54 426 1

原创深拷贝与浅拷贝的方法

【代码】深拷贝与浅拷贝的方法。

2024-03-10 19:42:32 332 1

原创原生实现数组shift,unshift,push,pop方法

【代码】原生实现数组shift,unshift,push,pop方法。

2023-12-24 23:15:20 348 1

原创防抖与节流

防抖：在连续触发事件时，只会执行一次。节流：在一定时间内只会被触发一次。HTML与CSS部分。

2023-12-04 09:54:51 37

原创 ES6---Generator函数

Generator 函数不会像普通函数一样立即执行，而是返回一个指向内部状态对象的指针，所以要调用遍历器对象Iterator 的 next 方法，指针就会从函数头部或者上一次停下来的地方开始执行。ES6 新引入了 Generator 函数，可以通过 yield 关键字，把函数的执行流挂起，为改变执行流程提供了可能，从而为异步编程提供解决方案。其中 * 用来表示函数为 Generator 函数，yield 用来定义函数内部的状态。return 方法返回给定值，并结束遍历 Generator 函数。

2023-11-27 09:49:59 40 1

原创 es6新增的操作字符串方法

模板字符串相当于加强版的字符串，用反引号 `,除了作为普通字符串，还可以用来定义多行字符串，还可以在字符串中加入变量和表达式。可以接收两个参数，第一个值为需要查找的参数，第二个值为索引，从该索引后开始查找参数。可以接收两个参数，第一个参数为指定原字符串的长度，第二个参数为用来补全的字符串。返回新的字符串，表示用参数字符串从头部（左侧）补全原字符串。返回新的字符串，表示用参数字符串从尾部（右侧）补全原字符串。返回布尔值，判断参数字符串是否在原字符串的头部。返回布尔值，判断参数字符串是否在原字符串的尾部。

2023-11-16 14:43:53 38 1

原创 ES6数组

若元素属性名不是按照数组那样的索引数值（或者没有从0开始一一对应），最后输出的数组中相对应的值为。可选，map 函数，用于对每个元素进行处理，放入数组的是处理后的元素。多维数组转一维数组，从外向内解，括号内可以指定转换的层数，默认为1。先对数组中每个元素进行了的处理，再对数组执行 flat() 方法。查找数组中符合条件的元素索引，若有多个符合条件的元素，则返回。若括号内为空，输出空数组。将一定范围索引的数组元素修改为此数组另一指定范围索引的元素。查找数组中符合条件的元素,若有多个符合条件的元素，则返回。

2023-11-08 10:02:03 30 1

原创原生call，apply，bind及其区别

1.三者都能改变函数this指向问题；2.apply，bind主动调用，bind返回的是改变this指向后的新函数；3.call与bind都是直接传递参数，apply传递的是数组；

2023-10-24 16:35:35 25

原创改变this指向的方法——六种

在外部定义this之前，this会指向obj自身age:19,obj.func();在外部定义this之后，this会指向定义位置的windowage:19,obj.func();

2023-10-24 15:07:17 665

原创八大数据类型之———Symbol

ES6 引入了一种新的原始数据类型 Symbol ，表示独一无二的值，最大的用法是用来定义对象的唯一属性名。

2023-10-16 19:09:31 34 1

原创 css3过渡与动画

js实现动画属于帧动画（使用定时器），而css3显示动画为补间动画（使用过渡或动画），补间动画需要有起始状态和最终状态。这篇将谈谈css3的过渡与动画。1.transition-property，一般情况下值填all，all表示所有属性都获得过渡效果，none则是没有属性获得过渡效果，若定义应用过渡效果的 CSS 属性名称列表，列表以逗号隔开，可以只设置这一个值2.transition-duration，可以只设置该一个值3.transition-timing-function4.transition-de

2023-09-25 14:01:26 28 1

LiuHB_的博客