- 博客(92)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 Webpack性能优化
Webpack性能优化在使用webpack打包的时候，当我们的项目工程越来越大的时候就会出现打包的时间越来越长，这个时候需要对打包资源进行一系列的优化。减少Webpack打包时间优化Loader对于 Loader 来说，影响打包效率首当其冲必属 Babel 了。因为 Babel 会将代码转为字符串生成 AST，然后对 AST 继续进行转变最后再生成新的代码，项目越大，转换代码越多，效率就越低。当然了，我们是有办法优化的。首先我们可以优化 Loader 的文件搜索范围module.exports
2020-06-15 10:33:38
217
原创 20道HTML基础面试题(附答案)
1、DOCTYPE有什么作用？标准莫诗雨混杂模式如何区分？它们有何意义？告诉浏览器使用哪个版本的HTML规范来渲染文档。DOCTYPE不存在或形式不正确会导致HTML文档以混杂模式呈现。 标准模式（Standards mode）以浏览器支持的最高标准运行；混杂模式（Quirks mode）中页面是一种比较宽松的向后兼容的方式显示。2、HTML5为什么只需要写 <!DICTYPE HTM...
2020-04-27 10:36:56
1490
4
原创 JS深浅拷贝
为什么使用深浅拷贝在JS中我们经常会遇到一个数据赋值，但是又不符合真正意义上的数据赋值的问题。这个问题产生的原因又是什么呢？这就先要了解一下JS的数据类型了，在JS中数据类型分为基本数据类型和引用数据类型两大派系。众所周知基本数据类型存储的位置就是栈中，以key=>value的形式去存储的，每一个value都对应一个key，但是在引用数据类型中他的存储结构并不是栈而是堆，在堆中堪比一个空间...
2020-04-06 20:44:37
175
1
原创 老司机带你解决浏览器兼容
为什么会出现浏览器兼容问题？1、各大厂商出于自身利益考虑而设置的种种技术壁垒，都让CSS应用起来比想象得要麻烦2、由于各大主流浏览器由不同的厂家开发，所用的核心架构和代码也很难重和，这就为各种莫名其妙的Bug(代码错误）提供了温床 浏览器内核代表及代表作品Trident 代表作：IE元老级内核之一，有微软开发，并于1997年10月首次在ie4.0中使用，凭借其windows垄断...
2020-02-23 19:57:48
1119
原创 最详细的高度塌陷解决方案
在网页布局中我们经常会遇到高度塌陷的这样的问题，那么什么是高度塌陷呢？什么是高度塌陷?父元素高度自适应，子元素float之后，造成父元素高度为0，称为高度塌陷。他的产生条件就是子元素浮动如何解决高度塌陷呢？这里作者总结了8种解决方法和每种方法的优缺点方案一给父元素添加固定高度，适合做高度固定的布局<!DOCTYPE html><html lang="en">...
2020-02-23 19:55:28
464
原创 [特殊字符] Node.js 之父离开 Deno，带着整个团队加入了 Cloudflare
Node.js 之父 Ryan Dahl 携整个 Deno 团队加入 Cloudflare，宣布 Deno 运行时将停止维护，Deno Deploy 6 个月后关闭，但 JSR 包注册中心将继续运营。此举源于对新项目 celld 的战略整合，旨在构建更强大的分布式运行时。尽管 Deno 技术遗产深远，其安全默认、TS 原生等设计已被广泛借鉴，但 Dahl 认为它未能突破 Node 兼容性困局。开发者需尽快规划迁移至 Node.js、Bun 或 Cloudflare Workers。
2026-10-11 22:41:54
225
原创 Vue Native多分支迭代，Vue跨端原生生态迎来革新
Vue Native生态在2025-2026年迎来重大革新，呈现双轨并行发展：传统基于React Native架构的原版持续维护优化，社区推出兼容Vue3的衍生版本；同时字节跳动推出全新高性能方案Vue Lynx，采用双线程架构和原生渲染，完全兼容Vue3语法，性能对标Flutter。当前Vue原生跨端生态已分化为轻量化兼容和高性能原生两条技术路线，开发者可根据项目需求选择：新项目推荐Vue Lynx，老旧项目可继续使用优化后的Vue Native。未来Vue生态将全面拥抱Vue3，为开发者提供更完善的移动
2026-05-19 14:04:29
571
原创 Deno Deploy正式发布：边缘部署新时代的到来
Deno Deploy正式发布，为JavaScript/TypeScript应用提供极简的边缘部署方案。该平台原生支持ES模块，内置Deno KV分布式数据库，支持Postgres等第三方数据库，并实现一键部署。核心优势包括：多框架自动适配、GitHub集成实现零配置持续部署、基于Fastly边缘网络的无冷启动执行。新推出的Deno Sandbox提供安全隔离的Linux微VM，1秒内启动，具备密钥保护和网络访问控制功能。平台提供每月100万次请求的免费套餐，相比传统部署方案更专注于TypeScript原生
2026-02-10 21:46:02
356
原创 [特殊字符] 尤雨溪官宣：Vite8来啦，Rolldown 1.0 RC 发布，性能碾压 Rollup
不再用 esbuild 开发 + Rollup 构建的‘双系统切换’，而是启用统一引擎 Rolldown（Rust 编写）——一套内核，全链路提速。这不仅是性能跃升，更是架构范式升级。Rolldown 是为 Vite 打造的下一代打包工具，它融合了 esbuild 的速度优势和 Rollup 的生态兼容性，甚至提供了类似 webpack 的精细代码分割控制。
2026-02-09 18:35:06
802
原创 css兼容有救了，一款救命工具(ReliCSS)出道
ReliCSS是一款专为解决历史CSS兼容问题而生的工具，它能智能扫描并高亮显示代码中的浏览器hacks，帮助开发者快速识别过时技术。该工具完全在浏览器端运行，保障代码安全，支持分析hack的目标浏览器并提供现代化建议。未来还将扩展文件上传、在线分析等功能，是前端考古和代码重构的得力助手。通过ReliCSS，开发者能更高效地梳理历史代码，区分必要遗留与可移除的技术债务。
2026-02-08 18:57:49
643
原创 [特殊字符] 揭秘AI技能宝库：skills.sh让你的AI能力瞬间拉满
摘要： skills.sh是全球最大的开源AI技能生态系统，汇集数千个高质量AI技能，覆盖开发、营销、设计、工具等全领域。平台累计安装量超29万次，热门技能总安装量超500万次。用户可通过简单CLI命令安装技能，支持主流AI平台集成。所有技能开源免费、持续更新，并经过社区审核和安全审计。无论是开发者、设计师还是营销人员，都能通过skills.sh快速提升AI能力，显著提高工作效率。访问skills.sh即可探索这一AI技能宝库。
2026-02-07 12:34:51
705
原创 Vue3开发者必看！这款监控埋点库覆盖8大核心维度，让你的应用稳如泰山
Vue3开发者必备的WebTracing监控埋点库，提供8大核心维度的全链路监控解决方案。该SDK支持Vue2/Vue3项目，具备轻量级设计(15KB以下)和灵活配置，覆盖性能监控、错误捕获、请求追踪等功能。通过简单的安装和配置即可快速集成，支持数据采样、批量上报等优化策略。文章详细介绍了核心功能实现、生产环境配置建议以及监控数据分析示例，帮助开发者提升应用稳定性和用户体验。特别适合需要精准监控线上问题、量化用户体验的前端团队使用。
2026-01-14 17:07:30
616
原创 太炫了！首个专属于 Vue3 的开源动效神器！
Vue Bits是一款专为Vue3打造的UI动效组件库，移植自火爆的React Bits，提供60+开箱即用的动画组件。核心特点包括：支持CSS/Tailwind一键切换、MIT免费授权、与React版保持相同体验。开发者可通过CLI工具快速集成，体验Splash Cursor、Text Scramble等炫酷特效。该库基于Vue3+TypeScript+Tailwind开发，每周持续更新组件，让Vue项目轻松获得专业级动效。
2026-01-11 21:32:58
1046
原创 50个被低估的JS原生特性，让代码瘦身90%
摘要：50个被严重低估的JS原生特性 本文精选了50个实用但常被忽视的JavaScript/Web原生特性，这些特性无需依赖第三方库即可解决日常开发中的常见问题。包括： 高效数据处理：Set快速去重、Array.at(-1)便捷访问、Object.entries对象转换 开发便利工具：??空值合并运算符、structuredClone深拷贝、Intl本地化格式化 DOM与网络优化：closest祖先选择、IntersectionObserver懒加载、AbortController请求取消 现代Web AP
2026-01-06 21:40:17
861
原创 VSCode 推出绿色版！更强！更智能！
VSCode推出更强大的绿色版Insiders，带来多项智能升级：终端支持智能补全和真终端渲染；Git新增可视化Stash管理；Copilot进化为任务执行代理，支持复杂自动化；界面体验更流畅现代。作为抢先体验版本，绿色版可与正式版共存，特别适合追求前沿技术的开发者、插件作者和AI工具用户。下载地址：https://code.visualstudio.com/insiders
2026-01-03 18:57:33
1273
原创 Vue 原生渲染真要来了？Lynx引擎首次跑通Vue
Vue原生渲染迎来重大突破！工程师@Shenqingchuan成功将Vue 3与字节跳动的Lynx.js引擎对接，首个Vue-Lynx原型已实现。Lynx作为高性能双线程原生渲染框架，采用原生控件渲染，性能媲美Flutter。此次突破意味着200万Vue开发者有望直接用Vue语法开发原生应用，告别WebView性能瓶颈。相比传统方案，Vue-Lynx在性能、开发体验和调试支持等方面优势明显。虽然仍需完善编译链路和运行时适配，但这一组合展现了巨大潜力，或将成为Vue原生渲染的重要选择。
2026-01-02 23:42:08
1268
原创 CSS 写 SQL 查询？后端慌了！
《CSS写SQL查询？TailwindSQL引热议》摘要：近期爆火的TailwindSQL项目引发技术圈热议，该项目创新性地通过CSS类名生成SQL查询（如"db-users-name-where-id-1"对应SELECT语句）。虽然概念新颖，模仿了TailwindCSS的原子化思路，但实际存在严重缺陷：复杂查询导致类名冗长难维护，且无法处理表关联、事务等核心数据库问题。开发者普遍认为这更像"氛围编程"的趣味尝试，而非可靠工程方案，建议保持关注但继续使用传统SQL方
2026-01-02 17:08:32
360
原创 Hono与Honox一次尝试
本文分享了作者使用Hono和Honox框架开发Web应用的经验。Honox作为Hono的实验版本，提供了更好的性能和现代API，但尚处beta阶段存在诸多不足：文档不完善、不支持React运行时语法、中间件功能缺失、缺乏配套UI组件库等。作者指出Honox结合JSX语法使后端模板开发更优雅，但实际生产仍推荐Nuxt.js或Next.js等成熟框架。文章记录了从环境搭建到部署的完整过程，并分享了在开发过程中遇到的三个主要问题及解决方案，最终将项目成功部署在Cloudflare Workers上。
2025-12-28 19:19:21
791
原创 vite 实战图片预加载方案
前端图片预加载是一种优化用户体验的技术，通过提前加载图片资源，确保用户在需要查看图片时能够快速显示，而不会因为图片加载延迟而导致界面卡顿或空白。
2024-12-12 14:51:12
978
1
原创 naiveui 在 nuxt 中使用 css 资源首次未加载
我真的被气死，最近在最 nuxt 开发，ui 库使用的是 naiveui 然后我使用的过程中发现每一次我刷新页面的时候我页面出现的时候都没有 css 样式但是过一会就出现了 css 样式，我真的被气死了，然后我查了好多资料，最后发现是 naiveui 的 ssr 的一个 bug，然后我找到了一个解决方法。
2024-11-22 14:45:59
714
原创 图片压缩工具
有提供了mac版本；win用户点击上面的下载即可，官网下载特别慢（因为需要魔法）声明：本站大部分素材均源于互联网收集整理，若侵犯第三方权益，请及时联系我们删除。这个软件叫Caesium👉。
2024-10-13 12:59:03
455
原创 视频下载工具
1️⃣浏览器插件：支持，就有些视频下载不高清2️⃣下载器：不限速下载，也具备资源嗅探功能3️⃣B站下载器：下载B站视频专门的软件4️⃣网页端提取视频：可以应个急用。
2024-10-13 12:50:47
1132
原创 电脑录屏工具
大多数打工人应该都有飞书，所以我讲下这个方法飞书的录屏是继承在截图这个功能里的先Alt+shift+A就可以调出截屏，在最顶选择录屏如果调不出来就：点击左上角头像→设置→快捷键，里面就可以看到设置录屏的快捷键了。
2024-10-13 12:47:38
578
原创 视频格式转换
声明：本站大部分素材均源于互联网收集整理，若侵犯第三方权益，请及时联系我们删除。该demo仅用于学习交流，请勿用于商业用途，否则后果自负。如果实在搞不定就联系博主吧。
2024-10-13 12:45:27
439
原创 vue3.5最新发布，这几个新用法还不快来学习一下！
除了以上提到的外，vue3.5还重构了响应式系统，性能方面得到了提升，据说在处理某些情况下可使性能提高到10倍。
2024-09-04 23:42:34
971
原创 原来Redux的原理这么简单
theme: v-green熟悉React的开发者并不陌生Redux是什么,一个状态管理容器，简单来说就是帮助前端存储交互的数据的容器。笔者今天聊的就是如何手写一个Redux，破除那些把Redux神话的同学么。Tip: 一定要熟悉JavaScript的原理哦了解Redux的运行原理三大原则单一数据流State只读只能使用纯函数来执行修改工作原理从图片中我们可以看到，Redux的工作原理Action Creators通过派发方法dispatch ,然后派发的action会被Red.
2021-05-10 22:05:38
425
3
原创 vue3.0中的响应式钩子是如何实现的
先来聊聊Vue3.0的变化Vue3.0相比Vue2.0发生了翻天覆地的变化，从设计理念，到架构模式都发生了变化，笔者列入最核心的变化diff设计变化，将dom渲染做到极致优化静态变量提升，提高无效的dom渲染监听缓存机制，让重复的数据流操作消失组合式的API，然代码的耦合度更低重写object.defineproperty()的数据双向绑定,使用Proxy代理重写划重点，今天我们聊的只是基于Proxy实现的响应式代理默认大家已经明白Proxy的原理是什么，如果大家还不太了解Proxy
2021-04-30 10:11:09
524
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人