摘要：
美化博客 本模板配置项手册 好看的博客地址 博客园皮肤1 博客园皮肤2 博客园皮肤3 博客园皮肤4 next-theme博客园主题 Esofar's Blog 切换博客园皮肤 阅读全文
posted @ 2021-12-06 18:11
顾诚的城
阅读(62)
评论(0)
推荐(1)
摘要：
1. 先根据用户名和密码，获取用户token，包括id，name, token const account = reactive({ name: localCache.getCache('name') ?? '', password: localCache.getCache('password') 阅读全文
posted @ 2021-12-06 17:43
顾诚的城
阅读(1095)
评论(0)
推荐(0)
摘要：
普通数组 var arr=[1,1,2,3]; var newArr = [...new Set(arr)]; // 对原始数组去重 var list = []; newArr.forEach(i => { list.push(arr.filter(t => t i))； }) var mlist 阅读全文
posted @ 2021-12-06 17:38
顾诚的城
阅读(2226)
评论(0)
推荐(0)
摘要：
1. gsap数字滚动插件 GSAP的全名是GreenSock Animation Platform，是一套脚本动画工具。 <template> <div class="number-roll">{{ showCounter }}</div> </template> <script> import 阅读全文
posted @ 2021-12-06 17:37
顾诚的城
阅读(3460)
评论(0)
推荐(3)
摘要：
public 目录提供的是一个应急手段，通过绝对路径引用， 把图片放在public/img 中，并需要为你的 URL 配置 publicPath 前缀 publicPath: process.env.BASE_URL（注意：要放在 data 或者 mounted 下, computed 阶段获取不到 阅读全文
posted @ 2021-12-06 17:18
顾诚的城
阅读(179)
评论(0)
推荐(0)
摘要：
在 beforeDestroyed 中把定时器取消掉： 原因是每次重绘后不是简单的 resize而是重新实例化了一个组件，由于data的独立性，新组件中的timer = null，而旧组件中的 timer始终存在，未被销毁，而此时echarts实例已被销毁，所以会有 echarts 实例已被销毁的警 阅读全文
posted @ 2021-12-06 17:13
顾诚的城
阅读(3828)
评论(0)
推荐(0)
摘要：
警告：如 watch 了数组数据，则需要将数据重新赋值给一个变量，保证原数组不变 let data = JSON.parse(JSON.strinify(this.propsData)) data.sort((a, b) => { return b.value - a.value }) 阅读全文
posted @ 2021-12-06 16:10
顾诚的城
阅读(973)
评论(0)
推荐(0)
摘要：
包下错了，重新下载npm i @types/js-cookie 阅读全文
posted @ 2021-12-06 16:09
顾诚的城
阅读(1293)
评论(0)
推荐(0)
摘要：
/** 组件 A */ document.addEventListener('自定义事件', ev => console.log(ev)); // CustomEvent {isTrusted: false, detail: "我是 payload", type: "自定义事件", target: 阅读全文
posted @ 2021-12-06 16:08
顾诚的城
阅读(153)
评论(0)
推荐(0)
摘要：
let max = Math.max.apply(null, arr.map(item ⇒ item.value)) 阅读全文
posted @ 2021-12-06 16:08
顾诚的城
阅读(669)
评论(0)
推荐(2)
摘要：
常用分支操作 1. 删除本地和远程分支 -D = -delete -force 强制删除，不校验是否有merge及冲突 git branch -d feat_test1 git push origin -d feat_test1 git branch -D feat_test1 2. 删除追踪分支 阅读全文
posted @ 2021-12-06 16:05
顾诚的城
阅读(86)
评论(0)
推荐(0)
摘要：
// 艺术字 @font-face { font-family: 'AgencyFB'; src: url('../../public/fonts/AgencyFB.ttf'); } // iconfont import '@/assets/icon/iconfont.css' 阅读全文
posted @ 2021-12-06 15:56
顾诚的城
阅读(395)
评论(0)
推荐(0)
摘要：
使用TS编写代码时，有些情况下，比如第三方的库对象，我们想增加一些属性，并且确认是没问题的，但是TS检查时会报错导致不能正常编译运行： 我们通过添加// @ts-ignore来告诉TS该条语句不检查类型问题，此时是可以正常编译了，但是// @ts-ignore这条注释标红了很难受： 这个我们可以通过 阅读全文
posted @ 2021-12-06 15:24
顾诚的城
阅读(962)
评论(0)
推荐(0)
摘要：
Vue2版本： computed: { watchAll() { const { a, b } from this return { a, b } } } watch: { watchAll(val) { console.log(val) // { a: ..., b: xxx } } } Vue3 阅读全文
posted @ 2021-12-06 15:14
顾诚的城
阅读(1846)
评论(0)
推荐(0)
摘要：
方法一： if ($("#checkbox-id")get(0).checked) { // do something } 方法二： if($('#checkbox-id').is(':checked')) { // do something } 方法三： if ($('#checkbox-id') 阅读全文
posted @ 2021-12-06 15:12
顾诚的城
阅读(575)
评论(0)
推荐(0)
摘要：
JS-遍历树形结构(Tree)，根据id找到对应的name(递归) getTreeName(list, id){ let _this = this for (let i = 0; i < list.length; i++) { let a = list[i] if (a.id id) { retur 阅读全文
posted @ 2021-12-06 15:09
顾诚的城
阅读(1162)
评论(0)
推荐(0)
摘要：
ES6-数组遍历符合条件跳出循环 JS在for循环遍历时，在满足if条件判断后依然重复进行循环直至循环结束，为结局此问题，有三种解决方法。 1. try...catch捕获异常 try { var array = ["first","second","third","fourth"]; array. 阅读全文
posted @ 2021-12-06 15:04
顾诚的城
阅读(2396)
评论(0)
推荐(0)
摘要：
reduce()用法 计算对象数组中 value 值的总和 let total = arr.reduce((sum, number) => { return sum + number.value }, 0) // 这里sum初始值为0 reduce完整用法 阅读全文
posted @ 2021-12-06 14:37
顾诚的城
阅读(92)
评论(0)
推荐(0)
摘要：
Vue—样式穿透/deep/ >>> ::v-deep deep()四者的区别 1./deep/ 在vue3.0之前可使用，例如(复写样式前加/deep/)，vue3.0及后使用就会报错 & /deep/ .el-input { width: 60px; } 2. ::v-deep 在vue3.0及 阅读全文
posted @ 2021-12-06 11:36
顾诚的城
阅读(1922)
评论(1)
推荐(0)
摘要：
Vue3项目搭建规范 一. 代码规范 1.1 集成editorconfig配置 EditorConfig有助于为不同IDE编辑器上维护一致的编码风格 安装插件：EditorConfig for VS Code 后会读取.editorconfig文件 # http://editorconfig.org 阅读全文
posted @ 2021-12-06 11:30
顾诚的城
阅读(869)
评论(0)
推荐(0)
摘要：
CSS3实现单行文本两端对齐 p { height: 24px; text-align: justify; text-last-align: justify; } p::after { display: inline-block; content: ''; overflow: hidden; wid 阅读全文
posted @ 2021-12-06 11:26
顾诚的城
阅读(137)
评论(0)
推荐(0)
摘要：
CSS3实现字体描边的两种方法 -webkit-text-stroke: 1px #fff;：不建议，向内描边，字体颜色变细，效果不佳； 用box-shadow模拟描边，向外描边，保留字体粗细，赞！ -webkit-text-shadow: #fff 1px 0 0, #fff 0 1px 0, # 阅读全文
posted @ 2021-12-06 11:25
顾诚的城
阅读(511)
评论(0)
推荐(0)
摘要：
CSS区分Chrome和FireFox 描述：由于Chrome和Firefox浏览器内核不同，对CSS解析有差别，因此常会有在两个浏览器中显示效果不同的问题出现，解决办法如下： /*Chrome*/ @media screen and (-webkit-min-device-pixel-ratio: 阅读全文
posted @ 2021-12-06 11:23
顾诚的城
阅读(625)
评论(0)
推荐(0)
浙公网安备 33010602011771号