Web秀
首页
专栏
文章
问答
热点
导航
实例
文章
登录
首页
前端
JavaScript
Vue.js
CSS
Uni-App
专栏
问答
工具
全网热点
导航
前端
设计
实例
登录
综合
Uni-App
Webpack
React
Html
Electron-Vue
Electron
Vue-Nuxt
TypeScript
NodeJs
web前端
Vue
Css
JavaScript
比特币
ThreeJs
工具类
面试
服务器
小程序
其他
展开
推荐
最新
热榜
zxg_神说要有光
Lv0
公号「神光的编程秘籍」
0
关注
0
关注者
关注
zxg_神说要有光
2年前
Webpack
Typescript 类型的本质是什么
类型类型指的是变量的类型,而变量是一块内存空间,不同类型的变量会占用不同的字节数,而且可以做的操作也不同。number、boolean、string等类型的变量会占用不同的内存大小。类型分为基础类型和引用类型,基础类型分配在栈上,而引用类型分配在堆上,之所以有引用类型是因为这种类型是复合出来的,比如对象,它可能有任意多个属性,这种就放在可动态分配内存的堆上,然后在栈上记录下该地址,这就是引用类型。类型是运行时的变量的内存空间大小和可以做的操作的标识,但是代码中不一定包含,根据代码中是否有类型的标识,语言分
545511
3311
0
Javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
Javan
3年前
Webpack
说说webpack的构建流程?
一、运行流程webpack的运行流程是一个串行的过程,它的工作流程就是将各个插件串联起来在运行过程中会广播事件,插件只需要监听它所关心的事件,就能加入到这条webpack机制中,去改变webpack的运作,使得整个系统扩展性良好从启动到结束会依次执行以下三大步骤:初始化流程:从配置文件和Shell语句中读取与合并参数,并初始化需要使用的插件和配置插件等执行环境所需要的参数编译构建流程:从Entry发出,针对每个Module串行调用对应的Loader去翻译文件内容,再找到该Module依赖的Module,递
546103
3306
0
Javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
Javan
3年前
Webpack
如何提高webpack的构建速度?
如何提高webpack的构建速度?一、背景随着我们的项目涉及到页面越来越多,功能和业务代码也会随着越多,相应的webpack的构建时间也会越来越久构建时间与我们日常开发效率密切相关,当我们本地开发启动devServer或者build的时候,如果时间过长,会大大降低我们的工作效率所以,优化webpack构建速度是十分重要的环节二、如何优化常见的提升构建速度的手段有如下:优化loader配置合理使用resolve.extensions优化resolve.modules优化resolve.alias使用DLLP
546917
3257
0
zxg_神说要有光
Lv0
公号「神光的编程秘籍」
0
关注
0
关注者
关注
zxg_神说要有光
2年前
Webpack
前端工作的五层,你工作在哪一层?
现在前端的工作远不只切图那么简单,工作内容丰富了许多:有的前端工程师会做前端框架、做SDK,有的会做搭建平台,有的会做工程化工具链,有的会做业务开发,还有的会参与引擎层,定制js引擎和实现渲染引擎等。这么多种类型的前端工作内容,它们是什么关系呢?前端工作一共有哪些类型呢?这篇文章就来探究下这个问题:前端的工作内容都有哪些,之间的关系是什么。前端工作的五层前端的工作大概可以分为五层,从下到上分别是引擎层、runtime层、工具层、业务层、搭建层。我们分别来看一下:引擎层现在前端代码的运行容器不只是浏览器了,
546775
3229
0
zxg_神说要有光
Lv0
公号「神光的编程秘籍」
0
关注
0
关注者
关注
zxg_神说要有光
2年前
Webpack
写一个 eslint 插件:vue template 中 class 顺序的检查和自动修复
有小伙伴问我如何修复vuetemplate中的class名的顺序、属性名顺序,还有options中的属性顺序的问题,用eslint可以做到么。答案是能,但是需要写eslint插件来检查和修复。考虑到他可能没有写过eslint插件,所以我先把相对简单的校验和修复class名的顺序的插件摘出来实现了一下。思路分析首先,eslint是否能parsevue的模版呢?是可以的,因为eslint的parser支持切换,而vue实现了对应的parser,所以可以在eslint中使用vue-eslint-parser来解
545631
3273
0
zxg_神说要有光
Lv0
公号「神光的编程秘籍」
0
关注
0
关注者
关注
zxg_神说要有光
2年前
Webpack
从根上理解 Node.js 的 fs 模块:一起设计一个文件系统
Node.js提供了FileSystem的api,可以读写文件、目录、修改权限、创建软链等。可能大家api用的比较熟练,但对于这些api的原理不一定理解。要想真正理解FileSystem,还得从根上来看。下面我们从0到1设计一个文件系统试试。从0到1设计一个文件系统什么是文件呢?这样一份比较完整的资料就是文件。但是计算机的持久化存储是在硬盘,主要是磁盘和SSD固定硬盘:计算机里的文件是一个逻辑概念,并不是物理上存在的一个个实体。那么如果给了这样一个硬盘,让我们自己造一个文件系统出来,实现文件的功能。怎么做
545385
3281
0
若川
Lv0
每周一起学200行左右的源码共读活动,加微信 ruochuan02 参与
0
关注
0
关注者
关注
若川
2年前
Webpack
从 vue-cli 源码中,我发现27行读取 json 文件有趣的 npm 包
1.前言大家好,我是若川。为了能帮助到更多对源码感兴趣、想学会看源码、提升自己前端技术能力的同学。我倾力组织了源码共读活动,感兴趣的可以加我微信ruochuan12参与,或者关注我的公众号若川视野,回复“源码”参与。已进行4个月,每周大家一起学习200行左右的源码,共同进步,很多人都表示收获颇丰。想学源码,极力推荐关注我写的专栏(目前1.8K人关注)《学习源码整体架构系列》包含jQuery、underscore、lodash、vuex、sentry、axios、redux、koa、vue-devtools
546329
3285
0
zxg_神说要有光
Lv0
公号「神光的编程秘籍」
0
关注
0
关注者
关注
zxg_神说要有光
2年前
Webpack
import 方式随意互转,感受 babel 插件的威力
当我们import一个模块的时候,可以这样默认引入:importpathfrom'path';path.join('a','b');functionfunc(){constsep='aaa';console.log(path.sep);}复制代码也可以这样解构引入:import{join,sepas_sep}from'path';join('a','b');functionfunc(){constsep='aaa';console.log(_sep);}复制代码第一种默认引入叫defaultimport,
545290
3253
0
Javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
Javan
9月前
Webpack
vue2 项目编译构建优化,提升10倍速
...
274220
1143
0
zxg_神说要有光
Lv0
公号「神光的编程秘籍」
0
关注
0
关注者
关注
zxg_神说要有光
2年前
Webpack
TSLint 和 ESLint 是怎么融合在一起的
Eslint可以静态检查javascript代码一些逻辑上的错误,还有一些代码格式的错误。原理是把代码parse成AST,然后基于AST来检查一些问题。Tslint可以静态检查typescript代码的一些逻辑上的错误,一些代码格式的错误。原理也是基于AST的。既然都是基于AST,而且做的事情差不多,那为啥不合并到一起呢?后来,还真合并了,tslint合并到了eslint中,把tslint标记为了废弃。但是两者毕竟是不同的AST,而且tslint里还有一些类型检查相关的逻辑,这是eslint不支持的。那它
545501
3279
0
下拉加载更多
您好
去签到
你已经连续签到
0
天
猜你喜欢
换一换
最新文章
更多