![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端
文章平均质量分 56
遇见小美好
爱生活、爱运动、爱学习、喜欢尝试探索行业新技术的前端妹子(*^▽^*)
展开
-
【算法篇】查找字符串数组中的最长公共前缀
【算法篇】查找字符串数组中的最长公共前缀原创 2024-06-28 00:53:24 · 638 阅读 · 0 评论 -
用promise实现批量请求数据,同时支持控制请求的并发数
用promise实现批量请求数据,同时支持控制请求的并发数,支持取消请求。原创 2024-06-28 00:30:49 · 522 阅读 · 0 评论 -
【React篇】useMemo和useCallback的区别
【React篇】useMemo和useCallback的区别原创 2024-06-21 11:45:18 · 248 阅读 · 0 评论 -
【React篇】父组件渲染时避免重复渲染子组件的3种处理方法
React父组件渲染时避免重复渲染子组件的3种处理方法原创 2024-06-21 11:40:44 · 367 阅读 · 2 评论 -
【算法篇】无重复字符的最长子串
无重复字符的最长子串,滑动窗口解法 JavaScript版本原创 2024-06-10 11:27:18 · 391 阅读 · 0 评论 -
【算法篇】滑动窗口的最大值JavaScript版
对于类似的滑动窗口问题,如求最小值、求平均值等,都可以采用类似的思路,关键在于如何维护一个能够快速提供所需信息的辅助数据结构。原创 2024-06-10 10:48:54 · 402 阅读 · 0 评论 -
【算法篇】大数加法JavaScript版
大数加法算法题JavaScript版原创 2024-06-09 20:23:10 · 315 阅读 · 0 评论 -
【算法篇】求最长公共前缀JavaScript版本
求最长公共前缀原创 2024-06-09 17:48:11 · 524 阅读 · 0 评论 -
【react篇】react Hook使用笔记:useState、useRef避免重复创建初始值
写法二,React 只会在首次渲染时调用这个函数,减少了不必要的性能开销。那样接受一个特殊的函数重载。有时候需要确保一个对象仅被创建一次。原创 2023-03-15 20:34:46 · 554 阅读 · 1 评论 -
使用Service Worker、Web Workers进行大量数据渲染优化(例如地图)
使用Service Worker、Web Workers进行地图渲染优化,提高地图渲染性能原创 2024-06-06 13:23:13 · 1192 阅读 · 0 评论 -
常用的几种异步实现方式
前端异步实现方式原创 2024-06-05 15:27:58 · 412 阅读 · 0 评论 -
【react】useEffect 快速上手
useEffect调用场景原创 2024-06-05 01:11:01 · 525 阅读 · 0 评论 -
codereview时通常需要关注哪些
codereview注意事项原创 2024-06-04 23:57:51 · 316 阅读 · 0 评论 -
防抖(debounce)和节流(throttle)的优化方法
防抖(debounce)和节流(throttle)是两种常用的优化方法,用于减少高频事件(如滚动、输入、鼠标移动等)触发的函数执行次数,从而提高页面性能。原创 2024-06-04 23:45:03 · 503 阅读 · 0 评论 -
【算法篇】归并排序算法JavaScript版
归并排序JavaScript版本原创 2024-06-02 22:24:32 · 394 阅读 · 0 评论 -
【算法篇】插入排序算法JavaScript版
插入排序算法JavaScript版原创 2024-06-02 18:07:47 · 296 阅读 · 0 评论 -
【算法篇】选择排序算法JavaScript版
选择排序算法JavaScript版原创 2024-06-02 16:57:58 · 219 阅读 · 0 评论 -
【算法篇】快速排序算法JavaScript版
快速排序算法,JavaScript版原创 2024-06-02 16:36:55 · 412 阅读 · 0 评论 -
【算法篇】冒泡排序算法JavaScript版
冒泡排序算法原创 2024-06-02 15:15:53 · 326 阅读 · 0 评论 -
在线图片测试用例
在线图片测试用例原创 2024-06-02 14:15:54 · 276 阅读 · 0 评论 -
Web Workers使用场景
Web Workers使用场景.原创 2024-05-31 15:41:47 · 236 阅读 · 0 评论 -
在浏览器里面输入 url,到浏览器显示页面中间发生了什么?
在浏览器里面输入 url,到浏览器显示页面中间发生了什么?这个过程涵盖了从用户输入URL到浏览器显示页面的整个过程。在实际应用中,还可能涉及到其他因素,如缓存、重定向、安全性(如HTTPS)等。原创 2024-05-31 08:53:20 · 380 阅读 · 0 评论 -
【React篇 】React项目中常用的工具库
React开发中常用的工具库。原创 2024-05-30 16:49:02 · 1341 阅读 · 0 评论 -
【React篇】简述React-Router 的实现原理及工作方式
简述React-Router 的实现原理及工作方式原创 2024-05-30 16:03:07 · 485 阅读 · 0 评论 -
【React篇】组件错误边界处理(组件错误引起的页面白屏)
react 错误边界处理(页面白屏处理)原创 2024-05-30 11:45:55 · 604 阅读 · 0 评论 -
如何确保原始函数只执行一次?
这个例子展示了如何使用`once`函数确保原始函数只执行一次,并在后续调用中直接返回第一次调用的结果。这在某些场景下非常有用,例如初始化操作、单次网络请求等。原创 2024-05-22 16:20:02 · 662 阅读 · 0 评论 -
【算法篇】LeetCode算法题:两数之和
给你一个下标从1开始的整数数组numbers,该数组已按非递减顺序排列,请你从数组中找出满足相加之和等于目标数target的两个数。双指针解题思路。原创 2024-05-22 11:38:24 · 156 阅读 · 0 评论 -
【算法篇】LeetCode算法题:三数之和
给定一个包含n个整数的数组nums,判断nums中是否存在三个元素a,b,c,使得a + b + c = 0?请找出所有和为0且不重复的三元组。原创 2024-05-22 11:20:59 · 836 阅读 · 0 评论 -
一道高频面试题:TCP 协议为什么握手是 3 次,挥手却是 4 次?
TCP(传输控制协议)连接的建立和断开采用三次握手(Three-Way Handshake)和四次挥手(Four-Way Handshake)的机制,主要是为了防止旧的重复连接初始化造成混乱。原创 2024-05-22 11:00:11 · 501 阅读 · 0 评论 -
LeetCode 1556. 整数每隔3位数字添加千位分隔符
LeetCode 1556. 千位分隔数 JavaScript版本题目要求:给你一个整数 n,请你每隔三位添加点(即 "." 符号)作为千位分隔符,并将结果以字符串格式返回。原创 2022-07-12 19:44:17 · 174 阅读 · 0 评论 -
一道前端面试题:商家优惠券折扣
JavaScript面试题,商家优惠券折扣原创 2024-05-21 15:23:43 · 66 阅读 · 0 评论 -
Flex弹性布局常用的属性分类
Flex布局是一种用于创建弹性布局的CSS模型。以下是Flex布局中常用的属性分类:1. 容器属性(应用于flex容器):2. 子元素属性(应用于flex子元素):原创 2024-05-19 23:21:17 · 151 阅读 · 0 评论 -
css 文本超过一行省略号显示、文本超过两行省略号显示
请注意,文本最多显示两行的这种处理方法目前仅在支持Webkit盒子模型的浏览器中有效,例如Chrome和Safari。对于其他浏览器如果不生效,您可能需要使用其他方法,例如使用JavaScript来实现类似的功能。-webkit-line-clamp是控制显示的行数,比如您想显示3行,改为3即可。原创 2024-05-19 23:05:56 · 468 阅读 · 0 评论 -
正则表达式面试题:过滤所有数字
b)将字符串中的数字乘以2,并且将字母用中括号括起来,类似246[a][b][c]81012[d][e][f]a)用正则过滤出所有的数字,结果变成类似123456。原创 2024-05-19 13:24:52 · 108 阅读 · 0 评论 -
微信小程序自定义steps步骤条组件
微信小程序自定义一个步骤条组件,自定义文字在下面,已完成和未完成和当前进度都不一样的样式,可点击上一步和下一步切换流程状态。原创 2024-01-01 17:50:01 · 1588 阅读 · 0 评论 -
【react篇】当useEffect的依赖频繁变化时的优化方案
react Hook使用笔记:当useEffect的依赖频繁变化时的优化方案原创 2023-03-15 18:05:51 · 925 阅读 · 0 评论 -
yahoo performance 14 rules 雅虎性能优化14条军规
雅虎性能优化14条军规……一、尽可能的减少HTTP请求。二、使用CDN(内容分发网络)。三、添加Expire/Cache-Control头。四、启用Gzip压缩。五、将css放在页面最上面。六、将script放在页面最下面。七、避免在CSS中使用Expressions。八、把JS和CSS放到外部文件中。九、减少DNS查询。十、压缩 JavaScript。十一、避免重定向。十二、移除重复的脚本。十三、配置实体标签(ETag)。十四、使 AJAX 缓存。原创 2022-08-22 19:45:46 · 435 阅读 · 0 评论 -
学习笔记——JavaScript(四):多继承
讲多继承之前,咱们先看看当前流行的一个用来继承单对象属性的extend方法,// 单继承,属性复制var extend = function(target, source) { // 遍历源对象的属性 for (var p in source) { // 将源对象属性复制到目标对象中 target[p] = source[p] } // 返回目标对象 return target;}稍微对以上代码简单修改,传入多个对象参数即可实现对多个对象属性的继承,即多继承。//原创 2021-05-17 18:27:58 · 182 阅读 · 0 评论 -
学习笔记——JavaScript(三):继承的几种实现方式
继承是面向对象的,通过继承我们可以更好地复用以前的开发代码,缩短开发的周期、提升开发效率。JavaScript常见的继承方式有以下几种。子类的原型对象——类式继承// 声明父类function SuperClass() { this.superValue = true;}// 为父类添加公共方法SuperClass.prototype.getSuperValue = function() { return this.superValue;}// 声明子类function SubCl原创 2021-05-14 19:21:56 · 378 阅读 · 22 评论 -
学习笔记——JavaScript(一):面向对象编程
假设有个表单验证的需求,需要验证用户姓名、邮箱、密码。我们例举以下几种常见编程风格,领略js编码的艺术????。1. 版本一function checkName(val) { // 验证名字 if (val.length < 3) { console.log('长度不能小于3位') }}function checkEmail(val) { // 验证邮箱 if (val.length < 4) { console.log('长度不能小于4位') }}functio原创 2021-05-12 15:43:07 · 122 阅读 · 0 评论