Vue项目的性能优化

Vue 框架通过数据双向绑定和虚拟 DOM 技术,帮我们处理了前端开发中最脏最累的 DOM 操作部分, 我们不再需要去考虑如何操作 DOM 以及如何最高效地操作 DOM;但 Vue 项目中仍然存在项目首屏优化、Webpack 编译配置优化等问题,所以我们仍然需要去关注 Vue 项目性能方面的优化,使

Vite处理html模板插件之vite-plugin-html

背景:项目中需要使用模板html动态处理比如 icon 、title。我的项目里是需要在不同的打包指令下,打包的结果中index.html 中title 和 icon都不一致。之前的项目使用的是插件。安装该插件的使用需要注意你项目的webpack版本,安装对应的版本插件。本次因为项目是vite项目,

Node.JS学习 | Babel | webpack | ES6

Node.JS学习 | Babel | webpack | ES6

接口安全&WebPack&REST&SOAP&WSDL&WebService

当网站在运行的时候用到了某些接口,你为了调试这些接口能否正常的调用,能正常查询等等的话,就会用到Swagger这个平台去测试,这是就需要在网站上搭建Swagger这个平台,让这个平台来调试接口。RPC接口 其实就是远程调用客户端和服务端,就好比手机登录游戏的账户密码,而登录的这个账户密码会用到RPC

Webpack配置alias

向前看,就不举vue-cli3.0之前版本是在哪个文件配置的了,直接以vue-cli3.0为例。其实不然,接下来讲讲 path.join() 和 path.resolve() 的区别。path.resolve()方法是以程序为根目录,作为起点,根据参数解析出一个绝对路径。当然肯定有人也会发现,有的项

JS逆向 webpack解密

JS webpack解密 ,这个网站很坑,那个验证字段搜不到,XHR断点也断不到,就很奇怪,不过竟然我敢写这篇文章,就代表我是过了的。

vue3引用ElementPlus出错|如何在vue中引用TypeScript

具体错误:直接套用elementplus官方文档里的模版,报错:Module parse failed: Unexpected token……You may need an additional loader to handle the result of these loaders.简单来说就是e

五-2、vue中引用文件路径问题

vue中引用文件路径问题,vue中给div设置style

14-Vue技术栈之Vue2阶段重点知识

Vue2阶段重点知识,必须掌握,会后续Vue3的学习打好基础。

前端部署发布项目后,如何通知用户刷新页面、清除缓存

前端部署发布项目后,如何通知用户刷新页面、清除缓存

前端工程化知识总结

前端工程化知识总结

前端Vue项目webpack打包部署后源码泄露解决

Vue项目,经Webpack打包部署到服务器后,访问并打开开发者模式,在Source下出现[name]路径,内部包含(webpack)buildin文件夹,因此漏洞检测中的源码泄露警告。

前端项目打包

前端项目打包

vite首次打开界面加载慢问题/解决

写在前面网上都说vite要比webpack快,但个人感受,vite项目的启动确实比webpack快,但如果某个界面是首次进入,且依赖比较多的话,那就会比较慢了。这篇文章就是用来记录,关于vite慢的相关问题与可能的解决方案为什么说vite快?为什么说vite慢?只说vite快那太过笼统,但vite项

vue 解决问题:Webpack安装不成功,webpack -v无法正常显示版本号

vue 解决问题:Webpack安装不成功,webpack -v无法正常显示版本号

新安webpack插件后编译报错compiler.plugin is not a function

安装使用generate-asset-webpack-plugin时报错TypeError:compiler.plugin is not a function,网上搜索了一下大概就是webpack5与这些插件不匹配。推荐的方法几乎都是换一个适配的插件版本,但我所需要的这个插件在npm上最近更新时间是

React脚手架工具创建项目的详细介绍

只是在模块化开发中,我们需要手动的来导入React、ReactDOM,因为它们都是在我们安装的模块中;不会再是在HTML中引入几个css文件,引入几个编写的js文件或者第三方的js文件这么简单;既然相似,就没有必要每次都从零开始搭建,完全可以使用一些工具,帮助我们生产基本的工程化模板;比如项目需要依

digital envelope routines::unsupported 报错解决方案

解决nodejs报digital envelope routines::unsupported错误的方法

webpack 面试题整理

文章目录webpack 面试题整理谈谈你对Webpack的理解Webpack的打包过程/打包原理/构建流程?Webpack中loader的作用/ loader是什么?常见的loader有哪些?Plugin有什么作用?/Plugin是什么常见的Plugin有哪些Webpack 插件的执行顺序(加载机制

webpack-dev-server:静态资源目录配置

webpack-dev-server:静态资源目录配置

登录可以使用的更多功能哦! 登录
作者榜
...
资讯小助手

资讯同步

...
内容小助手

文章同步

...
Deephub

公众号:deephub-imba

...
奕凯

公众号:奕凯的技术栈