- 博客(58)
- 收藏
- 关注
RSS订阅原创 js全排列组合算法（基于递归回溯）
/ 进入下一层递归。// 复制原始数组作为新的子集。// 将当前路径添加到结果数组中。// 选取当前元素并添加到临时列表中。// 移除已经处理过的元素。// 回溯，从临时列表中删除最后一个元素。// 存放结果的数组。
2024-02-27 22:41:56
488
原创 koa洋葱圈模型原理及应用
next在dispath传入next函数实参，从而通过下一个函数索引调用下一个函数。所以进行函数封装时，可以通过函数参数简化外层函数代码量，同时通过条件判断，确认是否执行该传入的逻辑，即代码逻辑叠加。3、第一个中间件调用在compose中使用dispatch(0),后面的中间件函数调用，直接是通过传入的next()里直接dispatch(下一个）1、闭包里定义局部函数dispath函数，负责每个中间件传入next实参函数。2、next()函数中，通过中间件数组索引，定位到下一个中间件。
2024-02-16 11:04:36
465
原创 $attrs,$listeners,inhritAttrs
inhritAttrs的设置只是针对$attrs是否挂在默认挂在根元素上。设置false后，不挂在根元素，可以通过v-bind="$attrs"挂在组件的其它元素上。这样实现跨级组件的通信。$listeners通过v-on="$listeners",然后就可以跨级用emit提交事件了。
2024-01-24 22:11:47
329
原创 封装一个ajax请求
的函数，接收三个参数：URL、HTTP方法（可选）和要发送的数据。该函数会创建一个XMLHttpRequest对象并进行相应配置，然后根据传入的参数发起网络请求。最后通过Promise来处理请求成功或失败时的逻辑。这段代码定义了一个名为。
2024-01-14 22:05:36
420
原创 css布局笔记
反之，如果使用margin-left负值可以把后面的float元素拉回上一行，但是要注意拉回上一行后，元素按照float多元素的排列规则，但是会因为margin-left为负，导致元素偏左。4、如果float元素会在普通文档流下面另起一行排列，float元素之后普通文档流的元素会填充float流下面的普通流空间。过程是先清除浮动流，填充普通文档流，然后把浮动流重新加入进来。在多个元素设置为float换行后，可以用margin-left负边距，让第二行的float元素回到第一行去。
2024-01-14 14:19:07
351
原创 js基础知识
但是单独一个name是需要沿着变量作用域一级一级往上找的，就是函数定义时位置，一级一级往上找，同箭头函数，在这其中，作用域链只有函数作用域和全局作用域两种类型，对象没有作用域的概念。初始化界面后 : 在实例创建完成后发生，当前阶段已经完成了数据观测，也就是可以使用数据，更改数据，在这里更改数据不会触发updated函数,也就是不会更新视图，SSR可以放这里。更新数据前 ： 组件数据更新之前调用，数据都是新的,页面上数据都是旧的 组件即将更新,准备渲染页面 , 可以在当前阶段进行更改数据，不会造成重渲染。
2023-11-26 18:42:20
229
原创 变量/函数提升，闭包作用域，作用域链
var a = 1;var a = 5;a++;var a;fn3();fn2();a = 20;a = 200;fn();答案：undefined51620200。
2023-11-16 17:57:56
50
原创 宏任务与微任务，代码执行顺序
脚本代码执行顺序，是先执行同步代码，遇到微任务，就把它推进任务队列中。每个宏任务完成后，再执行下一个宏任务。js引擎工作进程是同步的。事件循环机制，事件队列。定时器setTimeout、setInterval。关于async与promise。
2023-10-18 17:43:56
130
原创 前端性能优化
这个指标的值一直是变化的，可见视口中元素，刚开始出现在可见视图里，后面移动了位置，也会算作该指标。这个时候index里面并没有丰富的产品数据，不利于关键词搜索匹配，网站能被访问的次数就会降低，网站的流量就会降低，网站的seo排名就会降低。一般的事件挂载需要遍历完所有的dom节点，但是渐进式渲染直接渲染优先级高的节点，比如说先挂载可见区域的dom节点的事件。影响因素：拉取index，加载js，渲染dom树，样式渲染，dom添加监听事件。拉取到index，加载js，解析js，渲染dom树，添加事件监听。
2023-10-18 16:59:35
145
原创 博客摘录「 什么是前端开发领域的 Cumulative Layout Shift 问题」2023年9月27日
为了避免 CLS 问题，在 Angular 应用开发中，应该采取以下措施：正确设置图片和视频的尺寸，并尽可能减少使用延迟加载的元素。尽可能避免使用动态添加的元素。对 Web 字体进行正确设置，以确保它们不会导致页面抖动和偏移。使用一些工具和技术，例如 Performance API 和 Lighthouse 等，来检测和解决 CLS 问题。
2023-09-27 10:43:32
38
原创 博客摘录「 什么是前端开发领域的 Cumulative Layout Shift 问题」2023年9月27日
加载图片和视频时正确设置尺寸，避免使用不必要的动态元素。
2023-09-27 10:41:29
21
原创 博客摘录「 什么是前端开发领域的 Cumulative Layout Shift 问题」2023年9月27日
CLS 是 Cumulative Layout Shift（累计布局偏移）的缩写，它是一个用于度量网页稳定性的指标。前端页面性能指标之一。
2023-09-27 10:38:24
31
1原创 三栏布局，圣杯和双飞翼
双飞翼：给center增加一个div包裹，利用center的margin，放置两侧的块，像翅膀一样；圣杯：利用外部容器的padding，放置左右的块，像圣杯一样，不是center的部分。共性：利用float属性双飞翼代码： 三栏布局——双飞翼布局 center left right ...
2021-11-15 16:46:16
198
原创 移动端实现淡入淡出、旋转、缩放动画
@keyframes zhuan{from{top:10px} to{ top:900px;}}https://www.w3school.com.cn/cssref/pr_animation.asphttps://www.w3school.com.cn/css3/css3_animation.asphttps://www.w3scho...
2020-02-10 22:57:52
536
原创 常用移动项目技术点
动画的效果有：缩放，旋转，移动，淡入淡出；同一个html实现多个页面切换，需要使用absolute对多个页面进行叠加，然后切换显示和隐藏效果；使用absolute进行居中，top，left，right，bottom，然后使用marign:auto可以进行居中；移动端的body和html都是dom元素，如果要设置页面宽高位100%，那么要对html也要设置；移动端开发前端的项目流程：...
2020-02-10 21:32:12
216
原创 排序复杂度
https://www.cnblogs.com/yadiel-cc/p/11829360.htmlhttps://www.cnblogs.com/wuxiangli/p/6399266.html
2019-12-17 11:00:27
87
原创 js树
https://blog.csdn.net/weixin_34290631/article/details/91395260https://www.cnblogs.com/liuwei-0313/p/10053736.htmlhttps://www.jianshu.com/p/3f3fed4b1b69
2019-12-14 19:57:03
68
原创 js函数
https://blog.csdn.net/qq_34569497/article/details/95379260#13.%E9%97%AD%E5%8C%85
2019-12-12 12:16:15
67
原创 js排序
https://segmentfault.com/a/1190000015488549https://blog.csdn.net/fendou_dexiaoniao/article/details/46594125https://www.jianshu.com/p/eb89e891d7fbhttps://www.e-learn.cn/content/qita/856140https...
2019-12-11 18:35:23
75
原创 前端与队列
https://www.jianshu.com/p/ecf43b95df95https://segmentfault.com/a/1190000017569816
2019-12-10 17:40:56
281
原创 华为面试题
https://blog.csdn.net/wjd36068407/article/details/82855802https://www.cnblogs.com/zhengmiaohua/p/7118926.htmlhttps://www.cnblogs.com/aaronjs/p/4200430.htmlhttps://blog.csdn.net/weixin_34290631/a...
2019-12-09 23:03:39
167
原创 vue的导航守卫
https://www.jb51.net/article/146688.htmhttps://blog.csdn.net/weixin_39398244/article/details/83342761https://www.cnblogs.com/xxm980617/p/10668719.html
2019-12-07 22:45:02
67
原创 vue创建项目
vue创建项目npm install -g vue-cli //安装vue-cli脚手架vue init webpack my-project //初始化项目cd my-project //进入项目npm install //安装依赖npm run dev //运行项目...
2019-12-01 12:41:13
86
原创 前端请求常见的错误
400：前后端参数不一致403：服务器不可用500：服务器异常https://blog.csdn.net/weixin_42696130/article/details/81112704
2019-11-30 23:02:35
1126
原创 请求跨域
前端ajax请求一般是有同源限制的，而同源限制不包括标签里的src和href。在请求时，设置datatype为jsonp就是利用这个原理实现跨域请求的。当然也可以直接在服务器端设置跨域问题。https://blog.csdn.net/sinat_36174237/article/details/82384623...
2019-11-30 22:57:57
50
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人