- 博客(22)
- 收藏
- 关注
原创 useEffect的[ ] 的作用
useEffect 只在第一次渲染时执行,由于空数组中没有值,始终没有改变,所以后续render不执行,相当于生命周期中的。的作用就是指定一个副效应函数,组件每渲染一次,该函数就自动执行一次。组件首次在网页 DOM 加载后,副效应函数也会执行。useEffect接受第二个参数 [ ] 来控制跳过执行,下次 render 后如果指定的值没有变化就不会执行。无论数组中有几个元素,数组中只要有任意一项发生了改变,useEffect 都会调用。
2024-03-01 10:36:35 433
原创 [Vue3]Console报错:类型“any”的参数不能赋给类型“never”的参数
【代码】[Vue3]Console报错:类型“any”的参数不能赋给类型“never”的参数。
2024-01-18 19:30:37 850 1
转载 正则表达式
match():String对象 的方法,可在字符串内检索指定的值,或找到一个或多个正则表达式的匹配。参数是regexp(正则表达式),返回值是数组或null。test():RegExp对象 的方法,用于检测一个字符串是否匹配某个模式。参数是string(字符串),返回值是boolean类型。
2023-12-18 18:11:12 43 1
原创 keep-alive实现原理
当然keep-alive不仅仅是能够保存页面/组件的状态这么简单,它还可以避免组件反复创建和渲染,有效提升系统性能。可以在组件切换时,保存其包裹的组件的状态,使其不被销毁,防止多次渲染。用户在某个列表页面选择筛选条件过滤出一份数据列表,由列表页面进入数据详情页面,再返回该列表页面,我们希望:列表页面可以保留用户的筛选(或选中)状态。包裹的组件在切换时不会被销毁,而是缓存到内存中并执行 deactived 钩子函数,命中缓存渲染后会执行 actived 钩子函数。2.在vue-router中的应用。
2023-12-13 16:53:07 472
原创 堆和栈的区别
栈是一种运算受限的线性表,其限制是指只仅允许在表的一端进行插入和删除操作,这一端被称为栈顶(Top),相对地,把另一端称为栈底(Bottom)。堆是一种常用的树形结构,是一种特殊的完全二叉树,当且仅当满足所有节点的值总是不大于或不小于其父节点的值的完全二叉树被称之为堆。如果根节点最小,称之为小顶堆(或小根堆),如果根节点最大,称之为大顶堆(或大根堆)。堆的左右孩子没有大小的顺序。使用数组实现的栈叫做顺序栈,使用链表实现的栈叫做链式栈,二者的区别是顺序栈中的元素地址连续,链式栈中的元素地址不连续。
2023-11-15 18:32:41 33
转载 单页面和多页面开发
单页面:是指只有一个主页面的应用,浏览器一开始要加载所有必须的 html, js, css。优点:给用户提供一个完美的视觉方向,重点是没有很多的菜单,简洁明了的SEO管理。每一次页面跳转的时候,后台服务器都会给返回一个新的html文档,这种类型的网站也就是多页网站,也叫做多页应用。SEO:可以查询到该网站搜索各大引擎的信息,可以一目了然的看到当前该域名的相关信息,及时调整网页优化等。-单页应用相对服务器压力小,服务器只用出数据就可以,不用管展示逻辑和页面合成,吞吐能力会提高几倍。-良好的前后端分离。
2023-11-14 16:45:39 125 1
转载 字符串的常用方法总结
4,slice(), 提取字符串中两个指定索引号之间的字符(索引可以为负值,-1就是倒数第二位)9,trim(),移除字符串首位空格,经常在对input和textarea的值做判断时用到。3,substring(),提取字符串中两个指定索引号之间的字符(两个索引不能为负值)14,search(),检索指定子串或者与正则表达式匹配的值,返回的值是数字。8,toString(),返回字符串对象,比如把数字转换成字符串对象。6,concat(),连接两个或多个字符串,返回连接后的新字符串。
2023-11-14 11:45:04 47 1
原创 回调函数的使用
回调函数是一种特殊的函数,它作为参数传递给另一个函数,并在被调用函数执行完毕后被调用。回调函数通常用于事件处理、异步编程和处理各种操作系统和框架的API。回调函数是一种非常灵活和强大的编程技术,可以让我们更好地处理各种异步操作和事件。
2023-11-07 16:55:09 56
原创 传统和ajax请求的区别
发送请求的方式不同 浏览器发送同步请求 异步引擎对象发送请求。服务器响应不同 响应一个完整页面 响应的内容只是需要的数据。客户端的处理方式不同 需要等待服务器响应完成并 可以动态更新页面中的。5.服务器接受到请求,处理请求,响应请求。
2023-11-06 15:06:24 58
原创 jquery动画
当使用 animate() 时,必须使用 Camel 标记法书写所有的属性名,比如,必须使用 paddingLeft 而不是 padding-left,使用 marginRight 而不是 margin-right,等等。//点击 "停止所有" 按钮停止当前动画,并清除动画队列,所以元素的所有动画都会停止。//点击 "停止动画,但完成动作" 快速完成动作,并停止它。//"停止" 按钮停止当前激活的动画,但之后我们能再动画队列中再次激活。
2023-10-27 11:42:57 37 1
原创 字符串的截取
5 从开始截取到中间某个指定字符 midChar (该字符出现的第一次)6 从开始截取到指定某段字符串结尾 midStr。7 如果字符串中有"abc"则替换成"ABC"2 去掉字符串的前i个字符。4 从右边开始去掉i个字符。1 取字符串的前i个字符。3 从右边开始取i个字符。
2023-10-09 16:43:13 46 1
原创 页面的可监听事件
onselect --鼠标选中高光的时候,触发。window.oncsroll --滚动条事件。onclick --鼠标点击一次。onmousedown --鼠标按下。onfocus --获取焦点。onmouseup --鼠标弹起。onkeyup --弹起。onkeydown --按下。
2023-10-08 18:02:21 164 1
原创 对齐的方式有哪些
在css标签内,将display属性设置为flex,实现flex布局,再将align-items属性设置为center(水平方向居中),justify-content属性设置为center(垂直方向居中)。如果被设置元素为文本、图片等行内元素时,在父元素中设置text-align:center实现行内元素水平居中,将子元素的display设置为inline-block,使子元素变成行内元素。这种情况下,需要通过设定父元素的line-height为其高度来使得子元素垂直居中。块状元素的水平居中(不定定宽)
2023-09-05 15:45:00 90
原创 图片和文字对齐方式
块级元素:dispaly:table-cell图片设置属性:vertical-align: middle; 在中间位置/* vertical-align: text-top; / 在顶部/ vertical-align: text-bottom; */ 在底部
2023-09-05 08:56:54 105
原创 文本右对齐
text-align的中文意思为“水平对齐”,是css中一个用于指定元素文本水平对齐方式的属性;语法格式“text-align:值;”,值可以是left(左对齐)、right(右对齐)、center(居中对齐)、justify(两端对齐)。
2023-09-03 17:39:18 495
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人