前端
关注
分享
扫一扫
文章平均质量分 80
我码玄黄
分享最新的技术解析、技术难题攻克经验、具体技术实现过程以及推荐一些有趣的技术内容
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
Popper.js实现高效弹出内容管理
Popper.js是轻量级JS库，用于创建工具提示、下拉菜单等弹出内容。文章介绍通过CDN和npm安装，并提供实例代码展示如何创建不同类型的弹出框，官网为floating-ui.com。原创 2025-01-20 20:15:47 · 1200 阅读 · 0 评论 -
Timesheet.js - 轻松打造炫酷时间表
Timesheet.js是一个非常实用的JavaScript时间表库，它以简洁的代码和强大的功能为开发者提供了一个创建时间表的便捷工具。原创 2025-01-19 08:58:10 · 1009 阅读 · 0 评论 -
Mousetrap：打造高效键盘快捷键体验的JavaScript库
Mousetrap：打造高效键盘快捷键体验的JavaScript库原创 2025-01-18 10:18:55 · 1140 阅读 · 0 评论 -
Gridstack.js：打造响应式仪表盘的利器
Gridstack.js是纯TypeScript库，支持移动端，可拖拽调整大小，跨网格交互，嵌套网格。提供基础及高级使用示例，是构建响应式仪表盘的强大工具。原创 2025-01-16 10:56:33 · 1684 阅读 · 0 评论 -
fullPage.js：打造沉浸式网页体验的利器
fullPage.js是款开源JavaScript库，可轻松创建全屏滚动网页，支持垂直/水平滚动，兼容性好，提供丰富配置选项。支持懒加载，可用于企业官网、产品展示等，是构建沉浸式网页体验的利器。原创 2025-01-15 15:08:07 · 940 阅读 · 0 评论 -
Popmotion：让动画变得简单而强大
Popmotion是强大的JavaScript动画库，提供关键帧、弹簧、惯性等多种动画及精细控制选项。通过其API和工具，开发者可轻松创建流畅、自然的动画效果，适用于Web项目、游戏开发、数据可视化等场景。原创 2025-01-14 09:50:14 · 453 阅读 · 0 评论 -
探索 Anime.js：强大的 JavaScript 动画库
`Anime.js` 作为一款轻量级的 `JavaScript` 动画库，以其简单而强大的功能，为开发者提供了丰富的动画创作可能性。原创 2025-01-13 10:16:04 · 697 阅读 · 0 评论 -
我不允许自己还不了解AI流式数据的传输原理
实现AI流式数据接口，采用Server-SentEvents模式，PHP后端Laravel框架发送《唐诗三百首》内容，JS前端接收并展示，注意SSE消息格式和header头参数。原创 2024-12-25 09:30:07 · 1590 阅读 · 0 评论 -
正则表达式优化之实际应用场景优化
正则表达式优化需根据数据特征调整、分阶段匹配、使用缓存、避免全局匹配，以提升匹配效率和准确性，减少资源消耗，特别是在处理大规模文本数据时效果显著。原创 2024-12-23 09:24:03 · 626 阅读 · 0 评论 -
正则表达式优化之算法和效率优化
正则表达式优化包括使用锚点、预查断言、编译正则和非捕获组。这些技巧能提升匹配效率，减少资源消耗，适用于不同应用场景，特别是在处理大规模文本数据时效果显著。原创 2024-12-22 14:52:16 · 1398 阅读 · 0 评论 -
正则表达式优化之结构优化
正则表达式优化需避免贪婪匹配、简化字符类、合并重复部分、避免嵌套量词，以提升匹配准确性和性能，减少资源消耗，特别是在处理大规模文本数据时效果显著。原创 2024-12-21 08:39:29 · 492 阅读 · 0 评论 -
Motion：让动画更简单、更轻量、更强大
Motion，它专为 JavaScript 和 React 设计，不仅完全免费和开源，而且体积小巧、性能卓越。原创 2024-12-20 09:19:47 · 1465 阅读 · 0 评论 -
在Cesium中加载OD线
本文介绍了在 Cesium 中实现 OD 线（Origin-Destination Line）的两种方法：动态OD线和三维OD线。原创 2024-12-19 09:45:56 · 248 阅读 · 0 评论 -
在THREEJS中加载3dtile模型
3DTiles规范用于管理大规模三维数据，通过3d-tiles-renderer库在three.js中渲染，需安装依赖、创建场景、渲染循环，接入3DTiles并更新，实现动态渲染和交互。原创 2024-12-18 09:53:38 · 892 阅读 · 0 评论 -
Vue响应式的作用及实现
Vue响应式系统通过拦截对象属性操作实现数据更新，Vue2用Object.defineProperty，Vue3用Proxy。副作用函数随数据变化重执行，提供注册机制增强灵活性和通用性。原创 2024-12-17 09:37:27 · 318 阅读 · 0 评论 -
JS设计模式之中介者模式
中介者模式通过中介者对象协调对象间交互，降低耦合度，集中控制逻辑，但可能复杂且不易扩展，适用于需减少对象直接交互的场景。原创 2024-12-16 09:27:35 · 636 阅读 · 0 评论 -
JS设计模式之迭代器模式
迭代器模式提供顺序访问集合元素的方法，分离遍历逻辑与集合表示，支持多种遍历方式，适用于复杂数据结构、数据流处理、GUI、数据库查询等场景，增加系统复杂性及性能开销。原创 2024-12-15 09:52:26 · 1060 阅读 · 0 评论 -
JS设计模式之访问者模式
访问者模式允许不改变对象结构定义新操作，由访问者、元素等部分组成，适用于对象结构稳定而操作多变的场景，提高代码可扩展性和可维护性。原创 2024-12-14 13:39:24 · 1143 阅读 · 0 评论 -
优化移动端H5：常见问题与解决方案
移动端H5开发常遇问题：iOS滑动不流畅、页面缩放、软键盘归位、点击穿透、兼容性、性能优化、iOS长按选中、上下拉空白、日期转换NAN。提供相应CSS、JavaScript解决方案。原创 2024-12-10 15:18:29 · 1325 阅读 · 0 评论 -
vue-cli老项目继续优化：json压缩神器 compress-json
通过压缩JSON格式脚本，显著减小构建产物大小，但本地打包时间缩短不明显。将压缩库集成到Jenkins打包脚本中，打包时间减少到7min。未来考虑构建分包和缓存等优化方案。原创 2024-10-03 23:39:00 · 1255 阅读 · 0 评论 -
vue2老项目打包优化：优化脚本生成的代码
优化vue-cli项目打包时间，通过修改写入文件的脚本，将json内容作为字符串写入，减少编译压力，打包时间从12min降至9min。后续可优化脚本体积、依赖分包等。原创 2024-10-02 22:59:42 · 519 阅读 · 0 评论 -
wenyan：markdown 一键转换文章排版
`wenyan`的核心功能是将编辑好的`markdown`文章转换成适配各个发布平台的格式原创 2024-10-01 22:24:33 · 761 阅读 · 0 评论 -
记一次vue-cli老项目的打包时长优化
这是一个基于vue-cli的vue2的老项目，比较久远，一般Jenkins中打包时间都在5-6min左右，基本能够接受。近来由于项目原因，在该项目中加入了一些在打包时动态生成的js文件以做“缓存”。原创 2024-09-30 22:35:45 · 971 阅读 · 0 评论 -
markmap：用思维导图展示你的markdown！
Markmap可将Markdown文本转为思维导图，提升信息整理与理解效率。支持在线编辑，生成可交互的HTML或SVG文件，便于分享展示。适用于学习、协作、教学演示。原创 2024-09-30 00:02:21 · 1268 阅读 · 0 评论 -
Sharp.js：简单而又实用的图像处理库
sharp.js是一个高性能的Node.js模块，它利用了libvips库，提供了快速且高效的图像处理能力。原创 2024-09-28 09:15:00 · 1168 阅读 · 0 评论 -
AniJS：无需编程的动画解决方案
AniJS 是一个强大的动画库，它通过简化动画的实现过程，让设计师和开发者能够更专注于创意和用户体验。原创 2024-09-26 09:40:40 · 502 阅读 · 0 评论 -
Remotion：使用前端技术开发视频
Remotion是一个开源库，允许开发者使用React创建视频。支持服务器端渲染、参数化、音频渲染等。可快速编辑和预览视频，支持多种格式。适用于营销视频、教育内容等场景。原创 2024-09-25 14:38:23 · 1490 阅读 · 0 评论 -
Cesium影像纠偏：高德地图加载与坐标系纠偏技巧
本文介绍了如何在Cesium中使用UrlTemplateImageryProvider加载和纠偏高德地图影像，包括自定义WebMercatorTilingScheme的扩展类，实现坐标系转换和纠偏，以提高地图服务的准确性。原创 2024-09-24 09:49:37 · 1661 阅读 · 0 评论 -
HTML翻牌器：用CSS和HTML元素创造动态数字展示
HTML翻牌器通过CSS和JavaScript实现动态数字展示。用CSS3D rotateX和clipPath创建卡片翻动效果，JavaScript管理动画和DOM结构。翻牌器响应键盘事件，可增减数字，并展示3D翻动效果，适合增强页面动态吸引力。原创 2024-09-22 15:56:08 · 2118 阅读 · 0 评论 -
前端开发者必学：mo.js动画库
mo.js是轻量级JavaScript动画库，通过简单API创建复杂动画。支持Vue，兼容性好，提升网页动态效果和交互性。示例展示在Vue中使用mo.js创建动画效果。原创 2024-09-21 13:55:10 · 1278 阅读 · 0 评论 -
GSAP动画库：让网页动起来的艺术
GSAP是高性能JavaScript动画库，支持跨浏览器，提供核心功能和丰富插件，助力开发者轻松创建快速响应的动画效果，适用于各种场景，包括网页动画、UI元素、数据可视化和游戏动画。原创 2024-09-20 10:51:26 · 827 阅读 · 0 评论 -
前端动画库大比拼：为何选择Velocity.js
`Velocity.js` 是一个强大的 `JavaScript` 动画库，它不仅完全兼容 `jQuery` 的 `$.animate()` 方法，还能在不依赖 `jQuery` 的情况下独立工作。原创 2024-09-19 09:48:44 · 835 阅读 · 0 评论 -
JavaScript基础学习：预解析机制
JavaScript基础学习：预解析机制原创 2024-09-18 09:30:10 · 700 阅读 · 0 评论 -
JS 的行为设计模式：策略、观察者与命令模式
在软件开发中，设计模式是解决特定问题的通用解决方案。行为设计模式专注于对象之间的通信和职责分配。本文将介绍三种常用的行为设计模式：策略模式、观察者模式和命令模式，以及它们的主要组成部分、工作原理、优缺点和应用场景。原创 2024-09-17 10:18:04 · 1035 阅读 · 0 评论 -
THREE.js：网页上的3D世界构建者
THREE.js是一个强大的基于JavaScript的库，它使得在网页上创建和展示三维图形变得异常简单。原创 2024-09-16 10:01:25 · 982 阅读 · 0 评论 -
前端开发者必看：虚拟DOM渲染器的内部机制
而虚拟DOM的意义就是找出差异的性能消耗最小化，通过减少直接的DOM操作来提高性能，而不是重新渲染整个页面。原创 2024-09-15 11:19:46 · 613 阅读 · 0 评论 -
解锁定位服务：Flutter应用中的高德地图定位
本文介绍在Flutter应用中使用高德地图定位服务，包括APIKey获取、环境配置、权限设置、隐私政策配置、监听定位结果和销毁服务。通过集成，应用能获取用户实时位置信息，提升服务个性化。原创 2024-09-14 10:41:35 · 1308 阅读 · 0 评论 -
高效Flutter应用开发：GetX状态管理实战技巧
GetX 状态管理是 Flutter 开发中一个非常有用的工具，它通过简洁的语法、强大的功能和高效的性能为开发者提供了构建现代应用程序的坚实基础。原创 2024-09-12 10:40:50 · 1559 阅读 · 0 评论 -
如何将 Electron 项目上架 Apple Store
Electron 应用程序可以运行在 Windows、macOS 和 Linux 上，本文将探讨如何将 Electron 构建的桌面应用程序上架到 App Store原创 2024-09-11 09:27:50 · 2162 阅读 · 0 评论 -
iOS开发者新技能：将Flutter集成到你的原生应用中
iOS项目嵌入Flutter步骤：创建iOS项目，打包Flutter为framework，集成到iOS工程，编写引入代码展示Flutter页面。实现iOS与Flutter混合开发，提升用户体验。原创 2024-09-10 09:56:32 · 1361 阅读 · 0 评论