自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(58)
  • 收藏
  • 关注

原创 检查子字符串出现次数

reg.match();indexof(target,index+1)str.split(sub).length-1

2024-03-09 22:07:06 334

原创 js全排列组合算法(基于递归回溯)

/ 进入下一层递归。// 复制原始数组作为新的子集。// 将当前路径添加到结果数组中。// 选取当前元素并添加到临时列表中。// 移除已经处理过的元素。// 回溯,从临时列表中删除最后一个元素。// 存放结果的数组。

2024-02-27 22:41:56 483

原创 koa洋葱圈模型原理及应用

next在dispath传入next函数实参,从而通过下一个函数索引调用下一个函数。所以进行函数封装时,可以通过函数参数简化外层函数代码量,同时通过条件判断,确认是否执行该传入的逻辑,即代码逻辑叠加。3、第一个中间件调用在compose中使用dispatch(0),后面的中间件函数调用,直接是通过传入的next()里直接dispatch(下一个)1、闭包里定义局部函数dispath函数,负责每个中间件传入next实参函数。2、next()函数中,通过中间件数组索引,定位到下一个中间件。

2024-02-16 11:04:36 464

原创 $attrs,$listeners,inhritAttrs

inhritAttrs的设置只是针对$attrs是否挂在默认挂在根元素上。设置false后,不挂在根元素,可以通过v-bind="$attrs"挂在组件的其它元素上。这样实现跨级组件的通信。$listeners通过v-on="$listeners",然后就可以跨级用emit提交事件了。

2024-01-24 22:11:47 329

原创 bind,apply,call手写代码有感

对于固定参数后,非必要传的参数用…rest表示,引用也直接用…

2024-01-16 16:35:49 370

原创 封装一个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 350

原创 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 20

原创 博客摘录「 什么是前端开发领域的 Cumulative Layout Shift 问题」2023年9月27日

CLS 是 Cumulative Layout Shift(累计布局偏移)的缩写,它是一个用于度量网页稳定性的指标。前端页面性能指标之一。

2023-09-27 10:38:24 31

原创 vscode打开html

vscode使用技巧,如何通过open in browser ,liver server打开html。

2023-03-13 19:28:50 342 1

原创 git回退

git reset 使用及回滚_AI小兵的博客-CSDN博客

2021-12-06 17:02:45 57

原创 三栏布局,圣杯和双飞翼

双飞翼:给center增加一个div包裹,利用center的margin,放置两侧的块,像翅膀一样;圣杯:利用外部容器的padding,放置左右的块,像圣杯一样,不是center的部分。共性:利用float属性双飞翼代码: 三栏布局——双飞翼布局 center left right ...

2021-11-15 16:46:16 197

原创 移动端实现淡入淡出、旋转、缩放动画

@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

原创 dom操作

https://blog.csdn.net/JiangJunDriver/article/details/78970900

2019-12-16 23:28:38 79

原创 邮箱验证

var reg = /^(\w)+(\.\w+)*@(\w)+((\.\w+)+)$/;

2019-12-16 14:18:50 143

原创 树根据先序和中序确定后序

https://www.cnblogs.com/jiaxin359/p/9512348.html

2019-12-15 12:00:48 478

原创 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://www.cnblogs.com/moqiutao/p/6513628.html#articleHeader7

2019-12-12 18:31:29 90

原创 js函数

https://blog.csdn.net/qq_34569497/article/details/95379260#13.%E9%97%AD%E5%8C%85

2019-12-12 12:16:15 67

原创 前端总结

https://www.jianshu.com/p/8107d25f54ac

2019-12-12 12:15:37 65

原创 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://blog.csdn.net/weixin_34290631/article/details/91395260

2019-12-10 21:06:55 303

原创 前端与队列

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

原创 数组操作

https://www.cnblogs.com/woshidouzia/p/9304603.html

2019-12-09 15:55:56 74

原创 子组件向父组件传值

https://www.cnblogs.com/Hajar/p/11128116.html

2019-12-08 14:07:33 117

原创 router和route的区别

https://www.cnblogs.com/czy960731/p/9288830.html

2019-12-07 22:58:25 733

原创 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

原创 使用promise实现链式请求

实现多个ajax的连续请求。https://www.jianshu.com/p/21c48ebd8cbe

2019-12-07 21:02:10 460

原创 jquery动态添加节点后无法使用元素选择器

不能直接使用动态添加的节点,应该使用动态添加的节点的父节点,然后选择动态添加的节点。

2019-12-02 16:16:57 1301

原创 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 1124

原创 请求跨域

前端ajax请求一般是有同源限制的,而同源限制不包括标签里的src和href。在请求时,设置datatype为jsonp就是利用这个原理实现跨域请求的。当然也可以直接在服务器端设置跨域问题。https://blog.csdn.net/sinat_36174237/article/details/82384623...

2019-11-30 22:57:57 50

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除