- 博客(14)
- 收藏
- 关注
RSS订阅原创 es6新语法
/ var let const 的区别 var有预解析 let和const没有预加载 var可以重复声明两个相同的变量 let和const不能重复定义重名变量 const在定义的时候必须赋值 let定义的变量可以被修改const的不行 var没有块级作用域let和const有。// 箭头函数 是function函数的简写 箭头函数只有一个形参的时候可以不使用小括号 箭头函数中只有一句话的时候可以不写大括号相当于直接return。拓展运算符 ... 可以取出对象中所有可以遍历的属性拷贝到当前对象中。
2024-03-11 20:22:37
346
原创 同源策略与跨域的处理
同源策略就是浏览器的一种协议 它就是为了保护浏览器的安全 就是协议、域名、端口一致但凡其中有一个不一样就是产生跨域问题 （Access-Control-Allow-Origin）；'Access-Control-Allow-Methods': "POST,GET,DELETE,PUT,OPTIONS" // 允许请求方式用着五种`'Access-Control-Allow-Origin': '*', // 允许访问的域（协议+域名+端口）iframe标签请求时返回的内容会被处理为html文件。
2024-03-08 20:46:45
406
1
原创 自定义指令
oldVnode：上一个虚拟节点，仅在 update 和 componentUpdated 钩子中可用。el: 指令所绑定的元素，可以用来直接操作 DOM，就是放置指令的那个元素。在directives中定义一个指令通过他里面的生命周期来实现效果。组合式api中声明一个函数里面直接写生命周期在写要实现的效果。自定义指令分为全局自定义指令和局部自定义指令。vue3的全局自定义指令和vue2基本一致。vnode：Vue 编译生成的虚拟节点。在vue2中局部自定义指令的实现。在vue3中注册局部自定义指令。
2024-03-07 20:52:28
420
原创 axios 简易封装
在vue中使用axios 在下包后在src目录下新建一个request文件放置axios拦截器。请求时可以 携带token 设置请求头 全局添加页面懒加载 拦截以4开头的状态码。然后在请求接口的时候引入get 和post方法就可以使用了。响应时成功可以储存token 处理2和5开头的状态码。也可以封装一个get和post请求方法方便以后使用。在请求和响应的时候进行一些操作。Axios 是一个基于。封装axios首先下包。
2024-03-04 20:44:56
414
1
原创 闭包 初试
一个函数里面嵌套另外一个函数。嵌套（内部）函数对其容器（外部）函数是私有的。它自身也形成了一个闭包。收回，让这些代码始终存于内存中 不会随着函数的结束而销毁。闭包其实就是防止参数和变量不会被。
2024-03-01 21:07:11
392
1
原创 浏览器的性能优化（重排）
重排就是当某个子标签的样式发生改变时 会影响它的父元素，祖先元素等等一系列元素这时浏览器就会去重新渲染这些元素这就是重排也叫回流。在html中 我们通常要先经过渲染引擎构建dom树 样式表 然后组成render（渲染）树；浏览器的不断渲染重排会大大影响web的性能导致有时候我们的页面会很卡；例如vue中使用的虚拟dom就是为了减少重排节约资源。对于页面中的动画 尽量使用绝对定位操作定位属性。合并样式使用style的csstext。给几个样式加一个class类名调用类名。为了减少重排尽量减少使用。
2024-02-29 20:44:27
455
原创 防抖 节流
防抖和节流都是通过定时器实现减少计算机资源的浪费节流是固定时间内只触发最后一次防抖是固定时间内只触发一次也可以使用loadash实现防抖节流防抖节流func(Function): 要防抖动的函数。[wait=0](number): 需要延迟的毫秒数。[options=](Object): 选项对象。(boolean): 指定在延迟开始前调用。(number): 设置func允许被延迟的最大值。(boolean): 指定在延迟结束后调用。
2024-02-28 19:49:35
634
1
原创 vue组件通信小结 pinia
getters相当于vue中的计算属性getters本身不接受任何参数但是可以返回一个函数接受参数。pinia也可以配置插件添加一个模块persist里面可以配置数据持久化等等。父组件通过@name=“函数”接收 函数中的e就是传递过来的值。为了避免失去数据响应要使用pinia提供的storeToRefs。在vue3中实现父子传值 可以使用vue3 Hooks中的。在标签中以数据绑定的形式声明要传的数据（也可以使用单标签）第二个值是一个对象放一些pinia的模块。只能通过this调用state中的数据。
2024-02-27 21:19:46
575
原创 css3浅试 动画
* :nth-last-child(n) 选择父元素的第n个子元素从最后开始 1为最后一个 其中n可以是整数（1，2，3）、关键字（even，odd）、可以是公式（2n+1) n的起始值必须为1。/* :nth-child(n) 选择父元素的第n个子元素 其中n可以是整数（1，2，3）、关键字（even，odd）、可以是公式（2n+1) n的起始值必须为1。/* 文本阴影 text-shadow(水平偏移距离(左右)， 垂直偏移距离(上下)，颜色) *//* 过渡 transition */
2024-02-25 20:58:29
748
1
原创 数组中常见的数组
/ 5.findIndex 测试 数组内的所有元素是否都能符合条件 有返回值 返回第一个符合的值的下标 没有返回 -1。// 3.filter 筛选数组中的有没有符合条件的值 有返回值 返回一个新的数组 （筛选）// // item 数组中的每一项 index 每一项的下标 arr 原数组。// // item 数组中的每一项 index 每一项的下标 arr 原数组。// // item 数组中的每一项 index 每一项的下标 arr 原数组。
2024-02-23 20:43:17
369
2
原创 class单例模式
class ShoppingCart { constructor(arr) { if (ShoppingCart.instance) { return ShoppingCart.instance } this.arr = arr ShoppingCart.instance = this; return
2024-01-18 11:30:20
345
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人