- 博客(144)
- 问答 (1)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 【安全策略】前端 JS 安全对抗&浏览器调试方法
如今这个时代,数据已经变得越来越重要,网页和APP是主流的数据载体。而如果获取数据的接口没有设置任何的保护措施,那么数据的安全性将面临极大的威胁。不仅可能造成数据的轻易窃取和篡改,还可能导致一些重要功能的接口被恶意调用,引发DDoS、条件竞争等攻击效果。这是我们绝对不能忽视的问题!😱 数据泄露风险:未经保护的数据接口很容易遭到黑客的攻击,从而导致数据泄露。一旦敏感信息落入错误的手中,后果将不堪设想。为了避免这种情况发生,我们需要采取一系列的安全措施,确保数据在传输和存储过程中始终得到有效的保护。
2024-01-15 10:37:01
1980
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 【Javascript】 小白必备!手把手教你实现代码节流&防抖✨
当一个事件被触发后,在一定时间间隔内,不管事件再次触发多少次,都只会执行一次函数。代码节流和防抖是前端开发中常用的技巧,可以提高页面性能和用户体验。接下来,我将以“手把手”的方式为你详细介绍如何实现代码节流和防抖。(Debouncing)与节流相似,但是它允许事件在一定时间间隔内的连续触发,只是等待一段时间后才执行函数。使用防抖函数将会在规定的延迟时间内,只执行最后一次触发的函数回调。✨ 首先,我们来了解一下什么是代码节流和防抖。🔧 接下来,我们开始实现代码节流和防抖。1️⃣ 首先实现函数节流的工具函数。
2023-12-25 11:02:20
1322
2
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 【vue】仿PC端微信制作聊天框
采用(vue+vue-router+vuex+es6+stylus) 来实现一个仿PC端微信的小demo,可以使用一个智能api,实现智能对话。欢迎大家对鄙人提出宝贵意见,相互学习讨论,一起进步。demo地址源码地址实现页面的核心组件分别是搜索框,左侧聊天列表,消息对话框,还有输入框虽说在这里使用vuex有点大材小用,但是面对各组件之间状态传递,多层嵌套的组件传参,毅然决然决定使用vuex进行数据管理,把所有事件和状态存储在store对象中,在组件中通过计算属性获得事件,因此就有了实时性。聊天消息列表在
2022-06-17 13:05:36
9985
12
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 假如你让5k的程序员开发app
-----------------------------------------------------------------------------------------开发一个APP有多难?只能说比较难,也比较耗费成本,问题太抽象我没法量化的回答有多么难,说下大致成本,你转换成难度系数。一个APP最简单的也是几千起步,这种几千的就是大学生的那种比较简单的毕业设计。一般是单端(就是说只要安卓或者只要苹果)不包含后台(就是不用云端数据交互,所有的数据都在本地手机本身交互保存),正规的商业APP一般是5
2021-02-23 16:28:16
319
原创 【js面试题】js原型,原型链?有什么特点
原型和原型链是 JavaScript 中实现对象继承和属性共享的核心机制。通过原型链,对象可以继承其构造函数的原型对象上的属性和方法。理解原型链对于编写高效且可维护的 JavaScript 代码至关重要。在实际开发中,合理利用原型和原型链可以优化内存使用,实现复杂的继承结构,并且有助于深入理解 JavaScript 的对象模型。
2024-08-16 21:51:12
614
原创 【js面试题】typeof与instanceof的区别
typeof和instanceof是 JavaScript 中用于检测数据类型和对象类型的两个操作符,它们各自有不同的特性和应用场景。
2024-08-16 21:22:29
379
原创 【css】使用CSS绘制奥运五环--巴黎奥运
在2024年巴黎奥运会期间,本文来使用 CSS 来画一个奥运五环。奥运五环由五个相互交叠的圆环组成,分别代表五大洲。奥运五环是相互连接的,因此在视觉上会产生重叠效果,这也是实现五环最有挑战性的部分。
2024-08-05 17:30:48
559
原创 【Vue】组件设计与状态管理优化
在前端开发中,良好的代码组织和设计是提高代码可维护性和可重用性的关键。通过遵循单一职责原则、合理使用状态管理、减少全局变量的使用,并保持一致的代码风格,可以有效避免高耦合、低内聚和多数据源等问题,从而提升项目的整体质量。
2024-08-05 16:39:15
548
原创 【css】 CSS3+JS做一个酷炫的仪表进度条&3d进度条
在现代网页设计中,进度环是一种常见的视觉元素,用于展示任务的完成度或加载状态。本文将介绍如何使用Vue.js和Less创建一个动态进度环组件,该组件不仅具有美观的视觉效果,还能够根据用户输入动态改变颜色。已经支持动态配置-----
2024-08-05 10:53:32
1193
原创 【css】3d柱状图-vue组件版
在现代网页设计中,圆柱形进度条是一种非常流行的视觉元素,用于展示数据的进度或状态。本文将介绍如何使用Vue.js和LESS创建一个响应式的圆柱形进度条组件。
2024-08-02 16:42:53
380
原创 【面试】前端开发中的“八股文”:助力还是阻力?
它通常指的是那些面试中频繁出现的、有固定答案的问题,涉及计算机科学的基础知识、编程语言的特性、以及一些常见的设计模式和算法。然而,“八股文”也存在明显的弊端。特别是在前端开发领域,技术日新月异,仅仅依靠背诵“八股文”中的答案,是无法跟上技术发展的步伐的。例如,对于一个新出现的框架或工具,如果面试者只是停留在理论层面,而没有实际的项目经验,那么在实际工作中遇到问题时,就可能束手无策。通过这样的内容,不仅能够为读者提供有价值的信息,也能够提高文章的原创性和质量分,从而在CSDN博客中获得更好的展示。
2024-07-31 13:22:19
491
原创 【git】git常用命令&提交规范
Git 是程序员工作中不可或缺的版本控制工具,以下是一些优化后的常用 Git 命令列表,旨在帮助你更高效地使用 Git 进行版本控制。
2024-07-30 11:48:39
599
原创 【分享】前端程序员-技术网站推荐
对于前端开发人员来说,以下是一些推荐的技术网站,这些网站提供了丰富的资源和知识,可以帮助你提升前端开发技能:收集一些 、、 的网站 vite 官方中文文档 element-plus 官方中文文档 pinia 官方中文文档 vue-router 官方中文文档 Tailwind CSS 官方文档 vitest 官方中文文档 es6 中文文档 axios 官方中文文档 vxetable 官方中文文档 lodash 中文文档 echarts 官方中文文档 animat
2024-07-30 10:27:19
1090
原创 【分享】破坏风时钟动画
今天分享一个很有趣的动画:破坏风时钟动画完整源码:源码地址:https://code.juejin.cn/pen/7355385801644965938结语感谢您的阅读~
2024-07-29 13:31:26
415
原创 【uniapp】adb安卓wifi无线调试--记录
本文详细介绍了两种使用ADB(Android Debug Bridge)工具进行Android设备调试的方法,旨在帮助开发者高效地进行应用测试和问题诊断。文章强调了在进行调试前的准备工作,包括安装ADB工具、开启设备的USB调试模式,并提供了详细的步骤指导和注意事项,确保开发者能够顺利地完成调试过程。通过这两种方法,开发者可以更加便捷地进行Android应用的开发和测试,提高开发效率。关键词:ADB调试,Android设备,无线调试,USB调试,Android开发
2024-07-29 10:08:43
631
原创 【网络安全】构建稳固与安全的网络环境:从“微软蓝屏”事件中汲取的教训
微软蓝屏”事件不仅是一次技术故障,更是一次对全球IT基础设施韧性和安全性的深刻检验。通过这次事件,我们应深刻反思并采取行动,共同构建一个更加稳固和安全的网络环境。只有这样,我们才能确保数字技术真正为世界人民带来福祉,而不是成为威胁。
2024-07-24 10:38:05
576
1
原创 【css3动画】分享几组手写Loading...加载中...样式
在网页开发中,加载动画是提升用户体验的重要元素之一。本文将分享三种不同的Loading…加载中…样式,每种样式都具有独特的视觉效果和动画表现。你可以根据自己的项目需求选择合适的样式,或者将它们作为灵感来创建自己的加载动画。
2024-07-24 10:22:02
610
1
原创 【面试】如果一个NPM包部分功能不满足需求,怎么办
在处理第三方npm包不满足特定需求时,有几种推荐的处理方法。直接修改中的代码虽然可行,但不推荐,因为这些改动在执行或更新包时会丢失。
2024-07-24 10:00:51
800
原创 【前端自动化】使用 JavaScript 模拟点击事件实现 x, y 坐标点击
x 和 y 坐标代表页面上的一个点的位置,其中 x 代表水平方向,y 代表垂直方向。通过这两个数值,我们可以准确地定位到页面上的某个点,并在这个点上模拟一次点击,就像用户用鼠标点击一样。
2024-07-17 11:37:40
351
原创 【js面试题】深入理解浏览器对象模型(BOM)
面试题:请你说说对bom的理解,常见的bom对象你了解哪些引言:浏览器对象模型(BOM)是JavaScript中用于与浏览器窗口及其内容进行交互的一组对象和方法。BOM的核心是window对象,它代表了浏览器窗口本身,并且是全局对象。通过window对象,我们可以访问其他BOM对象,如locationnavigatorscreen和history。这些对象提供了丰富的接口,用于获取浏览器信息、控制浏览器窗口、导航历史记录等。本文将详细介绍这些BOM对象的概念、来源和代码示例。
2024-07-11 21:34:43
991
原创 【ES6面试题】深入探讨`var`、`let`和`const`关键字的特性
面试题:说说var、let、const之间的区别当然,让我们更深入地探讨varlet和const关键字的特性,特别是关于变量声明和作用域的细节。
2024-07-09 21:31:30
442
原创 【js面试题】深入理解DOM操作:创建、查询、更新、添加和删除节点
掌握DOM操作是前端开发的基础技能之一。通过创建、查询、更新、添加和删除节点,我们可以灵活地控制页面内容和结构。在实际开发中,合理运用这些操作可以极大地提升用户体验和页面的交互性。希望本文的介绍和示例能够帮助你更好地理解和运用DOM操作。
2024-07-09 21:26:09
684
原创 【js面试题】js的数据结构
面试题:说说你了解的js数据结构JavaScript中的数据结构是编程的基础,它们帮助我们以高效的方式存储和操作数据。下面将详细介绍这些数据结构的来源、概念和应用场景。
2024-07-08 20:58:33
718
原创 【js面试题】深入理解尾递归及其在JavaScript中的应用
在尾递归中,递归调用是函数体中的最后一个操作,因此不需要额外的栈空间来保存中间状态。如果编译器或解释器支持尾调用优化(Tail Call Optimization, TCO),那么尾递归调用可以被优化,使得每次递归调用都重用当前的栈帧,而不是创建新的栈帧。尽管JavaScript对尾递归优化的支持有限,但通过理解尾递归的概念和工作原理,我们可以编写出更加高效和健壮的代码。在尾递归中,函数的参数包含了所有需要的信息来完成计算,因此不需要额外的栈帧。是一种特殊的递归形式,它能够优化递归调用,
2024-07-08 19:57:42
649
原创 o.upload.addEventListener is not a function
在 node_modules/mockjs/dist/mock.js 第8308行 和 node_modules/mockjs/src/xhr/xhr.js 第216行。这样是可以解决,不过这不是根本方法,我们的项目上测试和线上是自动打包上传的,所以不会把这两句代码打包进去,所以用了第二种方法。二、原因是vue-cli中的mockjs模块把XMLHttpRequest覆盖拦截了,会导致对象属性访问不到。在本地的开发环境是可以正常上传的,但是到测试环境,上传就报了这么一个错。
2024-06-17 10:45:26
314
原创 【TypeScript】不想用是因为你不知道这些好处
最近,团队在开发组件库时,部分成员对使用TypeScript抱怨频繁,表示“TypeScript太麻烦了,我们不想用!”于是我进行了代码审查,发现了许多重复的类型定义,导致代码复用性下降。进一步交流后发现,很多人并不清楚如何在TypeScript中正确地复用类型。当团队成员尝试复用已有类型时,他们往往只是简单地为其新增属性,却忽略了更高效的复用方式。a: string;b: string;c: string;a: string;b: string;e: string;a: string;
2024-04-19 09:14:03
639
原创 【JavaScript】这样用js模拟敲击左右箭头键⬅️➡️,简单易懂!
值得注意的是,在进行模拟键盘输入时可能会受到浏览器的限制,在一些特定的场景下无法正常使用。例如在跨域环境中,或者非用户交互触发的情况下可能会被浏览器限制,这时你可以考虑使用外部库,比如Robotjs,或者使用操作系统级别的自动化工具(比如AutoHotkey、AutoIt等),这样可以避免这些限制。因此,在Node.js项目中模拟键盘输入时,你需要安装并调用第三方库Robotjs,才能正常实现模拟键盘输入相关的功能。在前端开发中,模拟键盘按键是一项非常实用的技能,尤其是当你需要在页面上实现一些交互操作时。
2024-04-19 08:49:22
524
原创 【JavaScript】实现下--刘谦春晚魔术:约瑟夫环的数学魅力!
约瑟夫环问题源自古罗马,由历史学家约瑟夫斯提出,而它的数学模型则在19世纪被命名。这个问题的设定如下:n个人围成一圈,从第一人开始报数,每报到第k个人,该人就会被淘汰。游戏继续进行,直到最后只剩下一个人。我们的目标是找出这个幸存者的编号。让我们使用扑克牌来解读约瑟夫环问题,揭示其中的奥秘。
2024-02-19 14:02:34
763
2
原创 【Vue3】打造Input幽灵建议!
前几天在看一个网站的时候,发现它的对话框很有意思,当你输入一段文字时,然后按 Tab 键,它会自动给你文字建议,就比如下面的例子,你输入 “你”,绑定 Input 的 Tab 键盘事件,记得阻止默认行为,因为按 Tab 键会导致 Input 失焦~按 Tab 键,就会自动提示你 “你好” 的建议。
2024-01-15 10:41:49
530
原创 【面试】 前端竞争压力大?揭秘让你们学后端的真实动机!
前端开发属于程序员吗?网友是这样回答的:看完前端同学的评论,我悟了,你们让人都去学后端卷,然后减小前端竞争压力是吧?哈哈哈,你们这帮老6……那些觉得的同学们想必已经熟练掌握了以下内容吧?
2024-01-08 13:57:02
1168
原创 【css】 打破平凡!22个酷炫CSS技巧,让你的网站在激烈竞争中脱颖而出✨
想要让你的网站在激烈的竞争中脱颖而出吗?使用CSS的强大功能可以帮助你实现这一目标。本文将分享22个实用的CSS技巧,帮助你提升网站的外观和用户体验。无论你是一个新手还是有经验的开发者,这些技巧都将为你的网站注入新鲜的设计元素和动感效果。💡 自定义字体:通过使用@font-face规则,你可以在网站中应用自定义字体,增加独特性和品牌识别度。选择适合你网站风格的字体,并确保它们能够正确加载和显示。🎨 渐变背景色:使用CSS渐变背景色可以为你的网站添加华丽的外观。
2023-12-28 13:47:21
599
原创 【JavaScript】 细说JS数据处理方法,让你的数据表现出色如画
这四个方法提供了更高层次的抽象,使代码更简洁和可读,并提高对数组的操作效率。返回指定字符或子字符串在原字符串中从startIndex开始最后一次出现的位置的索引。返回指定字符或子字符串在原字符串中从startIndex开始第一次出现的位置的索引。findIndex(callback): 返回数组中满足条件的第一个元素的索引。数字范围限制:使用 Math.max()和 Math.min()方法限制数字的范围。数字比较:使用比较运算符(如 、=、==、。
2023-12-28 08:49:37
810
原创 【echarts大屏】横向柱状图翻页轮询,让数据动起来!
想要打造震撼人心的数据可视化大屏?那么不妨尝试一下【echarts大屏】横向柱状图翻页轮询效果!通过这种方式,可以让你的数据图表生动起来,吸引用户的注意力。✨ 接下来,我将为你介绍如何实现【echarts大屏】横向柱状图翻页轮询的效果。1️⃣ 准备工作:首先,你需要引入ECharts库,并创建一个容器元素,用于展示图表。2️⃣ 数据准备:根据你的需求,准备好要展示的数据。可以是实时的数据、动态变化的数据等。3️⃣ 配置图表:使用ECharts提供的API,配置横向柱状图的样式、坐标轴等,以及
2023-12-25 11:34:39
1160
原创 【多样注释】刚入职就崩溃!这段神秘注释让人无法忍受
最近写码写的头晕脑涨,同事听完后给我发来几张神图,我看完当场笑尿🤣,分享一下,权当博君一笑了。代码注释图案传送门
2023-11-14 17:12:19
167
原创 【多样注释】佛祖保佑你的代码无BUG
代码佛祖图案&前段时间在写Android项目代码,结构上比较乱,当然BUG很多也是自然的。有趣的是我在代码里发现了几段有意思的注释,我当时是觉得挺好玩,贴出来大家也乐一乐顺便水一篇文章。我一个朋友调侃到“佛祖表示:这个真特么难”。
2023-11-14 13:49:45
709
原创 【vue】0到1的常规vue3项目起步
路由设计原则:找页面的切换方式,如果是整体切换,则为一级路由,如果是在一级路由的内部进行的内容切换,则为二级路由。这里自动导入需要深入到elementPlus的组件中,按照官方的配置文档来。基于vite的项目默认不支持css预处理器,需要开发者单独安装。配置别名路径可以在写代码时联想提示路径。
2023-11-13 13:19:41
253
原创 【uniapp】解决在H5谷歌浏览器下 u-input 标签 设置只读后,click事件不生效
导致外层的view上写的点击事件不再生效。后,u–input就不再拦截鼠标事件,外层的view上的点击事件就能够正常生效了。使u–input里写上readonly&disabled为true之后,在外层的view上写的点击事件生效。的作用是让元素实体 “虚化”,我们可以看到这个标签,但只是一个虚幻的影子而已,类似于海市蜃楼。:由于兼容性差异,nvue下需使用u–input,非nvue下需使用u-input。但是更换浏览器后就可以,打包app也是正常可以触发的,本来是没打算。的u-input元素会。
2023-11-07 15:44:44
9276
原创 【JavaScript】前端一定要看的 Promise 用法详细解析
Promise是ES6之后新增的一个重要知识点(也可以说是最重要的知识点之一),是每个前端开发都必须要掌握的知识点。但是对于Promise的学习来说,很多同学会觉得有点迷茫,刚开始不知所云、困难重重。接下来需要详细学习Promise的各种用法(事无巨细),并且我还会通过手写Promise让大家了解它的底层原理。第一,我们需要自己来设计回调函数、回调函数的名称、回调函数的使用等;
2023-11-02 14:33:10
225
原创 【心得】来聊聊令人头疼的前端内存泄漏~
内存泄漏可以被视为你家中的水泄漏;虽然一开始小滴水可能看起来不是什么大问题,但随着时间的推移,它们可能会造成严重的损害。同样,在JavaScript中,当不再需要的对象没有从内存中释放时,就会发生内存泄漏。随着时间的推移,这种累积的内存使用可以减慢甚至崩溃你的应用程序。
2023-10-23 10:42:57
219
echarts大屏+地图模块json数据+中华人民共和国svg
2022-09-01
uni项目easycom引入npm下的vanweapp失败?
2022-05-13
TA创建的收藏夹 TA关注的收藏夹
TA关注的人