![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
记录Vue相关文章
素年锦时……
Hadoop启程
展开
-
VScode配置置Vue代码片段
安装Vetur插件在插件中心搜索安装即可配置代码模板文件(File) ➡ 首选项 (Preference)➡ 用户代码片段(User Snippets) ➡ 点击新建全局代码片段(New Global Snippets file) ➡ 取名 vue(输入vue) ➡ 确定代码片段{ "Print to console": { "prefix": "vue", "body": [ "<!-- $1 -->", .原创 2021-07-04 18:02:28 · 500 阅读 · 0 评论 -
记录一次Vue项目性能优化
优化背景客户测试环境(使用客户全量数据)发现页面加载过慢,客户侧把浏览器控制台network耗时超过2秒API全量抽出转交定位优化问题发现在问题定位中发现三类问题(排除PostgreSQL数据库问题)一. Vue组件API重复调用问题描述多个组件中存在共用的select选择框且select中数据量在万条以上,各个组件中并未封装统一的VueX state统一处理,而是在每个子组件中各自调用从而造成多余的API调用。处理方式封装统一VueX state数据,在父组件中统一调用处理,子组件中在c原创 2021-06-09 10:19:26 · 333 阅读 · 0 评论 -
Vue中创建公共函数
在vue项目中创建公共函数创建common.js文件import Vue from 'vue'const extension = { /** * Store data to sessionStorage with key. * @param key * @param object */ $saveSession: function (key, object) { localStorage.setItem(key, JSON.stringify(objec原创 2021-02-19 10:56:18 · 569 阅读 · 0 评论 -
js以15分钟为单位分割间隔时间
场景 API传回开始时间和结束时间,页面需要展示开始时间和结束时间中相隔多少时间,以15分钟为单位使用select展示,例如开始时间和结束时间相差一小时展示15分钟、30分钟、45分钟以及1小时。相差两个小时;展示一小时内数据以及1小时15分、1小时30分……处理方式 let itemList = []; // 开始时间结束时间相差分钟数,可使用moment.js计算 let diffMinunes = 485; let diffCountMin = Math.fl原创 2021-02-08 17:07:06 · 2384 阅读 · 0 评论 -
Vue项目引入jQuery
Vue项目中引入jQuery执行命令npm install jQuery --save修改package.json文件可以不执行第一步命令直接修改package.json文件,在dependencies中添加jQuery依赖,添加后执行npm install 命令即可"jQuery": "^1.7.4",其他依赖引入jQuery需要引入jQuery对应依赖,此次使用Vue版本为1.+版本,对应依赖为jsdom,location,navigator,xmlhttprequest;安原创 2021-01-11 13:08:04 · 538 阅读 · 0 评论 -
Vue零散整理
Vue起步两个月了,已经可以实现很多功能并可以封装一下组件,但是感觉缺少总结,先记录一下零碎的知识点;本篇文档会持续补充……修改placeholder颜色::v-deep input::-webkit-input-placeholder修改element UI中原生CSS样式.point_name_item { ::v-deep .el-input__inner { text-align: center; color: #2699fb; border: 2px原创 2020-12-28 20:43:36 · 198 阅读 · 0 评论 -
moment安装以及基本用法
使用moment获取时间区间(今日,明日,本周,上周,下个月等)文章声明Vue项目moment安装文章声明文章核心内容为转载文章,转载只为方便查找;原文地址:https://blog.csdn.net/qq_42427109/article/details/88664701Vue项目moment安装新建moment.js文件import Vue from 'vue'import moment from 'moment'Vue.prototype.$moment = moment修改原创 2020-12-04 16:32:49 · 1906 阅读 · 0 评论