vue项目总结
如果port被占用，修改浏览器的port，那么进入config的index.js的port修改串口号即可。vue项目main.js文件下import router from \'./router\'默认导入router文件夹下index.js的原因https://www.cnblogs.com/beyrl-blog/p/8629178.htmlindex.js的module.exports包含dev和build两个部分。https://www.jianshu.com/p/8ab4fb18b6b9https:...
2024-01-10
vue项目基本流程
一、做项目基本流程： 1、规划组件结构 Nav.vue Header.vue Home.vue..... 2、编写对应路由 vue-router 3、具体些每个组件功能 一些公共的文件jquery,jquery插件,一般在index.html文件里面引用 分析项目需...
2024-01-10
vue项目打包报错
vue项目打包报错老项目拉下来后改了些样式，再次打包他会报错npm ERR! missing script: build npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\Administrator\AppData\Roaming\npm-cache_logs\2020-05-12T06_25_52_458Z-debug.log解决办法：找到package.json的，看有没有安装optimize-css-asset...
2024-01-10
如何运行vue项目
在师兄的推荐下入坑vue.js ，发现不知如何运行GitHub上的开源项目，很尴尬。通过查阅网上教程，成功搭建好项目环境，同时对前段工程化有了朦朦胧胧的认知，因此将环境搭建过程分享给大家。 首先，...
2024-01-10
vue项目打包压缩？
vue项目已经使用UglifyJsPlugin进行打包压缩了，上级要求项目打包之后js文件再小点，还有什么处理办法呢？希望大佬们能给点建议，如果可以的话，有点代码支持！拜谢！！！回答：webpack配置Compression-webpack-plugin压缩gzip文件https://segmentfault.com/a/1190000044007909回答：可以安装一下这个插件compres...
2024-02-05
初始化前端vue项目
一、用webstorm或者vs（其他工具都可）打开项目>文件>打开二、可以现在控制台中输入 npm run serve 先运行项目，出现的local地址复制，打开浏览器输入就可以看到项目三、进入App.vue文件，删除多余的部份四、先清空路由文件中index.js的引入组件，再删除三个多余的组件结果如下图：五、再company中新建一...
2024-01-10
vue项目运行端口问题
在运行vue项目时，项目配置端口与实际运行端口不一致这是什么原因 而且每一次重新启动的端口还都是随机的，没有重复的，困扰一天了，求解回答：npm install portfinder@1.0.21运行一下就可以了回答：今天也遇到这个问题了~！解决办法：在项目的 package.json 中新增一个属性：{ "resolutions": { "@vue/cli...
2024-01-10
nuxt重构vue项目
背景：公司要求用nuxt重构vue项目，目的是为了服务端渲染ssr，提高加载速度，nuxt还可以实现seo优化，但是由于是后台管理项目，所以没用到这个功能。改造的时候确实遇到很多坑，想过不用这个框架，自己配置ssr，由于自己配置ssr更复杂，所以硬着头皮改完了，现在总结一下遇到的问题，一来做完...
2024-01-10
vue 项目打包报错?
vue 项目打包报错? 应该怎么调整？ error in ./src/store/modules/userStore.tsModule parse failed: Unexpected token (30:30)File was processed with these loaders: * ./node_modules/cache-loader/dist/cjs.js * ./nod...
2024-02-17
Vue项目-商城
Vue商城项目结构分析：固定的头部： mint-ui组件库的Header组件切换的组件： 放置一个router-view来展示路由匹配到的组件固定的底部： MUI框架的代码片断 tabbar制作tabbar中的图标图标的类名在icon.thml和icons-extra.html中查找使用icons-extra.html中的图标时要引入对应的字体文件和样式文件将tabbar中的链接...
2024-01-10
vue项目菜单点不动的问题
菜单点不动，console报错，刷新后正常在网上找到解决办法是router.onError((error) => { const pattern = /Loading chunk (\d)+ failed/g; const isChunkLoadFailed = error.message.match(pattern); const targetPath = router.history.p...
2024-02-15
vue项目加密之CBC加密
CBC加密1.添加工具类import CryptoJS from \'crypto-js\'const keyStrs = \'huayunabcd123456\'const keyIv = \'huayunkjsecurity\'export default {//加密 encrypt(word){ // cbc加密 let key = keyStrs; let iv = keyIv; key = CryptoJS.enc.Utf8.parse(key); iv = Cr...
2024-01-10
vue项目中操作PDF文件
以前从来没接触过前端要求显示PDF文件，一时之间有点懵逼，不知从哪下手啊... 无奈之下，去找度娘，方法还不少，iframe embed object这些标签就可以， 可是拿过来做个demo一试，并没有什么卵用，网页中可以显示pdf，但是页面上就是出不来，反正我是没有试成功；还有PDFObject PDF.js 这两...
2024-01-10
Vue的项目文件介绍
一、初始化一个项目使用npm init -y来初始化一个项目。然后使用npm install --save-dev ...来安装需要的软件包，这样在package.json文件中就会自动添加相应的依赖。二、package.json和package-lock.json的区别package-lock就是锁定安装时的包版本号，需要上传到git上，以保证其他人在install时候，大家的依赖版本相同...
2024-01-10
vue项目中使用骨架屏的方法
现在的应用开发，基本上都是前后端分离的，前端主流框架有SPA、MPA等，那么解决页面渲染、白屏时间成为首要关注的点webpack可以按需加载，减小首屏需要加载代码的体积；使用CDN技术、静态代码等缓存技术，可以减小加载渲染的时长问题：但是首页依然存在加载、渲染等待时长的问题。那么如何...
2024-01-10
NUXT vue项目打包发布
nuxt是Vue项目服务器端渲染的通用型框架，主要作用是SEO优化；具体的搭建项目我这里就不做说明了，大家阔以参考https://zh.nuxtjs.org/guide/installation官方文档说明。接下来我为大家介绍一下打包发布到服务器的问题：1、首先执行npm run build；2、将打包好的.nuxtstaticnuxt.config.jspackage.json 这四个文件丢...
2024-01-10vue 项目 用户数据请求？
场景描述：目前项目将用户数据请求放在 App.vue 文件的 mounted 中而在路由拦截器中，会去判断用户是否为空当页面需要认证且用户数据为空时，路由会跳转到/login问题描述：当首次进入页面时，会先经过路由拦截器，再到 App.vue 中，调用请求数据的方法所以在 App.vue 中请求数据似乎不是很合理各位大佬平时在项目中是怎么实现的呢？回答：在login界面登录，登录成功后把toke...
2024-02-05
vue项目-各类卡顿问题记录
1、慎重修改prop传来的对象数据父子组件，是通过prop组件来实现通信的。如果是个基础类型，在子组件修改了prop的值，vue会报错。但是如果是引用类型，不会报错，甚至还给你修改了。当我们使用父组件传来的prop对象来构建视图，并有修改操作的时候，你会发现，会卡，会卡，会卡。。。。所以不要...
2024-01-10
IDEA引入vue项目启动配置
第一步：：默认配置第二步：来到你vue项目的目录看到(src同级)shift+右键打开cmd窗口 输入npm install之后项目就会多出一个node_modules的文件夹 下载成功第三步：下载成功后 在输入npm run dev 之后 项目就会自动运行了 这个就表示自动运行了 谢谢！！！...
2024-01-10
Vue_打包并发布项目
一、 打包vue项目步骤：1、对当前vue项目进行打包的命令如下：npm run build 2、打包完成，会输出Build complete并且在vue项目中会生成一个名字为dist的打包文件。如下图：二、 使用静态服务器工具包发布打包的vue项目1、首先安装全局的serve，如下图： 命令如下：serve + 打包文件名serve dist 效果图如...
2024-01-10
Vue项目优化打包详解
目录前言一、路由懒加载1.为什么需要路由懒加载2.如何实现路由懒加载3.路由懒加载中的魔法注释二、分析包大小1.需求2.如何生成打包分析文件三、webpack配置排除打包1.需求2.排除打包四、 引用网络资源1.需求2.CDN3. 实现步骤五、 打包去除console.log1.需求2.代码演示总结前言Vue项目开发完毕后，对项目...
2024-01-10
vue项目解决数字计算精度问题
js计算精度问题解决步骤：1.进入指定项目 终端安装依赖：npm install mathjs --save2.引入依赖包，在需要解决精度问题的页面引入mathjs： const math = require(‘mathjs’)使用math.format方法math.format(a*b,num)a,b表示需要计算的两个数，可以进行加减乘除平方等等计算num表示精度，最大为14，表示单一文本框最大的...
2024-01-10
项目vue2.0仿外卖APP（一）
http://www.cnblogs.com/Chen-XiaoJun/p/6247225.html最近在学习慕课网的课程：用vue.js做一个仿饿了么外卖APP的项目，现在也把流程啊什么的暂时先整理一下在这个博客上面。当然，这个过程会有点长，不过确实能学到很多东西。话不多说，马上开始吧。注：当我们把用vue-cli脚手架搭建成的vue项目复制到其他...
2024-01-10
项目vue2.0仿外卖APP（二）
vue-cli开启vue.js项目github地址：https://github.com/vuejs/vue-cliVue.js开发利器vue-cli，是vue的脚手架工具。在工地上，脚手架是工人搭建好的架子，能够帮助工人们作业；在技术圈，脚手架就是来帮助我们编写好基础的代码的工具。Vue-cli就是帮助我们写好vue.js基础代码的工具。使用Vue.js，当你构建一个原型...
2024-01-10
vue 项目软键盘回车触发搜索事件
目的：掉起来右下角为搜索的按钮步骤：1、input的type改为search，再写keydown按下时的事件调取搜索事件的方法这样安卓手机上回车就变成了“搜索”，不过ios仍然是换行2、input 外面套form，必须要有action，action=“javascript:return true”我的项目用van：想弹出数字键盘，并监听搜索（换行），在安卓上执...
2024-01-10
