一只萌新猿

原创 Vue中this.$router.push路由跳转,刷新参数消失

this.$router.push({name:"",params:{id:""}})name和params搭配刷新参数会消失this.$router.push({path:"",query:{id:""}})path和query搭配，刷新页面参数不会消失，query中参数成了url中的一部分...

原创 JS加法问题

【代码】JS加法问题。

原创 （JavaScript）手写bind

bind方法实现思路：1、bind方法不会立即执行，会返回一个函数（闭包）2、实现作用域绑定（apply）3、参数传递（apply的数组传参）4、当绑定函数作为构造函数时，绑定的this会失效并进行原型继承Function.prototype.mybind = function(context) { if(typeof this !== 'function'){ throw new Error('Mybind should be called by function !')

原创 使用微信分享功能遇到的问题总结

自定义link时： wx.onMenuShareAppMessage({ title: title, // 分享标题 desc: desc, // 分享描述 link: link, // 分享链接 imgUrl: img, // 分享图标 type: 'link', // 分享类型,music、video或link，不填默认为link dataUrl: '', // 如果type是music或video，则要提供数据链接，默认为空 shu: shu,

原创 Vue调用微信JSSDK上传图片(wx.uploadImage)

H5页面调用微信API上传图片由于原生input上传图片无法在选择图片时控制选择的张数，所以选择调用微信JSSDK提供的方法调用相册选择图片进行上传。选择图片后上传到微信服务器，然后通知后台去微信服务器下载到本地服务器。因为需要又要限制选择图片的大小，直接上代码。首选要通过微信公众号appid等参数配置使用微信API权限。//选择图片方法chooseImage(){ return new Promise((resolve, reject)=>{ let chooseCount = 9;/

原创 JS判断浏览器是否为PC端，包括微信浏览器

/*PC端OR移动端*/App.isPC = function () { let userAgent = navigator.userAgent; let chargeInfo = ["Mobile","Android", "iPhone","SymbianOS", "Windows Phone","iPad", "iPod"]; var flag = true; for (var v = 0; v < chargeInfo.length; v++) {

原创 React Native Table Component

React Native Table ComponentReact Native 用到的table表格插件，详细属性用法点这里

原创 键盘对个键对应的keyCode

原创 Vue项目中监听键盘操作（组合键）

在开发中遇到一个需求，就是用键盘组合键触发事件。//模拟组合键触发函数keyCodeForEvent(){ let self = this; let code = 0; let code2 = 0; document.onkeydown = function(e){ let evn = e || event ; let key = evn.keyCode || ...

原创 Map与Set

MapJavaScript中的对象{}可以视为其他语言中的Map和Dictionary的数据结构，即一组键值对。但是JavaScript的对象存在一个问题，那就是它的键必须是字符串。但是在实际应用中Number和其他数据类型作为键也是非常合情合理的。为了解决这个问题，ES6规范引入了新的数据类型Map。Map是一组键值对的结构，具有极快的查找速度。举个例子，假如在如下数据结构中找到对应的...

原创 Vue-后台返回excel文件流，前端怎么处理

// 导出Excel公用方法export function exportMethod(data) { axios({ method: data.method, url: `${data.url}${data.params ? '?' + data.params : ''}`, responseType: 'blob' }).the...

原创 函数防抖、函数节流

函数防抖export const Debounce = (fn, t) => { let delay = t || 1000; let timer; return function () { let args = arguments; if(timer){ clearTimeout(timer) ...

原创 ES6解构学习之路

解构解构：ES6中允许按照一定的模式，从数组或对象中提取值，对变量进行赋值，这被称为解构（Destructuring）作用：这是一种将数据分解为更小单位的过程，从而简化提取信息的目的。对象解构形式：对象解构语法是在赋值对象左侧使用了对象字面量，如：同名变量解构赋值：let node = { type : 'identifier', name : 'foo'};let {type...

原创 原型链的特点

1、读取对象的某个属性时，JS引擎先寻找对象本身的属性，如果找不到，就找到它的原型去找，如果还找不到，就到原型的原型去找。如果直到顶层的Object.prototype还是找不到就返回undefined。2、如果对象本身和它的原型都定义了一个同名属性，那么优先读取对象本身的属性，就叫做“覆盖”。3、一级级向上在原型链找某个属性，对性能是有影响的。构造函数、原型、实例三者关系：...

原创 构造函数、原型对象小记

Object是构造函数，而Object.prototype是构造函数的原型对象。构造函数自身的属性和方法无法被共享，而原型对象的属性和方法可以被所有实例对象所共享。首先，构造函数是生成对象的模板，一个构造函数可以生成多个对象，每个对象都有相同的结构。构造函数的缺点就是每当实例化两个对象时，需要调用两次构造函数的某一个方法，坏处就是占内存。其次，为了解决构造函数的属性和方法无法被共享的问题，把需...

原创 String对象

作为构造函数：用于生成一个值为字符串的对象var s = new String();typeof s //"Object"作为工具方法：用于将任意类型的值转为字符串String(true) ; //"true"//String静态方法：String.fromCharCode(104,101,108,108,111);//"hello"实例属性：String.prototype....

原创 Number对象

作为构造函数：用于生成值为数值的对象var n = new Number(1);typeof n //"Object"作为工具函数：可以将任意类型的值转为数值Number(true) //1实例方法：(1) Number.prototype.toString() 用来将数值转换为字符串形式(10).toString(); //"10"(10).toString(2); //"...

原创 Boolean对象

作为构造函数：主要用于生成布尔值的包装对象实例var b = new Boolean(true);typeof b //"Object"b.valueof() //true作为工具方法：将任意值转为布尔值Boolean(undefined) //falseBoolean(null) //falseBoolean(1) //trueBoolean([]) //true...

原创 JS小技巧

数组去重var arr = [1,2,3,3,4];console.log([...new Set(arr)]);//[1,2,3,4]数组和布尔var myArray = [1,0,undefined,null,false];console,log(myArray.filter(Boolean));//[1]创建一个空对象let clict = Object.create(nu...

原创 事件（冒泡、委托、源）

事件冒泡：当一个元素收到事件的时候会把收到的时间传给自己的父级，一直到window。传递的仅仅是事件而不是所绑定的事件函数。事件委托也称事件代理，就是利用冒泡原理把事件加在父级上，触发执行效果。事件源不管事件绑定在哪个事件中，都指的是实际触发事件的那个目标。...