- 博客(32)
- 收藏
- 关注
RSS订阅原创 【学习随记】使用pdfjs-dist / pdfh5实现pdf文件预览
但是如果在移动端（浏览器模拟移动端环境一样），以上iframe的方式，大多数情况下页面会显示空白…此时需要使用一些相关的依赖包来实现。在实现pdf预览时，如果在pc端，可直接使用iframe，即可简单快速实现。方式1、使用"pdfjs-dist": “^2.16.105”方式1、使用"pdfh5": “^1.4.9”
2024-12-27 16:37:07
500
原创 【学习随记】 根据数组对象中的某个属性，过滤同类型的值
testData: [{ type: "11", value: "项目11--A" }, { type: "22", value: "项目22--C" }, ...
2020-07-19 04:08:18
877
原创 【学习随记】动态加载多个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
1040
原创 【学习随记】 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
393
原创 【学习随记】btn
<template> <div class="Btn"> <!-- 按钮 --> <ul class="btnWrap" ref="btnClick"> <li v-for="(item, index) in btnList" @touchstar...
2020-01-15 04:12:47
308
原创 【学习随记】 hideWxShare，wx-closePage
hideWxShare(){ function onBridgeReady() { WeixinJSBridge.call('hideOptionMenu'); } if (typeof WeixinJSBridge == "undefined") { if (document.addEventListener) { ...
2020-01-11 03:43:08
206
原创 【学习随记】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
805
原创 【学习随记】cav
<template> <div class="poster" id="poster"> <!-- loading --> <div class="loadingWrap" v-if="loadingState"> <div class="loadingArea"> ...
2020-01-05 10:01:07
242
原创 【学习随记】poster 2
<template> <div class="poster" id="poster"> <!-- loading --> <div class="loadingWrap" v-if="loadingState"> <div class="loadingArea"> ...
2020-01-03 02:35:45
364
原创 【学习随记】poster
<template> <div class="poster" id="poster"> <!-- loading --> <div class="loadingWrap" v-if="loadingState"> <div class="loadingArea"> ...
2020-01-02 03:19:50
421
原创 【学习随记】Gyro，Btn，filters_addClass
<template> <div class="gyro"> <!-- 陀螺仪 --> <ul class="gyroWrap"> <!-- <li>设备是否提供绝对定位(absolute)数据: {{absolute}}</li> --> ...
2019-12-30 03:58:14
199
原创 【学习随记】js判断横竖屏
methods: { // 判断横屏/竖屏 howArrow(){ let that = this; function arrow() { if (window.orientation == 180 || window.orientation == 0) { ...
2019-12-26 01:19:03
146
原创 【学习随记】input怎么设置类型number，又限制数字位数呢
// input在做手机号输入是，往往要限制只能输入数字，// 但是有问题！！！ maxlength限制数字位数，不能生效如：<input type="text" placeholder="请输入手机号码" maxlength='11'>这是无效的，此时怎么办呢？可以如下处理，通过判断输入位数处理，就可以做到想要的结果了<input type="text" pla...
2019-12-18 00:53:03
406
原创 【学习随记】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
2715
原创 【学习随记】手机号码校验
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
151
原创 【学习随记】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
124
原创 【学习随记】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
223
原创 【学习随记】格式化时间
// 格式化时间 返回: "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
110
原创 【学习随记】js获取手机陀螺仪
// 使用vue<div id="app"> <ul> <li>设备是否提供绝对定位(absolute)数据: {{absolute}}</li> <li>设备沿z轴(alpha)上的旋转角度: {{alpha}}</li> <li>设备在x轴(beta)...
2019-12-15 23:16:58
1865
原创 【学习随记】获取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
685
原创 【学习随记】片段
// 获取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
84
原创 【学习随记】原生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
663
原创 【学习随记】字符串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
491
原创 【学习随记】移动端设置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
102
原创 【学习随记】数组去重 字符串处理 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
99
原创 获取微信用户信息（网页授权）
// 第一步：获取code// appid为公众号的AppId，开发测试时可以使用腾讯的appid和秘钥// redirect_uri为点击允许授权获取用户信息后，返回到那个页面的地址，返回时在url上会拼接上获取到code// scope这里我使用snsapi_userinfo； scope为应用授权作用域，snsapi_base （不弹出授权页面，直接跳转，只能获取用户openid），...
2019-12-12 23:45:30
480
原创 判断微信环境
// 判断是否微信浏览器function isWx() { var uAgent = navigator.userAgent.toLowerCase(); var result = (/micromessenger/.test(uAgent)) ? true : false; if (result) { console.log('你正在访问微信浏览器');...
2019-12-12 23:02:59
544
原创 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
322
原创 全屏 横屏
<template> <div class="full" id="main"> <div> <p>当前屏幕方向：{{pageArrow}}</p> <p @click="fullScreen()">进入全屏</p> &l...
2019-12-12 00:21:04
160
转载 我的第一篇 欢迎使用优快云-markdown编辑器
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...
2019-12-11 21:53:40
465
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人