前端开发 第4页

10 分钟搞懂 Vite devServer,速来围观!

8

前端里 - 小鱼 发布于 2022-06-05

一、初始 cli 启动服务做了什么? pacakge.json 的 bin 指定可执行文件: "bin": { "vite": "bin/vite.js" } 复制代码 在安装带有 bin 字段的 vite 包,那可执行文件会被链接到当前项目的./node_modules/.bi...

阅读(860)评论(0)赞 (4)

90 行代码的 Webpack,你确定不学吗?

2

前端里 - 小鱼 发布于 2022-05-04

在前端社区里,webpack 可以说是一个经久不衰的话题。其强大、灵活的功能曾极大地促进了前端工程化进程的发展,伴随了无数前端项目的起与落。其纷繁复杂的配置也曾让无数前端人望而却步,笑称需要一个新工种”webpack 配置工程师”。作为一个历史悠久,最常见...

阅读(1279)评论(0)赞 (5)

无用代码去哪了?项目减重之 Rollup Tree-shaking

6

前端里 - 小鱼 发布于 2022-05-04

Tip:本文所用 rollup 打包工具版本为 rollup v2.47.0。 从 Webpack2.x 通过插件逐步实现 tree-shaking,到最近炙手可热的 Vite 构建工具也借助了 rollup 的打包能力,众所周知 Vue 和 React 也是使用 rollup ...

阅读(798)评论(0)赞 (3)

Pinia与Vuex的对比:Pinia是Vuex的良好替代品吗?

前端里 - 小鱼 发布于 2022-03-29

介绍 Pinia 是 Vue.js 的轻量级状态管理库,最近很受欢迎。它使用 Vue 3 中的新反应系统来构建一个直观且完全类型化的状态管理库。 Pinia的成功可以归功于其管理存储数据的独特功能(可扩展性、存储模块组织、状态变化分组、多存储创建等)。 另一方面,Vuex也是为V...

阅读(949)评论(0)赞 (5)

2022,前端工具链十年盘点

1

前端里 - 小鱼 发布于 2022-03-06

2021 的年度盘点我们选择了一个特别的形式,把时间范围拉长到 10 年,梳理前端工具链里的 12 个重要的包的发布和版本更新时间,结合 npm 下载数据,看看前端的工具链在这十年间有怎样的演变。

阅读(1575)评论(0)赞 (3)

淘宝 npm 域名切换 && npmmirror 镜像源升级

1

前端里 - 小鱼 发布于 2022-03-06

前言 本文将包括三部分内容: 淘宝 npm 域名即将停止解析 npmmirror 镜像站大重构升级 微信群:为国内企业 Registry 维护者提供信息同步和交流渠道。 原淘宝 npm 域名即将停止解析 正如在《淘宝 NPM 镜像站喊你切换新域名啦》 中预告的那样,npm.tao...

阅读(1027)评论(0)赞 (3)

Vue 3 正式出道!将成为新的默认版本

前端里 - 小鱼 发布于 2022-01-20

划重点:Vue 3 将在 2022 年 2 月 7 日 成为新的默认版本!请务必阅读文末的 可能需要采取的措施 部分,来确认你是否需要在默认版本切换之前做相应改动以避免发生异常。 从库到框架 在最开始的时候,Vue 仅仅是一个运行时库。但这些年来,它已经逐步发展成了一个包含许多子...

阅读(1318)评论(0)赞 (5)

聊聊我关于 Web 未来发展趋势的看法

7

前端里 - 小鱼 发布于 2021-12-26

让我们观察一下计算机领域的发展过程,从一百年前到今天,IT 领域的热点,其实一直在向上移动的,所谓向上移动,是指抽象的层级,而这个过程始终都指向一个目的,就是屏蔽更多的底层细节,让计算机的使用者/开发者能够花更多的时间在创造和享受上。 我们从打孔机走到了操作系统,再从操作系统走到...

阅读(2154)评论(0)赞 (9)

ECMAScript 2021 通过,写入 ECMAScript 标准

前端里 - 小鱼 发布于 2021-12-05

2021 年 6 月 22 日,第 121 届 Ecma 国际(Ecma International)大会以远程会议形式召开。 ECMAScript 2021 (ES12)成为事实的 ECMAScript 标准,并被写入 ECMA-262 第 12 版。 ECMAScript 2...

阅读(1321)评论(0)赞 (6)

18 个杀手级 JavaScript 单行代码

前端里 - 小鱼 发布于 2021-10-23

这篇文章收集了18 个杀手级 JavaScript 单行代码,希望能在你的项目中能帮上忙。 1、复制到剪贴板 使用 navigator.clipboard.writeText 轻松将任何文本复制到剪贴板。 const copyToClipboard = (text) => ...

阅读(3449)评论(0)赞 (15)