05 2020 档案
键盘事件不生效解决方式
摘要：1. <el-button type="success" @click.enter="gomain()">登录</el-button>代码如上，在click修饰符，添加发现无效，后来查阅资料才发现要元素处于focus时才可以触发，如果按钮没有被选择，Enter按钮时没有用的，所以可以把监听事件绑在d
阅读全文
try、catch、finally
摘要：try、catch、finally用法总结: 1、不管有没有异常，finally中的代码都会执行 2、当try、catch中有return时，finally中的代码依然会继续执行 3、finally是在return后面的表达式运算之后执行的，此时并没有返回运算之后的值，而是把值保存起来，不管fina
阅读全文
label标签的2种用法
摘要：第一种用法：<label for="">用户：<input type="text"></label><br/><label for="">密码：<input type="password"></label> 第二种用法：点击文本时获是触发控件。 <label for="my">满意</label><
阅读全文
H5微信自定义分享链接（设置标题+简介+图片）
摘要：起源：最近公司在做招募广告的html5页面，然后做出来后，产品提出一个问题，需要分享出去的链接是卡片形式，内容也要自己定义，这下就难到我了，因为是第一次遇到这种需求，果断百度，然而，我就像大家一样，看都看不懂，一大堆什么微信jssdk官方文档，看得我眼花缭乱，博客上面的也大多都是php形式的解释，也
阅读全文
微信JS-SDK分享接口实例开发（nodeJS）
摘要：本文基于工作使用学习，做的整理笔记 当我们进行微信分享时，分享出去的效果，我们最容易发现的是没有图，那我们就埋一个301 * 301的图。但是，我们又发现没有描述，只有链接。这个该怎么解决呢。最终方法就是需要使用微信公众平台的JS-SDK来实现，调用分享接口。实现这个功能时遇到不少坑，走了不少弯路，
阅读全文
记一次使用vue+typescript做微信公众号网页分享的坑
摘要：需求场景 这个微信网页是一个用户测试的活动。开始测试之前需授权获取用户信息，所以新建一个firstPage页面作为/页面来判断需不需要授权。如果测试完成分享给用户，用户看到的是分享人的结果页面，这个页面是不需要授权的。扫描其中的二维码开始测试才需要授权。所以在前端路由里传一个query 的参数。根据
阅读全文
手把手带你使用JS-SDK自定义微信分享效果
摘要：前言 刚进入一家新公司，接到的第一个任务就是需要需要自定义微信分享的效果（自定义缩略图，标题，摘要），一开始真是一脸懵逼，在网上搜索了半天之后大概有了方案。值得注意的是一开始搜索到的解决方案全是调用微信的自带的JS-SDK，然而腾讯是不会让广大吃瓜群众这么轻而易举的调用他们的东西的。微信开发团队已经
阅读全文
微信JS-SDK“分享信息设置”API及数字签名生成方法"
摘要：第一步 认证的微信公众帐号 首先你得拥有一个通过认证了的微信公众号或者开发者帐号，没有通过认证的公众帐号。数字签名认证也能成功，但是分享信息是无法设置成功的； 第二步 添加安全域名 在公众帐号平台后台添加app运行的域名地址，可以理解为为某个域名添加白名单功能 以我们公司旗下的榕树下为例： 微信公众
阅读全文
解决invalid url domain
摘要：获取url的时候去掉#号后面的数据 let url = window.location.href.split('#')[0]1、检查后台是否设置：右上角公众号名称--功能设置--JS接口安全域名 2、检查代码里的appid和公众号后台的id是否一致 iOS有问题可以看这个 url使用下面方式获取需要
阅读全文
beyond compare4 秘钥
摘要：w4G-in5u3SH75RoB3VZIX8htiZgw4ELilwvPcHAIQWfwfXv5n0IHDp5hv 1BM3+H1XygMtiE0-JBgacjE9tz33sIh542EmsGs1yg638UxVfmWqNLqu- Zw91XxNEiZF7DC7-iV1XbSfsgxI8Tvqr-Z
阅读全文
js实现关闭当前页面
摘要：当页面首次打开时，浏览器认为是不安全的并不能直接关闭当前窗口。这不是bug，有解释的链接： https://stackoverflow.com/questions/25937212/window-close-doesnt-work-scripts-may-close-only-the-windows
阅读全文
axios 报错5个 如何只提示第一个
摘要：1.使用vuex 2.使用yeild
阅读全文
原生JS三种方式判断元素是否存在某个类名
摘要：1.如果不考虑兼容IE10以下的话，可以用HTML5中的classList API，非常方便： let modulYes = document.querySelectorAll('.modul li') for (let i = 0; i < modulYes.length; i++) { modu
阅读全文
Object.create()和new object()和{}的区别
摘要：Object.create()介绍Object.create(null) 创建的对象是一个空对象，在该对象上没有继承 Object.prototype 原型链上的属性或者方法,例如：toString(), hasOwnProperty()等方法 Object.create()方法接受两个参数:Obj
阅读全文
iOS 中button点击事件无效的几种可能
摘要：1. button的frame超过出了父View的frame； 2. button上面覆盖了一个透明层（在Debug View Heirarchy里面查看）； 3. button添加到一个不能响应点击事件的View里（如：UIImageView）； 4. button上添加了一个View，然后这个V
阅读全文
js 删除url指定参数
摘要：/** * 删除当前url中指定参数 * @param names 数组或字符串 * @returns {string} */ function funcUrlDel(names) { if(typeof(names)=='string'){ names = [names]; } var loca
阅读全文
vue 中scroll事件不起作用
摘要：scroll事件是绑定在body上，如果页面的滚动不是body的滚动，而是他的子集设置了overflow:sroll的i情况，在绑定事件时可以开启捕获，这样就可以监听到子集的滚动事件 mounted() { window.addEventListener("scroll", function (e)
阅读全文
js的 new image()
摘要：创建一个Image对象：var a=new Image(); 定义Image对象的src: a.src=”xxx.gif”; 这样做就相当于给浏览器缓存了一张图片。 图像对象：建立图像对象：图像对象名称=new Image([宽度],[高度]) 图像对象的属性： border complete he
阅读全文
vue 移动端禁止浏览器后退，禁止安卓和ios点击后退操作乱跳页面
摘要：开发微信公众号网页，页面登录成功之后，是禁止再次返回到登录页。 我在页面设置了让禁止跳到登录页，可是在手机上有自带的微信浏览器后退按钮，所以必须要禁止浏览器后退，才能禁止后退到登录页。 刚开始百度，查到了一个vue禁止浏览器后退的插件：vue-prevent-browser-back 首先，npm
阅读全文
修改input输入框placeholder文字默认颜色
摘要：input输入框，placeholder默认颜色修改，照如下添加样式： input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { /* WebKit browsers */ color: #fff; } input
阅读全文
解决前端浏览器字体小于12px办法
摘要：做项目时，UI设计的字体10px,看效果图时发现字体仍然蛮大，改变12px时字体还是那么大，改变到14px时，字体变大了，发现规律，才知道原来浏览器为了让用户字体看的清楚，最小设置为12px。怎么办？设计就是10px? 最终实现的效果图如下： 百度时，各位网上大神说利用transform: scal
阅读全文
box-shadow四个边框设置阴影样式
摘要：其实对于box-shadow，老白我也是一知半解，之前用的时候直接复制已有的，也没有仔细思考过box-shadow的数值分别对应什么，最后导致阴影的边如何自由控制，苦于懒人一个一直没有正式去学习，今天无意中看到以下这篇文章，瞬间清醒有木有，看完整片文章，对于box-shadow阴影四个边的设置完全了
阅读全文
jQuery.qrcode.js客户端生成二维码，支持中文并且可以生成LOGO
摘要：<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
阅读全文
JavaScript 生成二维码（修改qrcode.js添加icon支持）
摘要：JS生成二维码，我用到的是 qrcode.js 这个插件，地址如下：https://github.com/davidshimjs/qrcodejs 测试 DEMO 如下（我有对源码进行修改才支持图片的）： <!DOCTYPE html> <html> <head> <script src="qrco
阅读全文
js修改url不刷新页面
摘要：发现一个可以改变地址栏，而不导致页面刷新的东东。 Chrome, FF测试通过，不支持IE. 实现目标 页面的跳转（前进后退，点击等）不重新请求页面 页面URL与页面展现内容一致（符合人们对传统网页的认识） 在不支持的浏览器下降级成传统网页的方式 使用到的API history.state 当前UR
阅读全文
原生js删除、添加、查找、替换元素
摘要：1、创建元素节点：createElement document.createElement("p");//创建p标签； document.createTextNode("txt");//创建文本标签； 2、插入节点：appendchild:在要插入的元素节点上调用，他插入指定的节点使其成为那个节点的
阅读全文
解决 vue+ts通过Vue.prototype绑定的属性方法，能够调用到，但是编译报错
摘要：添加vue.d.ts 文件 重启VS Code 错误消失了。 1 import Vue from "vue"; 2 3 declare module "vue/types/vue" { 4 interface Vue { 5 $moment: any 6 } 7 }
阅读全文
js实现复制到剪切板
摘要：1、第一种，通过clipboard.js插件实现（推荐） 此插件封装了很多种使用方式很方便，具体demo，可以去GitHub上看，clipboard传送门 2、第二种，纯js实现： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-
阅读全文
axios使用delete方法的params和data传参
摘要：使用params传参说明：使用params传参类似于get请求，是将参数拼接在url上。 axios.delete(url, { params: { userId: '007' } }).then(res => { console.log(res) }) 使用data传参说明：使用data传参类似于
阅读全文
[Vue warn]: Property "visible" must be accessed with "$data
摘要：Vue项目 报错 [Vue warn]: Property "visible" must be accessed with "$data.visible" because properties starting with "$" or "_" are not proxied in the Vue i
阅读全文
