Web秀
首页
ChatAi
专栏
文章
问答
热点
导航
实例
文章
登录
首页
ChatAi
前端
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_神说要有光
1年前
Webpack
写一个 eslint 插件:vue template 中 class 顺序的检查和自动修复
有小伙伴问我如何修复vuetemplate中的class名的顺序、属性名顺序,还有options中的属性顺序的问题,用eslint可以做到么。答案是能,但是需要写eslint插件来检查和修复。考虑到他可能没有写过eslint插件,所以我先把相对简单的校验和修复class名的顺序的插件摘出来实现了一下。思路分析首先,eslint是否能parsevue的模版呢?是可以的,因为eslint的parser支持切换,而vue实现了对应的parser,所以可以在eslint中使用vue-eslint-parser来解
404023
2677
0
Javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
Javan
4年前
Webpack
Webpack require.context() 前端工程化之动态导入文件
前言随着项目越来越大,业务需要越来越多,我们项目的目录层级也是非常的多。如果还是通过import分别引入文件,那是非常的不科学的。比如vue项目vuex文件非常多:importVuefrom'vue';importVuexfrom'vuex';Vue.use(Vuex);importuserfrom'./stores/user';importinfofrom'./stores/info';...//此处省略N多文件exportdefaultnewVuex.Store({modules:{user,info
413100
3228
0
Javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
Javan
2年前
Webpack
说说webpack的热更新是如何做到的?原理是什么?
说说webpack的热更新是如何做到的?原理是什么?一、是什么HMR全称HotModuleReplacement,可以理解为模块热替换,指在应用程序运行过程中,替换、添加、删除模块,而无需重新刷新整个应用例如,我们在应用运行过程中修改了某个模块,通过自动刷新会导致整个应用的整体刷新,那页面中的状态信息都会丢失如果使用的是HMR,就可以实现只将修改的模块实时替换至应用中,不必完全刷新整个应用在webpack中配置开启热模块也非常的简单,如下代码:constwebpack=require('webpack')
404740
2694
0
zxg_神说要有光
Lv0
公号「神光的编程秘籍」
0
关注
0
关注者
关注
zxg_神说要有光
1年前
Webpack
用 VSCode 调试网页的 JS 代码有多香
相比纯看代码来说,我更推荐结合debugger来看,它可以让我们看到代码实际的执行路线,每一个变量的变化。可以大段大段代码跳着看,也可以对某段逻辑一步步的执行来看。Javascript代码主要有两个运行环境,一个是Node.js,一个是浏览器。一般来说,调试Node.js上跑的JS代码我会用VSCode的debugger,调试浏览器上的JS代码我会用chromedevtools。直到有一天我发现VSCode也能调试浏览器上的的JS代码,试了一下,是真的香。具体有多香呢?我们一起来看一下。在项目的根目录下有
402490
2713
0
Javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
Javan
2年前
Webpack
说说webpack proxy工作原理?为什么能解决跨域?
说说webpackproxy工作原理?为什么能解决跨域?一、是什么webpackproxy,即webpack提供的代理服务基本行为就是接收客户端发送的请求后转发给其他服务器其目的是为了便于开发者在开发模式下解决跨域问题(浏览器安全策略限制)想要实现代理首先需要一个中间服务器,webpack中提供服务器的工具为webpack-dev-serverwebpack-dev-serverwebpack-dev-server是webpack官方推出的一款开发工具,将自动编译和自动刷新浏览器等一系列对开发友好的功能全
403900
2743
0
若川
Lv0
每周一起学200行左右的源码共读活动,加微信 ruochuan02 参与
0
关注
0
关注者
关注
若川
1年前
Webpack
学习 axios 源码整体架构,打造属于自己的请求库
1.前言你好,我是若川。这是学习源码整体架构系列第六篇。整体架构这词语好像有点大,姑且就算是源码整体结构吧,主要就是学习是代码整体结构,不深究其他不是主线的具体函数的实现。本篇文章学习的是实际仓库的代码。学习源码整体架构系列文章如下:1.学习jQuery源码整体架构,打造属于自己的js类库2.学习underscore源码整体架构,打造属于自己的函数式编程类库3.学习lodash源码整体架构,打造属于自己的函数式编程类库4.学习sentry源码整体架构,打造属于自己的前端异常监控SDK5.学习vuex源码整
404655
2681
0
zxg_神说要有光
Lv0
公号「神光的编程秘籍」
0
关注
0
关注者
关注
zxg_神说要有光
1年前
Webpack
CSS 布局的本质是什么
UI发展史自从图形界面操作系统问世以来,之上的应用软件基本都会绘制界面,这也是用户使用软件的接口,叫做UI(userinterface)。涉及到用户体验、设计、具体界面的开发,是软件中和用户最近的一部分,也是多个职能的岗位交集最多的部分。根据操作系统不同,会有不同的界面的开发方式。安卓、ios、windows等都有各自的创建ui的库,但是更底层的绘图库却是有标准的:跨平台的绘图api接口标准OpenGL以及windows下的DirectX。因为各个操作系统绘制ui的方式不同,所以跨平台的绘制方案逐渐流行开
404246
2750
0
Javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
Javan
2年前
Webpack
说说webpack中常见的Plugin?解决了什么问题?
说说webpack中常见的Plugin?解决了什么问题?一、是什么Plugin(Plug-in)是一种计算机应用程序,它和主应用程序互相交互,以提供特定的功能是一种遵循一定规范的应用程序接口编写出来的程序,只能运行在程序规定的系统下,因为其需要调用原纯净系统提供的函数库或者数据webpack中的plugin也是如此,plugin赋予其各种灵活的功能,例如打包优化、资源管理、环境变量注入等,它们会运行在webpack的不同阶段(钩子/生命周期),贯穿了webpack整个编译周期目的在于解决loader无法实
404630
2658
0
Javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
Javan
1月前
Webpack
vue2 项目编译构建优化,提升10倍速
...
131745
539
0
Javan
Lv6
专注于前端知识分享
0
关注
0
关注者
关注
Javan
2年前
Webpack
说说webpack中常见的Loader?解决了什么问题?
说说webpack中常见的Loader?解决了什么问题?一、是什么loader用于对模块的"源代码"进行转换,在import或"加载"模块时预处理文件webpack做的事情,仅仅是分析出各种模块的依赖关系,然后形成资源列表,最终打包生成到指定的文件中。如下图所示:在webpack内部中,任何文件都是模块,不仅仅只是js文件默认情况下,在遇到import或者load加载模块的时候,webpack只支持对js文件打包像css、sass、png等这些类型的文件的时候,webpack则无能为力,这时候就需要配置对
406112
2713
0
下拉加载更多
您好
去签到
你已经连续签到
0
天
猜你喜欢
换一换
最新文章
更多