随笔分类 - JavaScript
js
摘要：实现不可变数据有三种主流的方法 深克隆，但是深克隆的性能⾮常差，不适合⼤规模使用 Immutable.js，Immutable.js 性能良好，但是需要学习额外的API immer，利用Proxy特性，⽆需学习额外的api，性能良好 immer的使用方法 安装immeryarn add immer
阅读全文
摘要：1.找不到模块“../views/main.vue”或其相应的类型声明。 In the src folder add the file shims-vue.d.ts with the following content : Vue 2 : declare module "*.vue" { impor
阅读全文
摘要：实现代码 <div id="dplayer"></div> <script src="https://cdn.jsdelivr.net/npm/flv.js@1.5.0/dist/flv.min.js"></script> <script src="https://cdn.jsdelivr.net/
阅读全文
摘要：css实现 <div class="ballon"></div> /*css部分*/ @keyframes scaleDraw { /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/ 0%{ transform: scale(1); /*开始为原始大小*/ } 25%{ trans
阅读全文
摘要：一、什么是过滤器？ 过滤器是对即将显示的数据做进一步的筛选处理，然后进行显示，值得注意的是过滤器并没有改变原来的数据，只是在原数据的基础上产生新的数据。 官方文档 api: https://cn.vuejs.org/v2/guide/filters.html 过滤的使用场景很广泛,如单位转换、数字打
阅读全文
摘要：ES6：export default 和 export 区别 之前多个ajax请求封装，返回出现问题就是多写了 default https://www.jianshu.com/p/edaf43e9384f 推荐小项目使用export，阅读代码更方便，好像也更节省性能？ 大项目使用export def
阅读全文
摘要：bind(),apply()和call() 总结一下，call、apply 和 bind 的作用都是改变 this 的指向，其中 call 和 apply 的区别在于它们传参的方式不同——call可以传多个形参，而apply只能传一个数组形参。 而bind和call、apply的区别在于bind不会
阅读全文
摘要：环境vue-cli3 , "vant": "^2.12.2","vue": "^2.6.11" Vant 中的样式默认使用 px 作为单位，如果需要使用 rem 单位，推荐使用以下两个工具： postcss-pxtorem 是一款 postcss 插件，用于将单位转化为 remlib-flexibl
阅读全文
摘要：1.获取地址栏参数 /** * qs2obj('file:///E:/wamp/www/11-10-yunnan/column_xwdt.html?abc=1&aaa=2') * qs2obj(window.location.href).abc) * @param {String} url url地
阅读全文
摘要：方法一：采用正则表达式获取地址栏参数：（ 强烈推荐，既实用又方便！） function GetQueryString(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.searc
阅读全文
摘要：//设置cookie的值，以及过期时间 function setCookie(cname,cvalue,exdays){ var d = new Date(); d.setTime(d.getTime()+(exdays*24*60*60*1000)); var expires = "expires
阅读全文
摘要：JS手机号码格式验证 JS使用 function checkPhone(){ var phone = document.getElementById('phone').value; if(!(/^1(3|4|5|6|7|8|9)\d{9}$/.test(phone))){ alert("手机号码有误
阅读全文
摘要：1.新建组件mmGoTop.vue <template> <div id="goTop"> <div class="goTop" v-show="goTopShow" @click="goTop"> <i class="el-icon-caret-top goTopIcon"></i> </di
阅读全文
摘要：js 仿朋友圈的时间显示 刚刚 几天前，几小时，几分，几秒前 function getDateDiff(dateStr) { var publishTime = getDateTimeStamp(dateStr) / 1000, d_seconds, d_minutes, d_hours, d_da
阅读全文
摘要：JS获取指定日期距离当前日期还有多久 /** * 获取距离指定时间还有多少天 * @param {String | Number | Date} dateTime 日期时间 * @example * ```javascript * getDistanceSpecifiedTime('2019/02/
阅读全文
摘要：注册组件 注册全局组件的2种方法 第一种:在main.js中直接注册 //引入 import GlobalA from '@/components/GlobalA.vue' //注册为全局组件 Vue.component('GlobalA',GlobalA) //页面直接使用 // <GlobalA
阅读全文
摘要：function GetDateStr(AddDayCount) { var dd = new Date(); dd.setDate(dd.getDate()+AddDayCount);//获取AddDayCount天后的日期 var y = dd.getFullYear(); var m = dd
阅读全文
摘要：vue 课件版本 vuejs 2.6x vue-cli 3.x 目录 2-1 01课 vue组件化 2-2 02课 vue全家桶 0：00
阅读全文
摘要：vue里面路由传参的三种方式 https://www.cnblogs.com/houjl/p/10122124.html
阅读全文
摘要：1.vue2父子组件双向数据传递 https://segmentfault.com/a/1190000011783590 2.vue父组件通过props向子组件传递方法的方式 https://segmentfault.com/a/1190000010507616 vue 父子组件传值，兄弟组件传值
阅读全文
