![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
每天一点进步
文章平均质量分 57
勇敢*牛牛
CDND博客专家认证,JavaScript领域内容优质创作者 51TOC特邀创作者
展开
-
通过css实现------简单边框流动特效
边框流动特效原创 2024-05-27 10:06:21 · 461 阅读 · 0 评论 -
javascript-Vue:防抖 (Debouncing)、节流 (Throttling)
javascript-Vue:防抖 (Debouncing)、节流 (Throttling)原创 2024-05-16 16:37:09 · 385 阅读 · 0 评论 -
一图看懂git merge和git rebase的区别!!
git merge和git rebase都具有合并分支的功能,但两者又有不同:rebase: 变基: 把一个分支的更改移动到另一个分支上,通常用于保持提交历史的线性和干净merge: 合并: 把一个分支的更改合并到另一个分支,合并后的提交会保留原始分支的提交历史rebase: 解决完冲突后不会产生额外的commitmerge: 解决完冲突后会产生一个commit原创 2024-05-13 13:03:25 · 449 阅读 · 0 评论 -
前端nginx(windows操作系统)学习配置开发验证
Nginx作为负载均衡在Linux系统上具备很好的并发性能,并且占用极小的内存。但是在Windows系统上并不支撑较高并发,所以在Windows系统上选用Nginx作为负载均衡,需要考虑并发情况。原创 2024-05-07 14:24:18 · 413 阅读 · 2 评论 -
webpack打包优化之代码chunk分割---解除recommended size limit (244 KiB)限制
webpack打包优化之代码chunk分割---解除recommended size limit (244 KiB)限制原创 2024-04-28 11:37:50 · 408 阅读 · 0 评论 -
webpack前端性能优化- HappyPack多线程打包-打包速度提升n倍
webpack前端性能优化- HappyPack多线程打包-打包速度提升n倍原创 2024-04-26 17:09:13 · 720 阅读 · 2 评论 -
webpackd打包两次-生成两份代码-出现legacy的js文件
webpackd打包两次-生成两份代码-出现legacy的js文件原创 2024-04-26 16:00:04 · 428 阅读 · 1 评论 -
前端vue项目加快热更新——提高部署速度——采用babel-plugin-dynamic-import-node插件
前端vue项目加快热更新——提高部署速度——采用babel-plugin-dynamic-import-node插件原创 2024-04-26 13:10:14 · 818 阅读 · 2 评论 -
每日一题:实现一个after函数,接受俩个参数n和func,当他被被调用n或更多次的时候,将马上触发func
实现一个after函数,接受俩个参数n和func,当他被被调用n或更多次的时候,将马上触发func.原创 2023-12-04 23:29:15 · 393 阅读 · 0 评论 -
每日一题:给定一个字符串s,请你找出其中不含有重复字符得最长子串的长度
每日一题:给定一个字符串s,请你找出其中不含有重复字符得最长子串的长度原创 2023-12-23 11:31:56 · 468 阅读 · 0 评论 -
每日一题:给你一个有序数组nums,请你原地删除重复出现的元素。
给你一个有序数组nums,请你原地删除重复出现的元素,使得出现次数超过俩次包括俩次的元素只出现一次,返回删除后的数组的新长度原创 2023-12-21 14:22:37 · 480 阅读 · 0 评论 -
JS Global Event Bus(全局事件总线)
发布-订阅模式: 该模式涉及两个主要角色 - 发布者(Publisher)和订阅者(Subscriber)。发布者负责发布(触发)事件,而订阅者则通过订阅事件来接收通知。事件对象: 通常,一个事件是一个包含相关信息的对象。当发布者触发事件时,它可以传递一些数据给所有订阅者。事件总线对象: 在全局事件总线中,通常会有一个中央的事件总线对象,用于管理所有的事件。这个对象包含一个事件注册表,用于存储不同类型事件的订阅者列表。订阅事件: 组件或模块可以通过订阅事件来表达对某一类型事件的关注。原创 2024-02-28 10:38:24 · 522 阅读 · 0 评论 -
ctx.drawImage的canvas绘图不清晰解决方案,以及canvas高清导出
ctx.drawImage的canvas绘图不清晰解决方案,以及canvas高清导出原创 2024-02-23 18:18:23 · 1396 阅读 · 0 评论 -
js触发input的打开文件选择器,将本地图片回显以及上传
js触发input的打开文件选择器,将本地图片回显以及上传原创 2024-01-23 16:42:20 · 1452 阅读 · 0 评论 -
每日一题:验证回文串
验证回文串原创 2023-12-27 16:32:14 · 428 阅读 · 0 评论 -
javascript的Map和Set概念以及区别和使用场景
javascript的Map和Set概念以及区别和使用场景原创 2023-12-23 10:10:47 · 456 阅读 · 0 评论 -
【前端——PBKDF2 加密的实现】
由于我们须要加密后的 password 无法被解密,同一时候也能保证正确校验每一个用户的 password。可是哈希加密能够通过字典攻击和暴力攻击破解。每一个用户都有自己的盐,这种结果就是即使用户的 password 同样。为了校验 password 是否正确,我们须要储存盐值。或者直接存为哈希字符串的一部分。由于哈希算法是单向的,能够将不论什么大小的数据转化为定长的 “指纹”,并且无法被反向计算。盐是一个加入到用户的 password 哈希过程中的一段随机序列。哈希的结果也会全然不同。原创 2023-12-22 12:47:55 · 439 阅读 · 0 评论 -
每日一题:实现一个类,其实例可以链式调用,他有一个sleep方法,可以sleep一段时间后再后续调用
实现一个类,其实例可以链式调用,他有一个sleep方法,可以sleep一段时间后再后续调用。原创 2023-12-17 13:13:05 · 480 阅读 · 0 评论 -
每日一题:实现方法fn,遇到退格字符就删除前面的字符,遇到俩个退格就删除俩个字符
【代码】每日一题:实现方法fn,遇到退格字符就删除前面的字符,遇到俩个退格就删除俩个字符。原创 2023-12-14 16:55:02 · 412 阅读 · 0 评论 -
每日一题:计算数组中的平均时间
计算给出数组中的字符的平均时间,里面的字符串时间是24小时制的,我们获取N个时间来获取一个平均值,时间精确到分钟,秒数忽略去掉即可。(听说是大厂开胃真题)原创 2023-12-12 14:55:17 · 400 阅读 · 0 评论 -
每日一题:用 JavaScript 写一个函数,输入 int 型,返回整数逆序后的字符串
用 JavaScript 写一个函数,输入 int 型,返回整数逆序后的字符串。如:输入整型 1234,返回字符串“4321”。要求必须使用递归函数调用,不能用全局变量,输入函数必须只有一个参数传入,必须返回字符串。原创 2023-12-11 15:25:28 · 413 阅读 · 0 评论 -
每日一题:去除字符串中出现次数最少的字符,不改变原字符的顺序
去除字符串中出现次数最少的字符,不改变原字符的顺序。实现删除字符串中出现次数最少的字符,若出现次数最少的字符有多个,则把出现次数最少的字符都删除。输出删除这些单词后的字符串,字符串中其它字符保持原来的顺序。原创 2023-12-11 15:09:08 · 583 阅读 · 0 评论 -
每日一题:封装一个请求函数,要求最多自动重试n次后,任意一次请求成功后就直接返回结果
封装一个请求函数,要求最多自动重试n次后,任意一次请求成功后就直接返回结果原创 2023-12-06 11:30:09 · 434 阅读 · 0 评论 -
实现一个add方法,用于计算俩个较大的数相加或者相乘
实现一个add方法,用于计算俩个较大的数相加或者相乘原创 2023-12-05 17:37:20 · 473 阅读 · 0 评论 -
前端dark主题的快速构建与切换
前端dark主题的快速构建与切换原创 2023-12-04 14:32:14 · 517 阅读 · 0 评论 -
JavaScript 数组方法 .map() 的 5 个使用场景
方法是 JavaScript 中的一个数组方法,它创建一个新数组,其结果是对调用数组中的每个元素执行提供的函数。、修改其内容并保持原始数组不变的通用方法。当出现需要修改现有数组的内容并将结果存储为新变量的时候就可以用。它接受一个回调函数作为参数,根据回调函数返回一个新数组和新元素。对数组中的每个元素进行转换。是一个非常灵活的方法,适用于对数组中的每个元素进行处理,生成新的数组。当需要更新数组中的所有项并将其存储到一个新数组中时,如果数组中的每个元素是对象,你可以使用。不会对原数组进行改造。原创 2023-12-01 14:24:15 · 511 阅读 · 0 评论 -
什么是requestIdleCallback?和requestAnimationFrame有什么区别?
我们都知道React 16实现了新的调度策略(Fiber), 新的调度策略提到的异步、可中断,其实就是基于浏览器的 requestIdleCallback和requestAnimationFrame两个API。在 JavaScript 中,是一个用于执行回调函数的 API,该回调函数会在浏览器空闲时执行,而不会影响页面的性能和用户体验。它的作用是在浏览器的空闲时段执行任务,以确保这些任务不会阻塞主线程,从而提高页面的响应性。具体来说,如果有一些需要较长时间才能完成的计算任务,可以使用。原创 2023-11-29 14:35:59 · 1171 阅读 · 0 评论 -
JavaScript 中常见的数组方法及其使用案例
JavaScript 中常见的数组方法及其使用案例原创 2023-11-20 10:39:44 · 105 阅读 · 0 评论 -
JavaScript 进阶问题列表,巩固自己的知识。
JavaScript 进阶问题列表,巩固自己的知识。原创 2023-11-07 17:28:04 · 267 阅读 · 0 评论 -
vue-cli5.0.x优雅降级,配置项目兼容旧版浏览器
vue-cli5.0.x脚手架下的,如何降低项目版本以适用于底版本的浏览器。原创 2023-11-02 11:33:15 · 1390 阅读 · 0 评论 -
flex布局设置单个子元素靠右显示,绝对定位下宽度增加向左延升
父元素是flex布局实现单个子元素靠右显示css样式如下。原创 2023-11-01 09:37:38 · 982 阅读 · 0 评论 -
当元素宽度增加时,如何实现“向右增加”,“向左增加”,“从中间向两侧增加”
当元素宽度增加时,如何实现“向右增加”,“向左增加”,“从中间向两侧增加”。原创 2023-10-31 14:41:00 · 241 阅读 · 0 评论 -
vue阻止浏览器刷新,达到业务逻辑的实现,在Ts+vue中使用组件内路由守卫
有类似的需求,页面存在编辑框或者文本输入或者其他,当用户进入编辑状态时,如果没有点击保存就离开页面,需弹窗提示。chrome浏览器手动刷新时如果处于编辑状态也弹出相应的阻止功能出来例如下面的系统级别加载和自定义部分的弹框确认提示。原创 2023-10-22 09:40:33 · 2022 阅读 · 0 评论 -
vue项目优雅降级,es6降为es5,适应低版本浏览器渲染
vue项目优雅降级,es6降为es5,适应低版本浏览器渲染原创 2023-10-18 18:18:17 · 2560 阅读 · 2 评论 -
Request header field Authorization is not allowed by Access-Control-Allow-Headers in preflig问题解决
Request header field Authorization is not allowed by Access-Control-Allow-Headers in preflig问题解决原创 2023-10-18 18:04:39 · 2681 阅读 · 0 评论 -
如何取消input记忆功能
默认情况下,input会有这个记忆功能,如果不想让它记忆,可以在input上加上。原创 2023-10-09 15:32:28 · 564 阅读 · 0 评论 -
Flex 布局中避免子元素高度被撑高
Flex 布局中避免子元素高度被撑高。原创 2023-10-09 14:36:03 · 621 阅读 · 0 评论 -
实现div的height从0到auto的过渡效果
通过修改max-height打到高度自适应的过程。原创 2023-09-11 14:36:06 · 287 阅读 · 0 评论 -
css实现滚动条一直显示,并且实现滚动条样式的修改
css实现滚动条一直显示,并且实现滚动条样式的修改自带的滚动条只有当鼠标移上去的时候才会显示,其他时候隐藏,这样用户很难看出这个是能划动的,这就需要滚动条一直显示在页面上,并且需要按照自己一定的样式去修改。原创 2023-09-07 14:53:28 · 1807 阅读 · 0 评论 -
事件派发触发以及自定义事件派发dispatchEvent-——————派发键盘事件
dispatch意为“调度”、“派遣”,event为“事件”。所以dispatchEvent即向指定事件目标派发一个事件,并以合适的顺序触发受影响的事件目标。简单来说就是,一般的事件触发都是用户进行某些操作时才会触发,而使用dispatchEvent就可以在代码中手动触发事件了alert('okk!');} , false);//为元素绑定事件监听 var event = new Event('click');//创建一个click事件 btn . dispatchEvent(event);原创 2023-09-06 18:16:15 · 1021 阅读 · 3 评论