Web秀
首页
专栏
文章
问答
热点
导航
实例
文章
登录
首页
前端
JavaScript
Vue.js
CSS
Uni-App
专栏
问答
工具
全网热点
导航
前端
设计
实例
写文章
登录
综合
小程序
服务器
面试
工具类
ThreeJs
比特币
JavaScript
Css
Vue
Uni-App
NodeJs
TypeScript
Vue-Nuxt
Electron
Electron-Vue
Html
React
Webpack
其他
展开
推荐
最新
热榜
若川
Lv0
每周一起学200行左右的源码共读活动,加微信 ruochuan02 参与
0
关注
0
关注者
关注
若川
4月前
Webpack
从 vue3 和 vite 源码中,我学到了一行代码统一规范团队包管理器的神器
1.前言大家好,我是若川。最近组织了源码共读活动,感兴趣的可以加我微信ruochuan12参与,或者关注我的公众号若川视野,回复“源码”参与。已进行三个月,大家一起交流学习,共同进步,很多人都表示收获颇丰。想学源码,极力推荐之前我写的《学习源码整体架构系列》包含jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools、vuex4、koa-compose、vue3.2发布、vue-this、create-vue、玩具vite等10余篇
37
0
0
zxg_神说要有光
Lv0
公号「神光的编程秘籍」
0
关注
0
关注者
关注
zxg_神说要有光
3月前
Webpack
“覆盖率检测”的实现原理,就这?
覆盖率检测是用来判断单测完整性的,jest和karma都提供了这种功能:覆盖率就是执行过的代码占总代码的比例,比如执行了多少行(Line),执行了多少个分支(Branch),执行了多少个函数(Function),执行了多少条语句(Statement)。用它比上总的数量就是覆盖率,分为行覆盖率、分支覆盖率、函数覆盖率、语句覆盖率等。看起来是不是很神奇,执行完一遍就能知道覆盖到了哪些代码,其实实现原理比较简单,相信看完这篇文章,你会有“就这?”的感觉。原理探究jest和karama都是基于istanbul做的
14
0
0
zxg_神说要有光
Lv0
公号「神光的编程秘籍」
0
关注
0
关注者
关注
zxg_神说要有光
3月前
Webpack
前端领域的转译打包工具链(下):工程化闭环
这是我参与更文挑战的第7天,活动详情查看:更文挑战。这是前端领域的转译打包工具链的第二篇文章,上篇文章讲了前端领域的各种转译器,包括babel、tsc、terser、eslint、postcss、posthtml、swc等,介绍了他们各自的用途和通用的原理,还有在项目中使用的3种方式:githooks、ide插件、打包工具的loader和plugin。这一节我们继续探究工程化的工具链,包括打包工具、模块化、v8引擎、跨端引擎、工程化的闭环等。任务管理器和打包工具其实在打包工具流行之前,当时主要是各种任务管
28
0
0
javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
javan
1年前
Webpack
说说webpack的构建流程?
一、运行流程webpack的运行流程是一个串行的过程,它的工作流程就是将各个插件串联起来在运行过程中会广播事件,插件只需要监听它所关心的事件,就能加入到这条webpack机制中,去改变webpack的运作,使得整个系统扩展性良好从启动到结束会依次执行以下三大步骤:初始化流程:从配置文件和Shell语句中读取与合并参数,并初始化需要使用的插件和配置插件等执行环境所需要的参数编译构建流程:从Entry发出,针对每个Module串行调用对应的Loader去翻译文件内容,再找到该Module依赖的Module,递
292
0
0
javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
javan
1年前
Webpack
说说如何借助webpack来优化前端性能?
说说如何借助webpack来优化前端性能?一、背景随着前端的项目逐渐扩大,必然会带来的一个问题就是性能尤其在大型复杂的项目中,前端业务可能因为一个小小的数据依赖,导致整个页面卡顿甚至奔溃一般项目在完成后,会通过webpack进行打包,利用webpack对前端项目性能优化是一个十分重要的环节二、如何优化通过webpack优化前端的手段有:JS代码压缩CSS代码压缩Html文件代码压缩文件大小压缩图片压缩TreeShaking代码分离内联chunkJS代码压缩terser是一个JavaScript的解释、绞肉
229
1
0
javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
javan
1年前
Webpack
说说webpack proxy工作原理?为什么能解决跨域?
说说webpackproxy工作原理?为什么能解决跨域?一、是什么webpackproxy,即webpack提供的代理服务基本行为就是接收客户端发送的请求后转发给其他服务器其目的是为了便于开发者在开发模式下解决跨域问题(浏览器安全策略限制)想要实现代理首先需要一个中间服务器,webpack中提供服务器的工具为webpack-dev-serverwebpack-dev-serverwebpack-dev-server是webpack官方推出的一款开发工具,将自动编译和自动刷新浏览器等一系列对开发友好的功能全
262
0
0
zxg_神说要有光
Lv0
公号「神光的编程秘籍」
0
关注
0
关注者
关注
zxg_神说要有光
3月前
Webpack
从根上理解 Node.js 的 fs 模块:一起设计一个文件系统
Node.js提供了FileSystem的api,可以读写文件、目录、修改权限、创建软链等。可能大家api用的比较熟练,但对于这些api的原理不一定理解。要想真正理解FileSystem,还得从根上来看。下面我们从0到1设计一个文件系统试试。从0到1设计一个文件系统什么是文件呢?这样一份比较完整的资料就是文件。但是计算机的持久化存储是在硬盘,主要是磁盘和SSD固定硬盘:计算机里的文件是一个逻辑概念,并不是物理上存在的一个个实体。那么如果给了这样一个硬盘,让我们自己造一个文件系统出来,实现文件的功能。怎么做
24
0
0
zxg_神说要有光
Lv0
公号「神光的编程秘籍」
0
关注
0
关注者
关注
zxg_神说要有光
3月前
Webpack
Typescript 类型的本质是什么
类型类型指的是变量的类型,而变量是一块内存空间,不同类型的变量会占用不同的字节数,而且可以做的操作也不同。number、boolean、string等类型的变量会占用不同的内存大小。类型分为基础类型和引用类型,基础类型分配在栈上,而引用类型分配在堆上,之所以有引用类型是因为这种类型是复合出来的,比如对象,它可能有任意多个属性,这种就放在可动态分配内存的堆上,然后在栈上记录下该地址,这就是引用类型。类型是运行时的变量的内存空间大小和可以做的操作的标识,但是代码中不一定包含,根据代码中是否有类型的标识,语言分
21
0
0
zxg_神说要有光
Lv0
公号「神光的编程秘籍」
0
关注
0
关注者
关注
zxg_神说要有光
3月前
Webpack
为啥套娃?聊聊 babel、jscodeshift 和阿里妈妈的 gogocode
首先,我是《babel插件通关秘籍》掘金小册的作者,对babel有源码级的掌握,算是有资格讨论这个话题。本来会探讨以下话题:babel是怎么转换代码的jscodeshift是怎么转换代码的babel和jscodeshift的区别为什么不推荐gogocodebabel是怎么转换代码的babel编译流程分为3步:parse、transform、generateparse:把源码转成AST,babelparser(babylon)支持esnext语法,可通过插件支持typescript、jsx、flow等语法t
38
0
0
zxg_神说要有光
Lv0
公号「神光的编程秘籍」
0
关注
0
关注者
关注
zxg_神说要有光
4月前
Webpack
编程语言的本质是什么
作为程序员,我们会接触到各种各样的语言:我们会用Javascript、Typescript来写前端应用,用Java、Go等来写后端应用,也会用Python来写一些工具脚本。每种语言都有自己的语法和擅长的领域,那不同的编程语言的区别是什么呢?编程语言的本质是什么呢?这篇文章我们尝试探究一下。从硬件到语言不同的语言最终都是控制计算机的一些硬件来工作的,从硬件层面来看他们是没有区别的。各种语言只不过描述逻辑的方式、api的封装方式不同而已,底层都跑在同一套硬件上。那硬件层面做了啥呢?就拿打印机来说,它本身是一个
18
0
0
下拉加载更多
您好
去签到
你已经连续签到
0
天
最新文章
更多