随笔分类 - 功能
摘要：参考 https://juejin.cn/post/7167379639625596935
阅读全文
摘要：1.动态循环id <div v-for="(item,index) in chartList" :key="index"> <div :id="`chart${index}`"></div> </div> 2.js部分 this.chartList = res.data.data.chartList
阅读全文
摘要：时间格式化参考：https://www.cnblogs.com/zhoushuang0426/p/10559172.html js获取当前时间戳；指定时间转换时间戳；时间戳转换时间：参考https://blog.csdn.net/qq_37896578/article/details/9008095
阅读全文
摘要：转载于https://blog.csdn.net/qq_39692256/article/details/82227990
阅读全文
摘要：参考： pc端常用电脑屏幕 （(响应式PC端媒体查询)电脑屏幕分辨率尺寸大全）： https://www.cnblogs.com/xiaobai-y/p/10556752.html sass-实现响应式： https://www.cnblogs.com/easyweb/p/6817033.html
阅读全文
摘要：参考：https://www.cnblogs.com/wangRong-smile/articles/11880249.html 回到顶部的DOM部分： <div class="back_top" @mouseover="enterBackTop" // 鼠标进入回到顶部图标的背景颜色变深 @mou
阅读全文
摘要：参考： https://www.jianshu.com/p/0ceef28f99f2 实现效果： 实现步骤： 1、vuex中menu.js minLeftMenuWidth: 35, // 折叠时左侧菜单的宽度 maxLeftMenuWidth: 180, // 展开时左侧菜单的宽度 const t
阅读全文
摘要：参考： https://www.jianshu.com/p/4b96919e3622 https://blog.csdn.net/joyce_lcy/article/details/78840371（内容全） 一：使用i18n 1、在src目录下建立文件夹：lang 2、en.js： const z
阅读全文
摘要：参考： 实现用户登录及token验证： https://blog.csdn.net/qzcrystal/article/details/106884810 https://www.cnblogs.com/tt-ff/p/11736463.html NProgress使用参考： https://blo
阅读全文
摘要：实现原理 1. 可以在vuex中维护一个isLoading 的变量 2. 在 router.beforeEach 钩子中 设置 isLoading = true , 在 router.afterEach 中 设置 isLoading = false Vuex： actions.js： export
阅读全文
摘要：在学习网易云音乐项目的时候，有一个历史搜索记录的功能， 就是你点击的关键词被记录下来，然后显示在搜索历史记录里； 主要实现方法： 项目中使用的是 'good-storage' : https://www.npmjs.com/package/good-storage 1、npm i good-stor
阅读全文
摘要：在common.js中： // 全屏 export function requestFullScreen(element) { const docElm = element; if (docElm.requestFullscreen) { docElm.requestFullscreen(); }
阅读全文
摘要：为了实现过渡的效果，如图： 主要用到Vue 的 transition: DOM结构部分： <transition name="fade"> <div class="detail" v-show="showDetail" @click="closeDetail"></div> </transition
阅读全文
摘要：https://rain120.github.io/2018/08/11/cascade-menu/
阅读全文
