![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
JavaScript
撸码的小哥
为了曾经吹过的牛逼而努力撸码
展开
-
H5 自动播放背景音乐
html: <audio id="audio" controls loop autoplay preload hidden> <source src="/static/moon.mp3" type="audio/ogg"> <source src="/static/moon.mp3" type="audio/mpeg"> 您的浏览器不支持 audio 元素 <.原创 2021-09-17 09:33:53 · 1849 阅读 · 0 评论 -
uni-app之微信小程序web-view显示H5页面
<template> <view class="webview"> <web-view :webview-styles="webviewStyles" :style="webviewStyles" :src="link" @message="onWebMessage"></web-view> </view></template><script> import { siteDomain.原创 2021-02-18 09:47:14 · 1753 阅读 · 0 评论 -
微信公众号分享
微信公众号分享: /** 微信分享*/ async initShare () { if (isWeChat()) { let url = `${window.location.protocol}//${window.location.host}/activity/game/share?help_user_id=${this.$store.state.User.userInfo.id}&game_id=${this.$route.quer原创 2021-01-20 09:24:29 · 204 阅读 · 0 评论 -
微信公众号登录
第一步:检测是否是微信环境 * 判断是否在微信中 * @returns {boolean} */export function isWeChat () { var ua = navigator.userAgent return !!ua.match(/MicroMessenger/i)}/** * 判断是否在微信小程序中 * @returns {boolean} */export function isWechatMiniProgram () { if (window.原创 2021-01-20 09:21:19 · 268 阅读 · 0 评论 -
MIxin原理的实现
Mixin 指的是多个对象合成一个新的对象,新对象具有各个组成成员的接口。它的最简单实现如下const a = { a: 'a'};const b = { b: 'b'};const c = {...a, ...b}; // {a: 'a', b: 'b'}下面是一个更完备的实现,将多个类的接口“混入”(mix in)另一个类。function mix(...mixins) { class Mix { constructor() { for (let转载 2020-10-17 14:24:15 · 400 阅读 · 0 评论 -
ES6之Class继承
Class 可以通过extends关键字实现继承class ColorPoint extends Point { constructor(x, y, color) { super(x, y); // 调用父类的constructor(x, y) this.color = color; } toString() { return this.color + ' ' + super.toString(); // 调用父类的toString() }}super关转载 2020-10-17 12:01:44 · 271 阅读 · 0 评论 -
ES6之Class对象
constructor方法是类的默认方法,通过new命令生成对象实例时,自动调用该方法。一个类必须有constructor方法,如果没有显式定义,一个空的constructor方法会被默认添加。constructor方法默认返回实例对象(即this),完全可以指定返回另外一个对象。class Foo { constructor() { return Object.create(null); }}new Foo() instanceof Foo// falsenew实转载 2020-10-17 11:38:55 · 215 阅读 · 0 评论 -
ES6之async函数
async函数返回一个 Promise 对象,可以使用then方法添加回调函数。当函数执行的时候,一旦遇到await就会先返回,等到异步操作完成,再接着执行函数体内后面的语句。async函数内部return语句返回的值,会成为then方法回调函数的参数。function timeout(ms) { return new Promise((resolve) => { setTimeout(resolve, ms); });}async function asyncPrin转载 2020-10-16 09:34:27 · 71 阅读 · 0 评论 -
JavaScript之this和对象原型
this:动态指向this的绑定遵循以下规则:// 1.默认绑定:不适用于其他的默认规则,this绑定到全局对象(严格模式下绑定到undefined)function foo() { console.log(this.a);}var a = 2;foo(); // 2// 2.隐式绑定:调用位置有上下文对象,this绑定到引用链中的最后一层function foo() { console.log(this.a);}var obj2 = { a: 42, foo: foo转载 2020-10-14 17:18:10 · 225 阅读 · 0 评论 -
JavaScript闭包(作用域和作用域链)
JavaScript 的作用域是 通过函数来形成,也就是说一个函数内定义的变量,函数外是不可以访问。让变量不会外泄、暴露出去。也就是说作用域最大的用处就是隔离变量,不同作用域下同名变量不会有冲突。ES6 之前 JavaScript 没有块级作用域,只有全局作用域和函数作用域。ES6 的到来,为我们提供了‘块级作用域’,可通过新增命令 let 和 const 来体现。function fn() { var a = 'miya'; console.log(a); // 输出"miya"..转载 2020-10-14 16:23:48 · 138 阅读 · 0 评论 -
ES6之Generator函数
Generator 函数是一个状态机,封装了多个内部状态。一是,function关键字与函数名之间有一个星号;二是,函数体内部使用yield表达式,定义不同的内部状态。function* helloWorldGenerator() { yield 'hello'; yield 'world'; return 'ending';}var hw = helloWorldGenerator();hw.next()// { value: 'hello', done: false转载 2020-10-14 14:43:35 · 86 阅读 · 0 评论 -
ES6之Promise对象
Promise对象代表一个异步操作,有三种状态:pending(进行中)、fulfilled(已成功)和rejected(已失败)。resolve() 状态成功->then(),reject()捕捉错误 ->catch()一旦状态改变,就不会再变。用Promise对象实现的 Ajax 操作的例子。const getJSON = function(url) { const promise = new Promise(function(resolve, reject){转载 2020-10-14 10:47:09 · 147 阅读 · 0 评论 -
ES6之Proxy代理器(拦截)
Proxy 可以理解成,在目标对象之前架设一层“拦截”,外界对该对象的访问,都必须先通过这层拦截,因此提供了一种机制,可以对外界的访问进行过滤和改写。ES6 原生提供 Proxy 构造函数,用来生成 Proxy 实例。var obj = new Proxy({}, { get: function (target, propKey, receiver) { console.log(target); // 目标对象:拦截和改写的对象 console.log(prop); // 对象转载 2020-10-10 16:54:01 · 376 阅读 · 1 评论 -
rem之移动端自适应
(function(designWidth, maxWidth) { var doc = document, win = window; var docEl = doc.documentElement; var metaEl, metaElCon; var styleText, remStyle = document.createElement("style"); var tid; function refr.原创 2020-10-05 23:49:47 · 122 阅读 · 0 评论 -
input属性name传输参数(对象型)
input属性(name):name属性标识前端数据传输到后端的字段名称;根据后端需求的字段,修改成相应的字段名字。但当遇到特殊情况,传输的格式如下;{ pageNo: 1, pageSize: 10, data: { orderSn: '' }}那么name字段就需要用data[]将字段装起来(如下):<form ref="exportForm" :action="apiurl+'/laberlogbackend...原创 2020-10-05 23:47:57 · 1271 阅读 · 0 评论