JavaScript
但心情怎会无恙
以梦为码
展开
-
Vue组件通信大全
1.$emit 和 props2.$emit 和 $on(事件总线eventBus)3.$parent 和 $children4.$root 和 $refs5.inject 和 provide6.v-model7.Vuex原创 2020-04-21 11:36:24 · 161 阅读 · 0 评论 -
vue的事件总线--eventBus用法
容器新建store/eventBus.jsimport Vue from 'vue'const eventBus = new Vue()export default eventBus引入import eventBus from "../store/eventBus";监听(接收)eventBus.$on("search", val => { });触发(发送)eve...原创 2020-04-21 11:10:20 · 188 阅读 · 0 评论 -
js数组方法大全
const sum = numbers.reduce((total, num) => total + num, 0)原创 2020-04-18 15:11:06 · 154 阅读 · 0 评论 -
使用screenfull.js在vue中实现浏览器全屏显示
1.安装npm install --save screenfull2.引入import screenfull from 'screenfull'3.调用screenfull.toggle()示例<template> <div class="home"> <button @click="open">全屏</button>...原创 2020-04-06 10:22:23 · 581 阅读 · 0 评论 -
tip
1.初始化参数var idx = !index ? 0 : index;原创 2020-03-14 10:41:15 · 126 阅读 · 0 评论 -
微信小程序排坑总结(更新中)
1.样式动态绑定class,不能用对象的写法,得用三目运算wrong:<view class="{current: tabCurrentIndex === index}"></view>right:<view class="{{tabCurrentIndex === index?'current':''}}"></view>2.事件传参要...原创 2020-03-12 15:44:03 · 436 阅读 · 0 评论 -
常见的正则表达式
引用自any-rule vscode插件,作者是铁皮饭盒,感谢分享。https://github.com/any86/any-rule迅雷链接/^thunder:\/\/[a-zA-Z0-9]+=$/ed2k链接(宽松匹配)/^ed2k:\/\/|file|.+|\/$/磁力链接(宽松匹配)/^magnet:\?xt=urn:btih:[0-9a-fA-F]{40,}.*$/...原创 2019-10-10 15:56:52 · 1305 阅读 · 0 评论 -
实现深拷贝的两种方式
1.JSON的序列化和反序列化可以满足大部分的需求;缺点:不支持函数和 undefinedfunction deepClone() { return JSON.parse(JSON.stringify(obj))}2.递归function deepClone(obj) { function isClass(o) { if (o === null) ret...原创 2019-10-10 15:10:14 · 239 阅读 · 1 评论 -
实现一个new
function _new(fn, ...arg) { const obj = Object.create(fn.prototype); const ret = fn.apply(obj, arg); return ret instanceof Object ? ret : obj;}原创 2019-09-02 09:17:06 · 128 阅读 · 0 评论 -
ES6中的set,weakset,map,weakmap
转载自linkSetES6提供了新的数据结构Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。Set函数可以接受一个数组(或类似数组的对象)作为参数,用来初始化。// 例一var set = new Set([1, 2, 3, 4, 4]);[...set]// [1, 2, 3, 4]var s = new Set();[2, 3, 5, 4, 5, 2, 2...原创 2019-08-27 14:59:34 · 111 阅读 · 0 评论 -
Js工具方法--生成不同的随机数
function generateRandom(count, max) { var arr = []; for(var i=0;i<count;i++){ do { var flag = true let item = Math.round(Math.random() * max); if (arr.indexOf(item) == -1) { arr.pu...原创 2019-06-13 09:00:02 · 838 阅读 · 0 评论 -
使用filter实现购物车的删除功能
给删除按钮绑定删除事件:@click=remove(product)methods:{ remove(p){ this.products = this.products.filter(item=>item!==p) }}原创 2018-08-10 20:26:44 · 524 阅读 · 0 评论 -
JS去除字符串中的空格
方法一:trim方法,该方法不能去除字符串中间的空格var str = " a b c ";console.log(str.trim()); //a b c JQuery中也有trim方法:var str = " a b c ";console.log( $.trim(str)); //a b c方法二:replace方法,配合正则表达式,可以实现去...原创 2018-08-11 11:12:53 · 737 阅读 · 0 评论 -
数组去重的三种方法
方法一:空对象记录法 声明一个空对象,key用来存储变量名,value用来表示变量是否已经存在,如果不存在则push进新的数组。var arr = [1,1,2,2,3,3];var obj={ };var arr2=[];for(var i=0;i&lt;arr.length;i++){ let item=arr[i]; if(!obj[item]){ obj[ite...原创 2018-08-11 11:19:20 · 397 阅读 · 0 评论 -
浅谈闭包
什么是闭包?简单的说就是一个函数定义在另一个函数内部。什么时候用闭包?设计私有的方法和变量 防止函数在被调用之后内部变量被销毁闭包的优缺点?优点:在内存中维持一个变量 保护函数内的变量安全,加强了封装性 缺点:内存泄漏,大量无效内存,常驻内存...原创 2018-08-11 11:25:59 · 181 阅读 · 0 评论 -
发布时间算法
** * 获取发布时间字符串 */ function getReleaseTimeMsg(time) { var releaseTimeMsg; var releaseHours = parseInt((Date.parse(new Date()) - time) / 1000 / 60 / 60); if (...原创 2018-09-09 16:34:00 · 176 阅读 · 0 评论 -
转化时间戳方法
timestampToTime: function (t) { var time = new Date(t); var y = time.getFullYear(); var m = time.getMonth() + 1; var d = time.getDate(); ...原创 2018-09-09 16:34:24 · 125 阅读 · 0 评论 -
根据图片形状计算图片尺寸
/*计算图片尺寸*/function caculateImgSize(url) { //限制最大尺寸 let max_width = 690; let max_height = 600; let results; return new Promise((resolve, reject)=>{ uni.getImageInfo({ src: url, success...原创 2019-05-09 16:49:29 · 769 阅读 · 0 评论 -
Js工具方法--秒数变历时
function translateSecondToWhen(second) { var releaseTimeMsg; var releaseHours = parseInt((Date.parse(new Date()) - second) / 1000 / 60 / 60); if (releaseHours === 0) { releaseTimeMsg = '刚刚'; } e...原创 2019-06-13 08:59:06 · 168 阅读 · 0 评论 -
箭头函数
箭头函数是ES6新增的语法,( )=>{ },其实本质和原生的function声明方法没有太大的区别,只是换了一种写法。let fn=( )=>{ };两种情况下可以简写:如果只有一个参数()可以省略如果只有一个return,{}和return可以省掉function myFunction(data){ return data;}比如以上的情况就可...原创 2018-08-10 20:23:27 · 164 阅读 · 0 评论