有没有和我一样的童鞋,有时候在想获取路由信息,或者想跳转到别的页面时,会不确定到底用$router还是$route,如果你有这个困惑,那我们一起学习一下吧。 $route $...
有没有和我一样的童鞋,有时候在想获取路由信息,或者想跳转到别的页面时,会不确定到底用$router还是$route,如果你有这个困惑,那我们一起学习一下吧。 $route $...
assets与static的区别相同点:资源在html中使用,都是可以的。 不同点:使用assets下面的资源,在js中使用的话,路径要经过webpack中file-load...
https://juejin.im/post/5b55c118f265da0f6f1aa354[https://juejin.im/post/5b55c118f265da0f...
axios 获取后台数据的方法插件 promise 处理异步的方法 封装 在实际项目里为了更方便的使用axios获取后台数据,这里我们用promise封装一下vue项目里封装...
前言 由于项目打包后体积过大, 还有就是项目中首页加载过慢, 过慢的原因就是js,css 静态资源第一次加载的时间长我的vue脚手架版本是@vue/cli 4.3.1 我发现...
JavaScript真的挺无语的,怪不得看了那么多的介绍文章还是一头雾水,直到自己终于弄懂了一点点之后才深有体会:先从整体说起吧,发现没有基础做依据,那都是空中楼阁;先从基础...
在工作中,前端代码打包之后的生成的静态资源就要发布到静态服务器上,这时候就要做对这些静态资源做一些运维配置,其中,gzip和设置缓存是必不可少的。这两项是最直接影响到网站性能...
1. 简介 面试中经常问到前端性能监控相关指标,你知道FP、FCP、FMP、LCP代表什么事件吗?它们的先后顺序如何呢?如何计算?前端性能监控中常用哪些指标? 本文将介绍前端...
架构二次封装需要实现如下功能 API下发 取消多余请求 - 统一处理 HTTP错误统一处理 服务器特殊错误处理 API-mock方案 封装目标:1)页面只管API调用,与服务...
前言 相信大多数移动端前端开发者都是用过lib-flexible来作为移动端适配的解决方案。lib-flexible是淘宝项目组开发出来的一个小插件,属于开源项目,可以在...
less和css相互转换 less2css 工具转npm i -g less 进入到less文件所在目录,执行命令:lessc test.less test.css 手工在线...
1、vite生成项目 2、element-plus 开发项目,首先要挑选一个 UI 组件库。目前市面上支持 Vue 3 的组件库并不多,Element UI 不负众望已经完成...
由于谷歌在Monorepo上的实践,Monorepo受到了越来越多的关注。Monorepo意味着把所有项目的所有代码统一维护在一个单一的代码版本库中,和多代码库方案相比,两者...
本来我是想引入这个插件,自动删除webpack里的dist目录。配置文件写的如下: 可是这样一直报错,查找了一些原因,后来发现是因为传参的原因导致的错误。这样写就不会报错了 ...
本文整理来自深入Vue3+TypeScript技术栈-coderwhy大神新课[https://ke.qq.com/course/3453141#term_id=104002...
一、webpack是什么 webpack 是一个用于现代 JavaScript 应用程序的静态模块化打包构建工具 Webpack的运行需要依赖Node.js,因此需要先安装N...
前后端分离的开发模式,前端需要向后端请求数据(ajax请求),但实际开发过程中,前后端会约定一份接口文档,但前后端开发进度并不一致,当后端没有完善接口功能时,前端需要在本地模...
三分钟快速搭建Vue2+webpack项目 项目目录 如下图: 图1 其中: 【package.json】:对项目进行描述,包括项目的基本信息、依赖模块的版本信息等等; 注意...