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