项目优化移除console.log() 开发时不移除，build时移除console.log() vue ui命令 项目上线原文：https://www.cnblogs.com/xiewenyu/p/13110899.html
最近公司在做个监控项目。前端使用Ht来画页面，网上的资料很少，本人一点一点的时间去熟悉，去着手项目开发，并且满足开发项目需求HT是什么？跳转到：https://www.hightopo.com/guide/guide/core/beginners/ht-beginners-guide.html#ref_filter引入Ht.js <script type="text/javascript" src=‘./lib/core/ht.js‘></script> created () {this.gv = new ht.graph.GraphView()this.dm = this.gv.dm()},mounted () {this.gv.addToD...
1.创建环境env文件文件说明备注.envvue-cli-service build 时 , 默认的配置默认的 npm run build = vue-cli-service build.env.developmentvue-cli-service serve 时 ,默认的配置默认的 npm run serve = vue-cli-service serve.env.{mode}下文以mode = dev为例 .env文件中变量命名 必须以 VUE_APP_ 开头例子(.env.dev) :VUE_APP_DATA_TEST=TRUE VUE_APP_REQUEST_URL=‘/api‘ VUE_APP_REQUEST_DEMO=‘http://172.18.0.95:8073‘...
摘自：https://blog.csdn.net/qq_44469200/article/details/103679882【深刻认识this.$store.dispatch() 与 this.$store.commit()的区别】commit: 同步操作this.$store.commit(‘changeValue‘,name)this.$store.state.changeValuedispatch: 异步操作this.$store.dispatch(‘getlists‘,name)this.$store.getters.getlists 原文：https://www.cnblogs.com/Zhang-jin/p/14148019.html
一、Jenkins配置：1、安装Publish Over SSH 和NodeJS(编译vue项目使用)插件： 如图所示，进入安装插件页面： 再安装nodejs插件： 点击安装即可。2、配置git用户凭证： 如上图所示，进入账号维护页面： 添加账号和密码，点击下边的保存：3、系统配置：配置Publish over SSH账号：拉倒最下边：配置完成记得保存。 4、全局工具配置： （1）git配置： （2）NodeJS配置： 配置完成记得保存。 二、创建部署项目：1、创建 item： ...
如果你了解前端，肯定对AJAX不陌生，那么通过AJAX技术能够达到更新网页部分内容来达到加载其他信息的效果。通过AJAX我们可以来对文章进行优化，如果我们的博客在首页载入时就加载全部的文章，势必会影响加载速度，所以我们要来异步加载文章的内容，通过分页或者向下加载的方式来加载更多的文章内容。这样大大降低了网页最初加载的速度，并且也能受用户的意愿加载更多的内容。1. 后端实现：其实后端实现分页的功能十分的简单，如果使...
在项目开发的过程中，因为无法和后台的数据做交互，所以我们可以自建一个假数据文件(如data.json)到项目文件夹中，这样我们就可以模仿后台的数据进行开发。但是，如何在一个vue.js 项目中引入本地的json文件 vue.js代码如下： var app = express() //从这后面开始加var appData = require(‘../data.json‘);var seller = appData.seller;var goods = appData.goods;var ratings = appData.ratings;var apiRoutes = express.Router...
使用方法component:resolve => require([‘@/pages/About‘],resolve) //"@"相当于".." 懒加载router/index.jsimport Vue from‘vue‘ import Router from‘vue-router‘ Vue.use(Router)export defaultnew Router({mode:‘history‘,routes: [{path:‘/‘,redirect:‘/index‘},{path: ‘/about‘,name: ‘About‘,component:resolve => require([‘@/pages/About‘],resolve)},{path: ‘/index‘,name: ‘Index‘,componen...
字体图标可以从阿里巴巴的矢量图标库里下载:https://www.iconfont.cn/collections/index?spm=a313x.7781069.1998910419.4&type=1比方说我需要一个搜索图标，可以把其先添加到购物车 在项目里可以把添加过去的icon下载下来 下载下来的压缩包解压出来有这么多文件:其中有用的就这一些：打开VUE工程的\src\assets\styles目录（具体目录各个项目可能不同，总之放在和样式有关的下面就对啦）新建一个iconfont文件夹保存全部的字体图标,把...
先安装node运行环境下载网址 https://nodejs.org/en/或者http://nodejs.cn/检查node是否安装成功命令行窗口直接输入$ node -v 如果输出版本号，说明我们安装node 环境成功再查看npm版本号$ npm -v安装淘宝镜像(此步骤是为了提高下载速度，可以忽略)如果访问外网比较慢，可以使用淘宝镜像。安装淘宝镜像，在命令行中输入 $ npm install -g cnpm --registry=https://registry.npm.taobao.org 安装之后我们就可以使用cnpm代替npm了，下...
Vue 简单的总结一Vue 简单的总结二Vue 简单的总结三Vue 简单的总结四(项目流程)Vue 简单的总结五原文：https://www.cnblogs.com/heshun/p/10090572.html
unique(arr) { const res = new Map(); return arr.filter( (arr) => !res.has(arr.strat_id) && res.set(arr.strat_id, 1) ); },原文：https://www.cnblogs.com/eternityyl/p/14710835.html
现象： 今天Chrome浏览器升级到最新版本（75.0.3770.100），突然发现之前vue页面只要绑定了el-table标签的，都在左右抖动，抖动得眼睛都花了，百度上找半天也没有遇到相同问题的人，后来各种尝试，解决： 将Table的宽度从100%修改为99%，居然完美解决了问题，Remark一下！ 回溯：抖动得时候，看width的变化，用计算器算出来，大概99%左右，也不知道是不是巧合。原文：https://www.cnblogs.com/skyfreedom/p/11122...
class样式绑定： <!DOCTYPE html> <html> <head><title></title><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><script src="./vue.js"></script><!-- <script src="http://cdn.staticfile.org/vue/2.6.10/vue.common.dev.js"></script> --><style type="text/css">.activated{color: red;font-weight: bold;}</style> </head> <body><div ><div @click="handleDivClick" :><h1>hello world</h1></div></...
// 防抖 export const debounce= (func, wait) => {var timeout;returnfunction () {var context = this;var args = arguments;clearTimeout(timeout)timeout = setTimeout(function(){func.apply(context, args)}, wait);} };// 节流 export const throttle = (fn, wait) => {let canRun = true; // 通过闭包保存一个标记returnfunction () {if (!canRun) return; // 在函数开头判断标记是否为true，不为true则returncanRun = fal...