JavaScript
关注
分享
扫一扫
文章平均质量分 81
我码玄黄
分享最新的技术解析、技术难题攻克经验、具体技术实现过程以及推荐一些有趣的技术内容
展开
-
vue2老项目打包优化：优化脚本生成的代码
优化vue-cli项目打包时间，通过修改写入文件的脚本，将json内容作为字符串写入，减少编译压力，打包时间从12min降至9min。后续可优化脚本体积、依赖分包等。原创 2024-10-02 22:59:42 · 465 阅读 · 0 评论 -
记一次vue-cli老项目的打包时长优化
这是一个基于vue-cli的vue2的老项目，比较久远，一般Jenkins中打包时间都在5-6min左右，基本能够接受。近来由于项目原因，在该项目中加入了一些在打包时动态生成的js文件以做“缓存”。原创 2024-09-30 22:35:45 · 838 阅读 · 0 评论 -
markmap：用思维导图展示你的markdown！
Markmap可将Markdown文本转为思维导图，提升信息整理与理解效率。支持在线编辑，生成可交互的HTML或SVG文件，便于分享展示。适用于学习、协作、教学演示。原创 2024-09-30 00:02:21 · 499 阅读 · 0 评论 -
Sharp.js：简单而又实用的图像处理库
sharp.js是一个高性能的Node.js模块，它利用了libvips库，提供了快速且高效的图像处理能力。原创 2024-09-28 09:15:00 · 874 阅读 · 0 评论 -
AniJS：无需编程的动画解决方案
AniJS 是一个强大的动画库，它通过简化动画的实现过程，让设计师和开发者能够更专注于创意和用户体验。原创 2024-09-26 09:40:40 · 412 阅读 · 0 评论 -
Remotion：使用前端技术开发视频
Remotion是一个开源库，允许开发者使用React创建视频。支持服务器端渲染、参数化、音频渲染等。可快速编辑和预览视频，支持多种格式。适用于营销视频、教育内容等场景。原创 2024-09-25 14:38:23 · 1100 阅读 · 0 评论 -
Cesium影像纠偏：高德地图加载与坐标系纠偏技巧
本文介绍了如何在Cesium中使用UrlTemplateImageryProvider加载和纠偏高德地图影像，包括自定义WebMercatorTilingScheme的扩展类，实现坐标系转换和纠偏，以提高地图服务的准确性。原创 2024-09-24 09:49:37 · 857 阅读 · 0 评论 -
HTML翻牌器：用CSS和HTML元素创造动态数字展示
HTML翻牌器通过CSS和JavaScript实现动态数字展示。用CSS3D rotateX和clipPath创建卡片翻动效果，JavaScript管理动画和DOM结构。翻牌器响应键盘事件，可增减数字，并展示3D翻动效果，适合增强页面动态吸引力。原创 2024-09-22 15:56:08 · 1409 阅读 · 0 评论 -
前端开发者必学：mo.js动画库
mo.js是轻量级JavaScript动画库，通过简单API创建复杂动画。支持Vue，兼容性好，提升网页动态效果和交互性。示例展示在Vue中使用mo.js创建动画效果。原创 2024-09-21 13:55:10 · 1152 阅读 · 0 评论 -
GSAP动画库：让网页动起来的艺术
GSAP是高性能JavaScript动画库，支持跨浏览器，提供核心功能和丰富插件，助力开发者轻松创建快速响应的动画效果，适用于各种场景，包括网页动画、UI元素、数据可视化和游戏动画。原创 2024-09-20 10:51:26 · 443 阅读 · 0 评论 -
JavaScript基础学习：预解析机制
JavaScript基础学习：预解析机制原创 2024-09-18 09:30:10 · 622 阅读 · 0 评论 -
JS 的行为设计模式：策略、观察者与命令模式
在软件开发中，设计模式是解决特定问题的通用解决方案。行为设计模式专注于对象之间的通信和职责分配。本文将介绍三种常用的行为设计模式：策略模式、观察者模式和命令模式，以及它们的主要组成部分、工作原理、优缺点和应用场景。原创 2024-09-17 10:18:04 · 962 阅读 · 0 评论 -
THREE.js：网页上的3D世界构建者
THREE.js是一个强大的基于JavaScript的库，它使得在网页上创建和展示三维图形变得异常简单。原创 2024-09-16 10:01:25 · 904 阅读 · 0 评论 -
前端开发者必看：虚拟DOM渲染器的内部机制
而虚拟DOM的意义就是找出差异的性能消耗最小化，通过减少直接的DOM操作来提高性能，而不是重新渲染整个页面。原创 2024-09-15 11:19:46 · 558 阅读 · 0 评论 -
如何用 Typed.js 制作炫酷的打字效果？
`Typed.js` 是一个轻量级的 `JavaScript` 库，它能够以编程方式模拟打字效果，为网页增添动态的文本展示。原创 2024-09-04 11:41:06 · 1576 阅读 · 0 评论 -
探索 paper.js：前端开发者的矢量图形利器
paper.js 是一个开源的矢量图形脚本框架，它为开发者提供了一个强大而灵活的工具，用于在网页上创建和操作矢量图形。原创 2024-09-02 09:51:57 · 816 阅读 · 0 评论 -
前端开发者必看：探索跨标签页通信的多种方式
探索前端跨页面通信的多种方案，包括BroadcastChannel、window.opener、postMessage、MessageChannel、storage事件、SharedWorker等。原创 2024-08-16 11:45:21 · 1222 阅读 · 0 评论