- 博客(144)
- 问答 (1)
- 收藏
- 关注
RSS订阅
原创 【安全策略】前端 JS 安全对抗&浏览器调试方法
如今这个时代，数据已经变得越来越重要，网页和APP是主流的数据载体。而如果获取数据的接口没有设置任何的保护措施，那么数据的安全性将面临极大的威胁。不仅可能造成数据的轻易窃取和篡改，还可能导致一些重要功能的接口被恶意调用，引发DDoS、条件竞争等攻击效果。这是我们绝对不能忽视的问题！😱 数据泄露风险：未经保护的数据接口很容易遭到黑客的攻击，从而导致数据泄露。一旦敏感信息落入错误的手中，后果将不堪设想。为了避免这种情况发生，我们需要采取一系列的安全措施，确保数据在传输和存储过程中始终得到有效的保护。
2024-01-15 10:37:01
1980
原创 【Javascript】 小白必备！手把手教你实现代码节流&防抖✨
当一个事件被触发后，在一定时间间隔内，不管事件再次触发多少次，都只会执行一次函数。代码节流和防抖是前端开发中常用的技巧，可以提高页面性能和用户体验。接下来，我将以“手把手”的方式为你详细介绍如何实现代码节流和防抖。（Debouncing）与节流相似，但是它允许事件在一定时间间隔内的连续触发，只是等待一段时间后才执行函数。使用防抖函数将会在规定的延迟时间内，只执行最后一次触发的函数回调。✨ 首先，我们来了解一下什么是代码节流和防抖。🔧 接下来，我们开始实现代码节流和防抖。1️⃣ 首先实现函数节流的工具函数。
2023-12-25 11:02:20
1322
2
原创 【vue】仿PC端微信制作聊天框
采用(vue+vue-router+vuex+es6+stylus) 来实现一个仿PC端微信的小demo，可以使用一个智能api，实现智能对话。欢迎大家对鄙人提出宝贵意见，相互学习讨论，一起进步。demo地址源码地址实现页面的核心组件分别是搜索框，左侧聊天列表，消息对话框，还有输入框虽说在这里使用vuex有点大材小用，但是面对各组件之间状态传递，多层嵌套的组件传参，毅然决然决定使用vuex进行数据管理，把所有事件和状态存储在store对象中，在组件中通过计算属性获得事件，因此就有了实时性。聊天消息列表在
2022-06-17 13:05:36
9985
12
原创 假如你让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关注的人