前端
关注
分享
扫一扫
文章平均质量分 59
HTML\CSS\JS\Vue
whyfail
寂寂无名的众多开发者之一
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
微前端：让大型前端项目也能“分而治之“
微前端就像前端架构的"分省自治"方案，让不同技术、不同团队开发的代码能够和谐共存。选择适合自己项目的方案，可以让前端开发像组建乐高一样灵活有趣！下次当你遇到需要整合不同技术栈的项目时，不妨考虑："这个场景适合用微前端吗？"原创 2025-08-21 16:02:01 · 126 阅读 · 0 评论 -
为什么在 Vite 的 esbuild 配置中移除 debugger 和 console？
在使用 Vite 构建前端项目时，开发者可能会注意到一个看似矛盾的现象：尽管 Vite 默认使用 Rollup 进行打包，但某些代码优化（如移除 debugger 和 console）却配置在 esbuild 选项中。这背后的原因是什么？原创 2025-05-07 10:38:48 · 857 阅读 · 0 评论 -
前端并发请求的完整结果捕获指南
前端开发中，我们经常需要同时请求接口，当某个接口发生故障时，传统的处理方式可能会导致整个流程中断。下面介绍三种实用的并发请求处理方案，并附赠两个高级技巧。原创 2025-04-24 15:00:32 · 465 阅读 · 0 评论 -
JavaScript事件循环：为什么你的代码像在玩跳格子？
JavaScript 的事件循环机制虽然复杂，但通过形象化的比喻和实际代码分析，我们可以轻松理解它的运行原理。无论是日常开发还是性能优化，掌握事件循环的规则都能帮助我们写出更高效、更可靠的代码。下次看到回调函数，想象它们在排队坐过山车——VIP客户先上，普通客户耐心等待，而我们的杂技演员永远不会让盘子掉下来！原创 2025-03-27 11:07:46 · 599 阅读 · 0 评论 -
关于“前端已死”的命题
正如独孤求败从“利剑期”到“木剑期”的进化，前端开发者需超越框架之争，在工程体系构建、性能优化等深度领域建立护城河。市场调整淘汰的是低水平重复劳动者，对掌握核心竞争力的工程师而言，Web 生态仍是广阔天地。原创 2025-02-11 18:28:26 · 418 阅读 · 0 评论 -
BOM和DOM的区别
BOM关注浏览器级别的操作，而DOM关注文档级别的操作。原创 2024-12-19 11:10:05 · 592 阅读 · 0 评论 -
重磅！WebStorm 个人版免费开放：JetBrains 为个人开发者带来福音
2024 年 10 月 24 日，程序员节这天，JetBrains 宣布了一项让开发者欣喜的消息：WebStorm 个人版全面免费开放供非商业用途使用。原创 2024-10-28 09:07:10 · 1883 阅读 · 0 评论 -
探讨Node.js生态中的npm与npx工具
在Node.js生态中，npm和npx是两个重要的工具，它们的功能虽然有所重叠，但使用场景却不同。理解它们的区别可以帮助开发者更高效地管理项目依赖与执行工具。原创 2024-10-18 09:27:46 · 499 阅读 · 0 评论 -
探索 JavaScript 中的 AbortController API：不仅仅是中断 HTTP 请求
在 JavaScript 中处理异步操作时，通常需要灵活的控制机制来中止任务。AbortController API 提供了一个强大且通用的方式来终止异步操作，不仅可以中断 HTTP 请求，还可以应用于多种异步任务，如事件监听、流操作等。在本文中，我们将详细探讨 AbortController 的使用场景、AbortSignal 的静态方法、事件处理中的中止机制，以及在实际开发中的一些最佳实践。原创 2024-10-17 09:04:54 · 1279 阅读 · 0 评论 -
深入比较 `@microsoft/fetch-event-source` 与 `event-source-polyfill`
本文将详细介绍两个常用库：`@microsoft/fetch-event-source` 和 `event-source-polyfill`，并对它们的异同进行深入比较，以帮助开发者选择最适合自己项目的方案。原创 2024-10-16 09:17:29 · 2297 阅读 · 0 评论 -
为什么 React 和 Vue 不采用像 Svelte 那样的编译方式？
探索为什么 React 和 Vue 不采用像 Svelte 那样的编译方式原创 2024-10-08 15:53:42 · 931 阅读 · 0 评论 -
对比 Babel、SWC 和 Oxc：JavaScript 和 TypeScript 工具的未来
随着现代前端开发的快速演变，JavaScript 和 TypeScript 的工具链不断更新，以满足开发者对性能和效率的需求。我们将对比三款流行的工具：Babel、SWC 和 Oxc，重点分析它们的特点、性能、应用场景以及适用性。原创 2024-10-08 08:58:05 · 2965 阅读 · 0 评论 -
UnoCss常用样式写法
UnoCss常用样式写法。原创 2024-06-18 11:27:06 · 4536 阅读 · 0 评论 -
Vue.observable — 最小化的跨组件状态存储器
Vue.observable，让一个对象变成响应式数据。Vue 内部会用它来处理 data 函数返回的对象原创 2024-04-29 15:19:02 · 182 阅读 · 0 评论 -
vue2的双向绑定
vue2的数据双向绑定浅谈原创 2024-04-25 16:14:29 · 1978 阅读 · 0 评论 -
深入理解SPA、CSR与SSR的区别及应用
深入理解SPA、CSR与SSR的区别及应用原创 2024-03-13 17:16:40 · 1294 阅读 · 0 评论 -
66 个 CSS 函数，一网打尽！
随着技术的不断进步，CSS 已经从简单的样式表发展成为拥有众多内置函数的强大工具。这些函数不仅增强了开发者的设计能力，还使得样式应用更加动态、灵活和响应式。本文将深入探讨 CSS 常见的 66 个函数，逐一剖析它们的功能和用法，一起进入这个充满魔力的 CSS 函数世界！转载 2024-02-20 19:45:00 · 1127 阅读 · 1 评论 -
3D词云图
实现一个3D词云图原创 2024-02-01 21:15:00 · 872 阅读 · 2 评论 -
npm 淘宝镜像正式到期
2024年 1 月 22 日，淘宝原镜像域名（`registry.npm.taobao.org`）的 HTTPS 证书正式到期。原创 2024-01-30 08:50:02 · 1141 阅读 · 0 评论 -
Sass(Scss)、Less的区别与选择 + 基本使用
Sass（Syntactically Awesome Stylesheets）是一种成熟且功能强大的CSS预处理器。Sass有两种语法格式：缩进格式（.sass）和SCSS格式（.scss），其中SCSS更接近原生CSS，易于学习和迁移。原创 2023-12-27 21:45:00 · 5032 阅读 · 0 评论 -
一个不用充钱也能让你变强的 VSCode 插件！！！
今天给大家推荐一款不用充钱也能让你变强的 vscode 插件 通义灵码（TONGYI Lingma），可以称之为 copilot 的替代甜品 💪原创 2023-11-10 08:52:42 · 1956 阅读 · 0 评论 -
个人前端脚手架——create-wl-app
开箱即用前端脚手架——create-wl-app原创 2023-07-27 13:34:25 · 259 阅读 · 0 评论 -
前端网页字体优化指南
前端网页字体优化指南转载 2023-04-23 17:19:56 · 869 阅读 · 0 评论 -
自动更新package.json中的version小版本号
自动更新package.json中的version小版本号原创 2022-11-24 10:58:12 · 1115 阅读 · 0 评论 -
nvm——node.js多版本管理工具（推荐 nvm-desktop）
node.js多版本管理工具原创 2022-09-29 13:53:28 · 872 阅读 · 0 评论 -
当moment遇见Vite产生的国际化配置问题
当moment遇见Vite产生的国际化配置问题原创 2022-07-13 16:55:30 · 1675 阅读 · 0 评论 -
Docker 入门终极指南，详细版！
Docker 入门终极指南，详细版！别再说不会用 Docker 了转载 2022-07-13 09:28:10 · 578 阅读 · 0 评论 -
Vite使用vw适配方案
Vite使用vw的方案，适用于vue、react原创 2022-06-17 13:49:30 · 1642 阅读 · 0 评论 -
node脚本：将项目中所有px单位转rem
node脚本：将项目中所有px单位转rem原创 2022-06-02 22:34:55 · 809 阅读 · 0 评论 -
npm一些实用命令
一、nrm方便更换镜像源全局安装nrm：npm install -g nrm使用nrm ls可以查看源列表（前面带 * 的为当前正在使用的源）如果出现如下结果，没有下载成功。可以使用sudo npm install -g nrm，然后输入电脑密码就可以了。如果出现没有带（*）而且nrm current没有输出结果可以通过sudo npm install Pana/nrm -g通过源码下载(过程可能会很慢，七八分钟左右)当然也可以使用手动配置镜像源：npm.原创 2022-03-09 10:48:14 · 1281 阅读 · 0 评论 -
淘宝npm源将在2022年5月31日更换域名服务
淘宝为了提供更稳定、更安全、更符合国家法律法规要求的镜像服务（说人话就是怕国家找茬所以要低调），将要更换淘宝npm源的服务器，并且老的域名npm.taobao.org 和 registry.npm.taobao.org 将不再使用。2022年5月31日0时，这两个老域名将会停止服务，截至目前，通过老域名安装npm包已经会被301到新域名 registry.npmmirror.com淘宝 NPM 镜像站切换新域名啦1.通过cnpm使用淘宝镜像：npm install -g cnpm --re..原创 2022-02-10 16:25:20 · 4367 阅读 · 2 评论 -
package-lock.json的作用
背景不知道大家平时在开发中有没有注意到，你的项目中有两个文件：package.jsonpackage-lock.json应该很多人平时都不会去关注这两个文件有啥关系吧！今天就给大家简单地讲讲吧，这样下次面试官问起时，大家也可以装装杯了~~例子背景在package.json中，vue的版本是^2.6.14。"vue": "^2.6.14",^的意思是，假如过几天Vue在大版本 2下更新了小版本 2.6.15，那么当你npm install时Vue会自动升级为2.6.15引.转载 2022-02-09 13:27:15 · 15360 阅读 · 7 评论 -
call，apply，bind的区别
一、call,apply,bind的相同点：都是改变this指向的；第一个参数都是this要指向的对象；都可以利用后续参数传参；二、call,apply,bind的区别：call和bind的参数是依次传参，一一对应的；但apply只有两个参数，第二个参数为数组；call和apply都是对函数进行直接调用，而bind方法返回的仍是一个函数；例如：var a ={ name:'一一', age:'22', sex:'女', ho.原创 2022-02-09 11:32:30 · 12053 阅读 · 0 评论 -
this的指向
一、作为对象的方法调用当函数作为对象的方法被调用时：this指向该对象const obj = { a:'小磊同学', getName: function(){ console.log(this === obj, this.a)； }}；obj.getName(); // true, 小磊同学二、作为普通函数调用当函数不作为对象的属性被调用，而是以普通函数的方式：this总是指向全局对象（在浏览器中，通常是Window对象）window.name = '小磊同学'.原创 2022-01-13 20:06:29 · 616 阅读 · 0 评论 -
中国N01
中国N01<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>中国 NO1&.原创 2021-07-01 16:44:51 · 130 阅读 · 0 评论 -
base64转文件流
base64转文件流// dataurl:base64const base64toFile = (dataurl, filename = "file") => { let arr = dataurl.split(","); let mime = arr[0].match(/:(.*?);/)[1]; let suffix = mime.split("/")[1]; let bstr = atob(arr[1]); let n = bstr.length; le原创 2021-06-29 17:35:18 · 1993 阅读 · 0 评论 -
了解一下iframe的一些使用
一、iframe基本概念通常我们使用iframe直接直接在页面嵌套iframe标签指定src就可以了。<iframe src="www.baidu.com"></iframe>但是，有追求的我们，并不是想要这么low的iframe. 我们来看看在iframe中还可以设置些什么属性frameborder:是否显示边框，1(yes),0(no)height:框架作为一个普通元素的高度，建议在使用css设置。width:框架作为一个普通元素的宽度，建议使用cs.原创 2021-05-19 22:55:20 · 1020 阅读 · 0 评论 -
JS处理DOM元素来获取数据
一、需求处理一个dom树元素，比如获取树中某一段数据const dom = "<div><ul><li>测试1</li><li>测试2</li><li>测试3</li><li>测试4</li></ul></div>"获取该dom中li标签内中数据二、原生JS处理const dom = "<div><ul><.原创 2021-05-05 10:38:08 · 567 阅读 · 0 评论 -
神奇的JS
一、删除数组中的空数据['','a','b','c',''].filter(Boolean)//返回 ["a", "b", "c"]二、!取反!true //false!false //true!1 //false!0 //true三、~运算符（位非）用于对一个二进制操作数逐位进行取反操作~[1,2,3].indexOf(4) //0...原创 2021-04-28 21:17:25 · 107 阅读 · 0 评论 -
font-family可以设置的字体
一、小米米官网font-family: “Arial”,“Microsoft YaHei”,“黑体”,“宋体”,sans-serif;二、font-family：中文字体的英文名称宋体 SimSun黑体 SimHei微软雅黑 Microsoft YaHei微软正黑体 Microsoft JhengHei新宋体 NSimSun新细明体 PMingLiU细明体 MingLiU标楷体 DFKai-SB仿宋 FangSong楷体 KaiTi仿宋_GB2312 FangSong_GB.原创 2021-04-10 11:06:06 · 4626 阅读 · 0 评论