- 博客(72)
- 收藏
- 关注
RSS订阅原创 前端必看！12个JS神级简写技巧，代码效率直接飙升80%，告别加班！
传统函数：javascript体验AI代码助手代码解读复制代码箭头函数一行搞定：javascript体验AI代码助手代码解读复制代码语法简洁不绑定自己的this，适合事件回调、.map()等场景注意：不要在对象方法或需要动态this的地方使用（比如 DOM 事件监听器），否则this指向会出问题。技巧关键字/符号1. 短路运算&&||2. 空值合并??3. 可选链?4. 模板字符串`${}`5. 解构赋值{}[]6. 箭头函数=>7. 扩展运算符...8. 数组方法。
2025-10-10 10:05:11
599
原创 Spring Boot 实现微信登录，So Easy !
小程序登录在开发中是最常见的需求，哪怕小程序登录不是你做，你还是要了解一下流程，后续都要使用到openId和unionId，你需要知道这些是干什么的。•openId是用户在这个小程序的唯一标识，unionId是微信是你在微信开发平台的唯一标识，就是多个小程序中你的unionId都是一样的。• 前端wx.login获取临时登录code，传给后端，后端用来换取openId。• 获取手机号需要先获取token，然后再去获取手机号。
2025-10-10 10:00:12
553
原创 Flex 布局下文字省略不生效？原因其实很简单
在开发中，我们常遇到这种布局：A、B、C 三段文本长度不固定，其中 A、C 占用空间较少，需要完整显示；而 B 是自适应区域，超出部分需省略显示。A 与 B 共享同一容器，该容器与 C 同级，容器应占据除 C 之外的所有剩余空间。gap: 8px;
2025-10-10 09:46:02
388
原创 BFS 算法的 JS 魔法之旅[特殊字符]
BFS 全称Breadth-First Search（广度优先搜索），顾名思义，它是一种 "先宽后深" 的搜索方式。可以用一个生活场景类比：假设你站在一片水域的岸边，往水里扔了一块石头 —— 水波会从落点开始，逐层向外扩散，先覆盖最近的水域，再慢慢波及远处。BFS 的搜索过程就像这水波，从起点开始，先访问所有 "邻居节点"，再访问邻居的邻居，直到遍历完所有可达节点。再举个前端相关的例子：如果把 DOM 树看作一个节点网络，
2025-08-01 00:30:00
1409
原创 为什么越来越多开发者偷偷用上了 Svelte？
Svelte 是一个现代前端框架，与 React 和 Vue 不同，它是一个编译时框架，将组件代码在构建时转换为高效的原生 JavaScript，无需运行时库。Svelte 的核心理念是“Compile-time over runtime”，通过在编译阶段完成大部分工作，生成轻量、高性能的代码。Svelte 的核心特性编译时优化：组件编译为纯 JavaScript，无虚拟 DOM 开销。响应式系统：基于编译时的变量追踪，简化状态管理。轻量级：无运行时库，生成的代码体积小。简洁语法。
2025-07-31 00:30:00
1428
原创 如何优雅地实现每 5 秒轮询请求？
在做实时监控系统时，比如服务器状态面板、订单处理中心或物联网设备看板，是再常见不过的需求了。但你有没有遇到过这些问题？今天我就以一个的真实场景为例，带你从“能用”做到“好用”。
2025-07-30 00:15:00
1367
原创 JavaScript 隐藏技巧：让代码量减少一半的 5 个方法
提升代码的可读性降低维护成本加速开发效率强化架构思维通过合理应用这些特性，在不牺牲性能和可维护性的前提下，项目代码量可减少 30% 以上，开发体验与团队协作效率也将显著提升。
2025-07-29 10:04:07
264
原创 async和await异步编程实战：高并发任务处理
在 Rust 的异步运行时 Tokio 中，tokio::time::sleep 和 tokio::time::sleep_until 都用于异步地“睡眠”（延时），即让当前任务在指定时间之后再继续执行。类似于标准库中的 std::sync::OnceLock 或 once_cell::sync::OnceCell，但支持 异步初始化，即可以在异步上下文中安全地初始化一次，并在多个任务之间共享该值。它的行为类似于标准库中的 std::sync::RwLock，但支持异步等待。
2025-07-29 09:57:56
215
原创 白嫖满血版DeepSeek
春节期间，热度最高的当属DeepSeek了，嘟嘟春节期间也各种安利身边朋友使用DeepSeek，但是随着时间的发酵，大家会发现DeepSeek经常不能用，那是因为DeepSeek受到了大规模恶意攻击，IP地址都在美国。下面这个是查看DeepSeek状态的网站：可以发现，最近标红的就是故障中如果你遇到使用的时候，提示服务器繁忙，就大概率是被攻击了由于DeepSeek是开源生态，模型都提供了，所以有一种解决方案是本地部署，然后利用一些第三方软件来接入这个模型来使用。
2025-02-05 10:03:18
2886
2
原创 还在用菊花图加载？让骨架屏提升你的用户体验
骨架屏（Skeleton Screen）是在页面数据加载完成前，先呈现出页面的大致结构框架。这种加载占位图以简单的线条和色块勾勒出页面的大致轮廓，当真实内容加载完成后，再无缝替换掉占位图。想象一下，当你打开淘宝App时，页面并不是一片空白或转圈的loading，而是立即展现出类似下面这样的界面：商品图片区域显示灰色方块，标题显示几条灰色线条，这就是典型的骨架屏应用。渐进式加载：不是等所有内容都准备好才显示，而是先展示框架，再填充内容结构预知性：用户可以预先了解页面的布局结构视觉连续性。
2025-01-20 17:24:32
840
原创 用LogicFlow实现动画边-让流程图动起来
BaseEdgeModel中定义了一些核心属性，用于描述边的几何结构和样式。属性释义起始节点Id目标节点IdstartPoint起点信息，默认存储的是起始节点上连接该边锚点的坐标信息endPoint终点信息，默认存储的是目标节点上连接该边锚点的坐标信息text边文本信息，存储边上文本的内容和位置properties自定义属性，用于存储不同业务场景下的定制属性pointsList路径顶点坐标列表围绕着这些核心属性，LogicFlow设计了支撑边运转的核心方法方法用途。
2024-11-01 14:37:21
1952
2
原创 CSS打造吸睛的文本与图片无限滚动动画
通过本篇文章的详细介绍，相信能够帮助你更好地使用CSS来创建一个文本与图片无限滚动动画，从而理解掌握和应用这个效果。通过transform属性的变化实现了水平滚动效果，使得div内的内容能够在容器内水平滚动，呈现出无限循环的连接效果。丰富了网页增添加了动态和交互性。希望这篇文章对你在开发类似交互动画效果时有所帮助！如果你对这个案列还有任何问题，欢迎在评论区留言或联系(私信)我。源码我放在了GitHub，里面还有一些酷炫的效果、动画案列，喜欢的话不要忘了starred不迷路！
2024-10-31 17:18:59
1209
原创 手把手教你打造一个“蚊香”式加载
这次给大家带来的是一个类似蚊香加载一样的效果，这个效果还是非常具有视觉欣赏性的，相比前几篇文章的CSS特效，这一次的会比较震撼一点。left: 0;bottom: 0;right: 0;top: 10px;left: 10px;top: 20px;left: 20px;
2024-10-31 17:15:26
451
原创 诗意文案流光：动态文本的视觉盛宴
这段代码是一个HTML文档，它包含了一个使用p5.js库创建的动态文本流效果的网页。p5.js是一个JavaScript库，它提供了一个类似于Processing的创意编程环境，使得开发者能够更容易地使用HTML5的canvas元素来创建图形和交互式动画。
2024-10-31 17:10:52
464
原创 JavaScript中闭包会导致内存泄漏吗
闭包不会导致内存泄漏，任意对象使用不到都可能会导致内存泄漏；所以我们不用担心闭包泄漏问题了，只要我们不瞎操作他就不会存在这个问题。
2024-10-31 17:06:04
439
原创 仿拼多多领红包、金额数字滚动如何实现？
本文介绍了类似拼多多的金额数字滚动如何实现，其中有三个关键点，分别是重置数字数组、计算移动距离和开启关闭动画。
2024-10-31 17:00:29
1045
原创 写个爬虫，爬取 Boss 直聘上的岗位
当我们在寻找工作机会时，经常会利用 Boss 直聘、拉钩等招聘平台投递简历。我们会根据职位描述来筛选出与自己技能和经验相匹配的岗位投简历。这些职位描述不仅仅是求职的指南，它们还能指导我们如何优化自己的简历，甚至可以成为我们日常学习和技能提升的方向。通过仔细分析职位描述中的关键词和要求，我们可以更清晰地了解自己需要在哪些方面进行提升，以便在未来的求职过程中更具竞争力。今天我们试着抓取下boss上深圳python相关的岗位。此次我们选择。
2024-10-29 20:18:51
1360
原创 CSS实现照妖镜效果
注意 我这边只是做一个示列，所以只做了移动的效果，比如到盒子边线的处理啊；还有移入移除等处理我都是没有做的，如果大家有兴趣的话。可以尝试做一做这些功能。分析 本来是打算按照以上示列进行该功能的，后来发现图片背景不能遮罩；最后用到了CSS的定位功能进行遮罩；然后通过背景透明进行显示。放置一个小姐姐为背景，然后通过探照的方式将小姐姐的图片放出来。具体文档，大家可以根据自己的需要去官方查看。我们先看看以下的文字效果（静态）今天的内容到这里就结束了。
2024-10-29 19:58:03
347
原创 js实现大数字求和
通过字符串处理大数字的加法，不仅可以避免溢出问题，还能直观地模拟数学运算的过程。上述函数有效地实现了这一逻辑，适用于任何长度的数字输入。在实际应用中，这种方法在金融计算、科学计算等领域尤其重要。
2024-10-29 19:48:53
530
原创 前端 SEO 优化：全面提升网站可见度的策略指南
另一个更直接有效的方案就是当甲方爸爸投放广告，这个方法短期内能迅速获取更多的流量，然而合理的广告投放确实能为网站带来更多的曝光，但想提升自然排名，还是要投入在内容质量、用户体验、技术优化等方面，长期坚持，才能获得更可靠和稳定的效果。
2024-10-29 19:44:05
1987
原创 用js手撸了一个zip saver
文件部分文件部分包含了所有的文件内容，每个文件都有一个文件头，文件头包含了文件的元信息，比如文件名、文件大小、文件的压缩方式等等。中央目录部分中央目录部分包含了所有文件的元信息，比如文件名、文件大小、文件的压缩方式等等。目录结束标识 - 目录结束标识标识了中央目录部分的结束。包含了中央目录的开始位置、中央目录的大小等信息。对于每一个文件，他在 zip 中包含三部分本地文件头（ Local File Header）--文件内容数据描述符（ Data descriptor）--
2024-10-29 19:40:14
1017
原创 JS 手撸高德地图导航
由于实时导航功能需要复杂的逻辑和很高的性能要求，再加上PC端没有导航的需求，或者根本就没有GPS模块。高德并没有像移动端SDK那样直接提供 web 端的实时导航 API。但是前端开发中不可避免的需要用到导航相关的功能，然而我们目前只有一个可怜的路线规划功能。其实想要实现web端实时导航也不是一件不可能的事儿，接下来我将使用高德 路线规划+浏览器高精度定位 实现一个基本可用的导航逻辑。bash代码解读复制代码。
2024-10-23 16:05:54
1400
原创 canvas库 konva 实现腾讯文档 [日历视图]
接下来是循环渲染分割块任务，需要确定任务块的起始坐标和宽度。通过去日历渲染 layer 层查找 range 的起点时间为 id 去 找到对应的 group 就能拿到在画布中的起始坐标 ，宽度很好计算，只需要知道每天占用的宽度 * range 的结束时间 - 开始时间的天数。任务进度的渲染使用的 konva.rect, 那么一个 rect 只能表示某一周中的时间范围。但是仅仅如此的话 多个任务相交的时间点任务显示会被重叠 所以还要处理任务的 y轴 位置。下面的代码中有好几处调用了这个函数 我来解释下。
2024-10-23 15:58:21
1168
原创 CSS选择器之打造动态图片跑马灯效果
通过本章的学习，你应该能够熟练掌握CSS的基本语法，并能够运用到实际的网页设计中。接下来，我们将进一步探讨更多高级的CSS技巧，帮助你在网页设计方面更上一层楼。通过本章的学习，你将能够掌握CSS的基本语法，并能够运用这些知识来美化你的网页。继续探索更多的CSS技巧，不断丰富你的技能库。作者：TechLearn链接：https://juejin.cn/post/7427044452018044963来源：稀土掘金著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
2024-10-23 15:50:41
645
原创 做三维开发这么久，竟然还不知道这些宝藏网站？
在我的技术交流群里，经常会有不少刚接触三维开发的小伙伴发出疑问：大家三维开发都是怎么学的？大家的三维模型都是在哪里下载的？你们的GIS数据都是从哪里获取到的？数据格式在哪转换？ThreejsCesium有没有什么比较好的入门教程？应该从哪里开始学啊？以上问题出现的频率非常高，确实，如果你刚踏入一个全新的领域，很容易一头雾水，不知该从哪下手。这时候，如果有人能够给你指出一条明路，把涉及到的学习路线学习资源学习重点都给你一五一十的全盘托出，是不是会让我们少走很多弯路呢。
2024-10-23 15:46:41
1292
原创 Promise 了解多少？
Promise 是异步编程的一种解决方案，比传统的解决方案 —— 回调函数和事件 —— 更合理和更强大。它由社区最早提出和实现， ES6 将其写进了语言标准，统一了用法，原生提供了Promise对象。Promise对象有以下两个特点。Promise对象代表一个异步操作，。只有异步操作的结果，可以决定当前是哪一种状态，任何其他操作都无法改变这个状态。这也是Promise这个名字的由来，它的英语意思就是 “ 承诺 ” ，表示其他手段无法改变。Promise对象的状态改变，。
2024-10-22 15:30:00
832
原创 什么是BFC
BFC （block formatting context） 及块级格式化上下文，从样式上看，具有 BFC 的元素与普通的容器没有什么区别，从功能上看，BFC相当于构建了一个密闭的盒子模型，在BFC中的元素不受外部元素的影响；：BFC就是将盒子中子元素的属性锁在父元素中，例如margin,float 使其不影响盒子外的元素。
2024-10-22 11:22:52
666
原创 JS 中继承方式有哪些？
/原因是子类原型对象的constructor 被赋值为了父类原型对象的 constructor,所以我们使用constructor的时候，肯定是指向父类的。Child2.prototype是Child2构造函数的一个属性，这个时候prototype被赋值了parent2的一个实例，实例化了新的对象Child2()的时候，父类的this指向到了子类上面去，改变了实例化的this 指向，导致了父类执行的属性和方法，都会挂在到 子类实例上去；**缺点:**父类的构造函数执行了2次，这是没有必要的，
2024-10-22 11:13:03
625
原创 let 和 const 与 var 的区别；什么是同源策略？简述 HTTP 请求的过程
同源策略限制了一个页面中的脚本只能与同源页面的脚本进行交互，而不能与不同源页面的脚本进行交互。请求包括请求方法（GET、POST、PUT、DELETE等）、请求头（包含一些元数据，如 Accept、Content-Type、Authorization 等）、请求体（POST 和 PUT 请求会带上数据）等。当我们在浏览器中输入 URL，点击链接或提交表单时，浏览器会发送 HTTP 请求，并等待服务器的响应。需要注意的是，HTTP 是一种无状态协议，即每次请求都是独立的，服务器不会保留任何关于请求的信息。
2024-10-22 11:11:41
581
原创 Vue3加载Element-plus
需要安装unplugin-vue-components和unplugin-auto-import;直接用上面代码覆盖vue.config.js里面的代码。然后修改vue.config.js配置文件。安装Elemnt-Plus。完整引用（文件会特别大）就可以在页面直接使用了。
2024-06-09 00:15:00
246
原创 Vue3新特性2
通过在生命周期钩子前面加on来访问组件的生命周期钩子。不需要再<template>里面套一层<div>（1）在setup中使用生命周期函数。（3）Fragment(碎片）不再限于模板中的单个根节点。只能父传子不能反向传递。
2024-06-07 00:45:00
235
原创 Vue3加载Elemnt-plus的字体图标
在项目根目录下，创建plugins文件夹，在文件夹下创建icons.js文件。在main.js中引入icons.js文件。安装icons字体图标。直接在组件中引入使用。
2024-06-06 00:30:00
285
原创 typescript进阶
创建多个名称一样，但是参数类型和反应值不同的函数，达到编写一个函数实现多种功能的目的。_password为私有值，password为存储器。-受保护属性：protected。实现将接口的功能进行更好的复用。-属性默认值：public。-私有属性:private。-静态成员:static。7.泛型类（用<T>）
2024-06-05 10:46:00
214
原创 AJAX基础
而 AJAX 技术通过在后台发送异步 HTTP 请求并接收响应，使得用户能够在不刷新整个页面的情况下获取更新后的数据。因此，AJAX 技术可以减少网络带宽的占用，并提高用户交互的效率和流畅度，使得 Web 应用程序更加灵活和可靠。许多流行的 JavaScript 框架，如 jQuery、AngularJS 和 React 等，都提供了丰富的 AJAX 功能，方便开发者使用。客户端通过 JavaScript 发送 AJAX 请求，可以是 GET 或 POST 方式，也可以发送 JSON 或其它格式的数据。
2024-06-05 10:45:29
754
原创 Vue状态管理（Vuex）
Vuex:一个专为Vue.js应用程序开发的状态管理模式+库。简单理解为更方便的管理组件之间的数据交互，提供了一个集中式的管理方案，任何组件都可以按照指定的方式进行读取和改变数据。在src文件下创建store文件夹创建index.js在里面添加内容，第一步：安装VueX:npm install -save vuex。第三步：在main.js中引入vuex。解决平级和跨级组件的数据交互的问题。定义：组件与组件之间的数据管理。第二种直接读counter的值。第二步：配置Vuex文件。第四步：在组件中读取状态。
2024-06-05 03:45:00
178
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人