vue项目优化
cross-env 包环境静态文件分离require 是置顶的双斜杠 //baidu.com可以是http也可以是httpsrequire.ensure打包到不同的文件中项目文件路径规范静态文件（不需要打包的文件）放在static路径下，同时静态文件使用es5语法，css原生语法...
2024-01-10
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
VUE 项目实战1--------------------------------------------------server.js当前目录 要启两个服务 一个前端的 一个后端1. 启动后端服务node server.js2.启动前端的服务npm run dev10：22：00--------------------------------------------------懒加载 vue-Lazyloadrequirejs---------------------------------------...
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项目报错处理
当我们执行完npm run serve命令时，会遇到这样的情况。报错这时我们需要用VS Code把项目打开，然后打开终端，找到package.json文件，里面放的都是我们安装的插件，找到less-loader，删除它，然后记得保存。在终端界面输入npm i命令运行结果我们再次执行npm run serve命令，提示我们缺少两个包...
2024-01-10
vue项目打包采坑
1.1. vue运行报错error:Cannot assign to read only property 'exports' of object '#'这个错误我是在打包完部署到nginx上才会报的，在本地环境可以正常运行，真坑；网上的资料说的报错原因是export和import不兼容啥的，经过我实际测试修改，问题出在使用export导出方法的js中，import了里面包含module.exports的js，这是两种不...
2024-01-10
vue项目打包问题
vuecli4项目。 "scripts": { "serve": "vue-cli-service serve && webpack-dev-server --open", "test": "vue-cli-service build --mode testServer", "build": "vue-cli-service build", "webpack": ...
2024-02-16
vue 项目实战一
本人是一个vue爱好者，今天就从项目第一步开始来实现我们的vue后台管理开发首先 大家vue项目是运行在nodejs环境，安装我这里就不阐述了。大家根据提示去安装然后就我们就开始构建我们的第一个vue项目了进入黑窗口模式然后进去我们想要放项目的盘 构建接下来就是等待然后根据提示一步步确...
2024-01-10
vue项目之主页布局
2.基本结构 代码:<template> <el-container class="home-container"> <!-- 头部--> <el-header>Header</el-header> <el-container> <!--左侧--> <el-aside width="200px">Aside</el-aside> <!--主题--> <el-main>Main</el-main> </el-container> </el-c...
2024-01-10
vue项目加入百度统计
百度统计注册地址：https://tongji.baidu.com/sc-web/在script标签中加入此脚本： // 百度统计 var _hmt=_hmt||[]; (function(){ var hm=document.createElement("script"); hm.src="https://hm.baidu.com/hm.js?a87a1e6fe16a34366d2109975560e5f6"; var s=documen...
2024-01-10
vue 项目碰到的问题
易车三期的项目，碰到的vue问题，暂时记录一下。 1、跨vue组件的方法调用 2、路由的跳转，带参数的（例如ID）跳转不到其他的页面 3、js文件的导出和引入，在一个vue文件中调用js文件的方法，此行为可以抽取公共的函数。 4、provide、inject 方法调用跨vue组件的methods中的方法 5、...
2024-01-10
IE无法访问vue项目
最近调兼容突然发现IE打不开VUE项目，搜了搜是因为IE不识别es6语法。网上很多都写了引入@babel/polyfill模块，但是配置后无法直接打开，需要打包dist文件后访问dist文件打包后启动我是用nginx启动的，报很多404，需要改一下项目下的/static路径。换成./就可以了...
2024-01-10
vue项目前端埋点的实现
埋点方案的确定。业界的埋点方案主要分为以下三类：代码埋点：在需要埋点的节点调用接口，携带数据上传。如百度统计等；可视化埋点：使用可视化工具进行配置化的埋点，即所谓的「无痕埋点」，前端在页面加载时，可以读取配置数据，自动调用接口进行埋点。如开源的Mixpanel;无埋点：前端...
2024-01-10
如何优化vue的项目体积?
最近比较空闲 相对当前的两个前端项目进行优化,本地打包感觉有点慢,看了一下项目里面引了很多依赖,很多是不必要的:package.json文件如下:{ "name": "amconsole", "version": "1.0.0", "description": "A Vue.js project", "author": "", "private": true, "scrip...
2024-02-11
vue项目加密之AES加密
在我们做项目的时候，经常会遇到一些加密的需求，防止用户通过发f12看到一些用户的信息，废话不多说，开搞了AES加密1.安装crypto-jsnpm install crypto-js --save-dev2.在工具类utils新建一哥crypto.js的文件3.在新建文件夹内复制以下代码/** * 工具类 */import Vue from \'vue\'import CryptoJS from \'crypto-js\'export default ...
2024-01-10
Vue项目里面的问题
列表进入详情页的传参问题。本地开发环境请求服务器接口跨域的问题axios封装和api接口的统一管理UI库的按需加载如何优雅的只在当前页面中覆盖ui库中组件的样式定时器问题rem文件的导入问题Vue-Awesome-Swiper基本能解决你所有的轮播需求打包后生成很大的.map文件的问题fastClick的300ms延迟解决方...
2024-01-10
vue项目钩子hook问题？
在一个vue项目中，当前我有两个hook：useTable和useFrom并且有两个请求 requestA和requestB，useTable中需要请求requestA并获取到其返回的数据。hooksB中需要请求requestA和requestB，并且useForm中要求要请求完requestA才能请求requestB，因为在requestB中需要用到requestA返回的数据。我如何才能不让re...
2024-02-22
vue项目锚点定位+滚动定位
文来自：https://blog.csdn.net/qq_43369797/article/details/98966790功能： HTML： js：scrollEvent(e) { let scrollItems = document.querySelectorAll(\'.condition-container\') for (let i = scrollItems.length - 1; i >= 0; i--) { // 判断滚动条滚动距离是否大于当前滚...
2024-01-10如何为vue的项目添加单元测试
动机单元测试能避免出现一些代码运行结果与预期不符的错误，通常是一些比较低级但又难以发现的问题。粗心且懒，在每次调整之后，需要不断地检查代码，反复去走流程。担心由于自己的改动而导致了逻辑上的错误。而这里面的一大部分工作其实可以让单元测试来完成。有了单元测试之后，可...
2024-01-10
Vue项目环境配置流程
一、配置仓库公钥（SSH）1、打开命令面板，在命令面板输入ssh-****** -t rsa -C “注册仓库时的邮箱”，在系统盘生成.ssh后缀文件夹和.pub后缀文件。如下图：2、打开.pub后缀文件，复制文件里的代码到码云：这样就生成了公钥二、创建项目仓库点击新建仓库，填好仓库名称以及是否开源等信息即可创...
2024-01-10
vue项目打包发布，跨域问题求助
vue开发了以一个小插件，中间调用了一个第三方接口，在本地开发环境中，配置了proxy，解决了跨域问题，但是打包之后，发布npm包后，失效了这里该怎么解决呢，或者有什么思路呢，各位大佬们这里是发布npm包（中间调用了一个第三方接口），解决跨域，配置nginx肯定不合适在这种情形试了网上的方案，jsonp跨域，但是这个第三方接口做了限制（crob)，jsonp跨域不成功回答：可以尝试让后端出个代理...
2024-02-22
vue项目打包以及优化的实现步骤
目录vue项目的打包上线及优化vue项目的打包项目托管项目的常见优化vue项目的打包上线及优化项目完成，我们会将项目进行上线，为了提升性能，我们往往会进行一些优化处理vue项目的打包脚手架项目中有一个默认的打包命令,我们可以输入npm run bulid来对项目进行打包打开终端，切换到项目根目...
2024-01-10详解vue移动端项目代码拆分记录
撸一套vue多端共用，非常适合需要快速且全面上线的项目。但是多端共用一套vue代码，由于平台间的互相限制，每端在某些业务例如支付分享等是完全独立的代码，每个平台的支付方式也会有所差异，造成在这些业务的实现过程中会有太冗余的“if else”判断。所以为了提高代码的复用性、扩展性，可...
2024-01-10
Vue2.0项目实战语法
一、安装配置依赖1） vue init webpack-simple 项目名称 2） cnpm install3 ) npm run dev4 ) cnpm install vuex vue-router axios -D5 ) cnpm install style-loader css-loader -D 6 ) 需要在webpack.config.js中加入 { test: /\.css$/, loader: 'style-loader!...
2024-01-10
vue 项目软键盘回车触发搜索事件
目的：掉起来右下角为搜索的按钮步骤：1、input的type改为search，再写keydown按下时的事件调取搜索事件的方法这样安卓手机上回车就变成了“搜索”，不过ios仍然是换行2、input 外面套form，必须要有action，action=“javascript:return true”我的项目用van：想弹出数字键盘，并监听搜索（换行），在安卓上执...
2024-01-10
