- 博客(31)
- 收藏
- 关注
RSS订阅原创 【学习随记】 根据数组对象中的某个属性，过滤同类型的值
testData: [{ type: "11", value: "项目11--A" }, { type: "22", value: "项目22--C" }, ...
2020-07-19 04:08:18
803
原创 【学习随记】动态加载多个js文件
// 定义动态加载js的方法，以数组的形式加载多个js文件 function dynLoadJs(urlArr, callback) { console.log('需要动态加载的js文件列表：', urlArr); var cb = callback || function () {}; // 加载完成后回调方法 for (var i = 0, len = urlArr.length; i < le...
2020-07-08 01:05:41
937
原创 【学习随记】 btn2
<template> <div class="Btn"> <!-- 按钮 --> <ul id="btnWrap" class="btnWrap" ref="btnClick"> <li v-for="(item, index) in btnList" ...
2020-01-20 01:02:19
326
原创 【学习随记】btn
<template> <div class="Btn"> <!-- 按钮 --> <ul class="btnWrap" ref="btnClick"> <li v-for="(item, index) in btnList" @touchstar...
2020-01-15 04:12:47
252
原创 【学习随记】 hideWxShare，wx-closePage
hideWxShare(){ function onBridgeReady() { WeixinJSBridge.call('hideOptionMenu'); } if (typeof WeixinJSBridge == "undefined") { if (document.addEventListener) { ...
2020-01-11 03:43:08
170
原创 【学习随记】ws
<template> <div class="ws"> <!-- <input id="name" value="" placeholder="用户名"> --> <!-- <button id="login" type="button" @click="login(wsUrl)" value="...
2020-01-08 04:09:11
751
原创 【学习随记】cav
<template> <div class="poster" id="poster"> <!-- loading --> <div class="loadingWrap" v-if="loadingState"> <div class="loadingArea"> ...
2020-01-05 10:01:07
178
原创 【学习随记】poster 2
<template> <div class="poster" id="poster"> <!-- loading --> <div class="loadingWrap" v-if="loadingState"> <div class="loadingArea"> ...
2020-01-03 02:35:45
291
原创 【学习随记】poster
<template> <div class="poster" id="poster"> <!-- loading --> <div class="loadingWrap" v-if="loadingState"> <div class="loadingArea"> ...
2020-01-02 03:19:50
355
原创 【学习随记】Gyro，Btn，filters_addClass
<template> <div class="gyro"> <!-- 陀螺仪 --> <ul class="gyroWrap"> <!-- <li>设备是否提供绝对定位(absolute)数据: {{absolute}}</li> --> ...
2019-12-30 03:58:14
126
原创 【学习随记】js判断横竖屏
methods: { // 判断横屏/竖屏 howArrow(){ let that = this; function arrow() { if (window.orientation == 180 || window.orientation == 0) { ...
2019-12-26 01:19:03
103
原创 【学习随记】input怎么设置类型number，又限制数字位数呢
// input在做手机号输入是，往往要限制只能输入数字，// 但是有问题！！！ maxlength限制数字位数，不能生效如：<input type="text" placeholder="请输入手机号码" maxlength='11'>这是无效的，此时怎么办呢？可以如下处理，通过判断输入位数处理，就可以做到想要的结果了<input type="text" pla...
2019-12-18 00:53:03
360
原创 【学习随记】vue 使用new Promise请求接口
<script> export default { methods: { // 调用接口 getData: function () { let that = this; let reqUrl = 'http://www.xxx.com/'; let headPram1 = Cookie('h...
2019-12-16 03:53:12
2588
原创 【学习随记】手机号码校验
function checkPhone(num){ var myreg = /^[1][3,4,5,6,7,8,9][0-9]{9}$/; if (!myreg.test(num)) { return false; } else { return true; } },if (!checkPhone(PhoneNum)){ //手机号...
2019-12-16 03:24:46
103
原创 【学习随记】ws test before
import { formatTime } from './public.js';var ws = null;var global_callback = null;function initWS(url) { // 初始化weosocket if ('WebSocket' in window) { // 判断浏览器对WebSocket的支持 console.lo...
2019-12-16 03:15:46
80
原创 【学习随记】ws test
<template> <div class="ws"> <div> <p>{{msg}}</p> <textarea class="sendBox" v-model="sendTxt" @click="wsSend(sendTxt)"></texta...
2019-12-16 03:14:17
157
原创 【学习随记】格式化时间
// 格式化时间 返回: "2019/01/01 01:02:03" 时间格式// 传入时间戳：格式化 / 不传参：返回当前时间function formatTime(timestamp) { let nowDate; timestamp ? nowDate = new Date(timestamp) : nowDate = new Date() let Y = now...
2019-12-15 23:19:28
64
原创 【学习随记】js获取手机陀螺仪
// 使用vue<div id="app"> <ul> <li>设备是否提供绝对定位(absolute)数据: {{absolute}}</li> <li>设备沿z轴(alpha)上的旋转角度: {{alpha}}</li> <li>设备在x轴(beta)...
2019-12-15 23:16:58
1615
原创 【学习随记】获取url带hash的参数
// 获取如 http://localhost:8080/#/page?name=haha&age=25&city=beijing 类似地址的参数 function getHashPram(pramName) { let pramSplitStr = location.hash.split("#/")[1].split("?")[1]; if(!pramSpl...
2019-12-15 03:26:45
575
原创 【学习随记】片段
// 获取URL中某个参数function getParams(sName) { let reg = new RegExp("(^|&)" + sName + "=([^&]*)(&|$)", "i"); let r = window.location.search.substr(1).match(reg); if (r != null) ...
2019-12-14 03:46:07
66
原创 【学习随记】原生js canvas 画海报
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><title>原生js canvas 画海报</title><meta name="viewport" content="width=device-width, initial-scale=1....
2019-12-14 01:06:49
600
原创 【学习随记】字符串includes方法兼容ES5以下 设置、获取cookie sessionStorage/localStorage
// ES6 String字符串的includes方法 兼容ES5以下(() => { //兼容includes方法 if (!String.prototype.includes) { String.prototype.includes = function (str) { return this.indexOf(str) > ...
2019-12-13 23:48:27
418
原创 【学习随记】移动端设置rem单位 获取URL的参数 长数组分成小数组
// 移动端 设置rem单位<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" /><script type="text/javascript">document.documentElement.style...
2019-12-13 23:32:25
84
原创 【学习随记】数组去重 字符串处理 slice substring方法 手机掩码 版本号对比
// 数组去重 function delRepeatArr(arr) { var res = [arr[0]]; for (var i = 0; i < arr.length; i++) { var repeat = false; for (var j = 0; j < res.length; j++) { if...
2019-12-13 23:16:15
76
原创 获取微信用户信息（网页授权）
// 第一步：获取code// appid为公众号的AppId，开发测试时可以使用腾讯的appid和秘钥// redirect_uri为点击允许授权获取用户信息后，返回到那个页面的地址，返回时在url上会拼接上获取到code// scope这里我使用snsapi_userinfo； scope为应用授权作用域，snsapi_base （不弹出授权页面，直接跳转，只能获取用户openid），...
2019-12-12 23:45:30
387
原创 判断微信环境
// 判断是否微信浏览器function isWx() { var uAgent = navigator.userAgent.toLowerCase(); var result = (/micromessenger/.test(uAgent)) ? true : false; if (result) { console.log('你正在访问微信浏览器');...
2019-12-12 23:02:59
469
原创 jq横屏
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><title></title><meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scal...
2019-12-12 00:33:54
273
原创 全屏 横屏
<template> <div class="full" id="main"> <div> <p>当前屏幕方向：{{pageArrow}}</p> <p @click="fullScreen()">进入全屏</p> &l...
2019-12-12 00:21:04
114
转载 我的第一篇 欢迎使用CSDN-markdown编辑器
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...
2019-12-11 21:53:40
135
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人