摘要: 判断是否是原生 navigator.userAgent浏览器检测 isNative() { let equipmentType = ""; let agent = navigator.userAgent.toLowerCase(); let android = agent.indexOf("andr 阅读全文
posted @ 2021-02-18 16:39 张小中 阅读(1339) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>记录</title 阅读全文
posted @ 2021-01-20 16:59 张小中 阅读(189) 评论(0) 推荐(0)
摘要: <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.0.js"></script> //先引入微信js-sdk wx.miniProgram.navigateTo({url:'/pages/ind 阅读全文
posted @ 2021-01-15 10:44 张小中 阅读(800) 评论(0) 推荐(0)
摘要: 在app端内嵌页面中调用vue中的函数时,拿不到methods中定义的函数,需要将Vue项目methods中的方法在mounted中暴露在window上 mounted() { window["shareInfo"] = () => { this.shareInfo(); }; } methods: 阅读全文
posted @ 2021-01-05 14:19 张小中 阅读(1556) 评论(0) 推荐(0)
摘要: 一、百度编辑器(UEditor) 地址:http://fex.baidu.com/ueditor/ UEditor 是由百度「FEX前端研发团队」开发的所见即所得富文本web编辑器,具有轻量,可定制,注重用户体验等特点,开源基于MIT协议,允许自由使用和修改代码。 主要特点: 轻量级: 代码精简,加 阅读全文
posted @ 2020-11-20 16:43 张小中 阅读(1294) 评论(0) 推荐(0)
摘要: 一、使用背景 目前公司的项目分老版本跟新版本 老版本node需使用6.11.0版本 新版本使用11以上, 为了开发方便 建议使用nvm 二、安装nvm 1、NVM下载 如果已经单独安装了node,建议卸载。 直接进入安装包下载地址:https://github.com/coreybutler/nvm 阅读全文
posted @ 2020-11-20 16:34 张小中 阅读(420) 评论(0) 推荐(0)
摘要: 一. head中优化 <title> 标签的内容 此优先级最高 10分 <meta name=”keywords” content=” 关键字|关键字”> 0.1 分 <meta name=”description” content=” 搜索内容简介”> 0.5分 二. body中的优化 1. h1 阅读全文
posted @ 2020-11-20 16:31 张小中 阅读(186) 评论(0) 推荐(0)
摘要: 正常的循环删除,在删除第一个的时候数组内元素的下标已经被改变,所以无法使用常规的循环删除。以下两种方法可以正常删除一个数组中多个指定元素. 1、逆向循环(从尾部开始向前查找,这样还没有被查到的元素位置也不会被改变)。 let arr = [2, 3, 5, 7]; for (let i = arr. 阅读全文
posted @ 2020-11-19 14:19 张小中 阅读(3423) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2020-10-28 16:20 张小中 阅读(83) 评论(0) 推荐(0)
摘要: function GenNonDuplicateID() { let str = ''; str = Math.random().toString(36).substr(3); str += Date.now().toString(16).substr(4); return str; } 阅读全文
posted @ 2020-10-27 16:28 张小中 阅读(833) 评论(0) 推荐(0)
摘要: <div class="bianji markdown-body"> <mavon-editor ref="md" @change="handleMarkdownChange" @imgAdd="handleEditorImgAdd" @imgDel="imgDel" :ishljs="true" 阅读全文
posted @ 2020-10-23 18:08 张小中 阅读(4373) 评论(0) 推荐(0)
摘要: isExcel(type,name, data) { const link = document.createElement('a') const blob = new Blob([data]) link.style.display = 'none' link.href = URL.createOb 阅读全文
posted @ 2020-10-16 19:07 张小中 阅读(2017) 评论(0) 推荐(0)
摘要: <input v-on:keyup.enter="submit">//局部 //全局methods: { handleKeyDown(e) { let key = null; if (window.event undefined) { key = e.keyCode; } else { key = 阅读全文
posted @ 2020-10-16 19:01 张小中 阅读(2716) 评论(0) 推荐(0)
摘要: 选取视频,视频启动上传,上传之后获取视频信息 引入 <!-- IE需要es6-promise index.html中引入 以下文件放在public文件夹下不然会报错 https://blog.csdn.net/qq_38409264/article/details/109197732--> <scr 阅读全文
posted @ 2020-08-18 14:21 张小中 阅读(1542) 评论(0) 推荐(0)
摘要: // 压缩图片 js // eslint-disable-next-line no-unused-vars export function compressImage (file, config) { // eslint-disable-next-line no-unused-vars let sr 阅读全文
posted @ 2020-08-18 14:15 张小中 阅读(229) 评论(0) 推荐(0)
摘要: //表情 utf16toEntities(str) { //检测utf16emoji表情 转换为实体字符以供后台存储 var patt=/[\ud800-\udbff][\udc00-\udfff]/g; str = str.replace(patt, function(char){ var H, 阅读全文
posted @ 2020-08-14 17:16 张小中 阅读(1216) 评论(0) 推荐(0)
摘要: this.$router.push : 跳转到指定URL,向history栈添加一个新的记录,点击后退会返回至上一个页面 使用: this.$router.push('/index') this.$router.push({path:'/index'}) this.$router.push({pat 阅读全文
posted @ 2020-08-06 14:00 张小中 阅读(296) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2020-07-31 17:19 张小中 阅读(647) 评论(0) 推荐(0)
摘要: function getUrlParams(name) { var url = window.location.search; if (url.indexOf('?') == 1) { return false; } url = url.substr(1); url = url.split('&') 阅读全文
posted @ 2020-07-24 10:26 张小中 阅读(120) 评论(0) 推荐(0)
摘要: jQuery.parent(expr) //找父元素 jQuery.parents(expr) //找到所有祖先元素,不限于父元素 jQuery.children(expr) //查找所有子元素,只会找到直接的孩子节点,不会返回所有子孙 jQuery.contents() //查找下面的所有内容,包 阅读全文
posted @ 2020-07-23 14:29 张小中 阅读(321) 评论(0) 推荐(1)
摘要: 两行css如下: <style scoped> .waterfall-container { /*分几列*/ column-count: 2; } .waterfall-item { /*不留白,不知道什么意思可以取消这个样式试试*/ break-inside: avoid; }</style> / 阅读全文
posted @ 2020-07-03 14:07 张小中 阅读(211) 评论(0) 推荐(0)
摘要: //拷贝电话号码 function copyPhone(tel){ var strHtml = ` <div class="tanbg" style="position: fixed;top:0;left:0;right:0;bottom:0;background: rgba(0, 0, 0, 0. 阅读全文
posted @ 2020-07-03 09:32 张小中 阅读(220) 评论(0) 推荐(0)
摘要: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2020-06-15 10:20 张小中 阅读(727) 评论(0) 推荐(0)
摘要: 一、优惠券 .coupon{ width: 200px; height: 80px; background: radial-gradient(circle at right bottom, transparent 10px, #ffffff 0) top right / 50% 40px no-re 阅读全文
posted @ 2020-06-05 11:12 张小中 阅读(388) 评论(0) 推荐(0)
摘要: function getIPs(callback) { var ip_dups = {}; //compatibility for firefox and chrome var RTCPeerConnection = window.RTCPeerConnection || window.mozRTC 阅读全文
posted @ 2020-05-28 15:25 张小中 阅读(377) 评论(0) 推荐(0)
摘要: clearNoNum(v,num){ var v =v if(v!="") { if(num==2) { v = String(v).replace(/[^\d.]/g,"").replace(/\.{2,}/g,".").replace(".","$#$").replace(/\./g,"").r 阅读全文
posted @ 2020-05-09 15:48 张小中 阅读(166) 评论(0) 推荐(0)
摘要: <!-- 数组循环的几种方法 --> <script> var arr = ['a', 'b', 'c', 'd', 'e']; //for循环 for (let i = 0; i < arr.length; i++) { // console.log(arr[i]) } //for循环优化 ( 使 阅读全文
posted @ 2020-04-24 19:46 张小中 阅读(474) 评论(0) 推荐(0)
摘要: 一、本地vue项目配置IP地址访问,可以让同局域网内的同事预览 解决:在package.json文件中 dev中配置 --host 本机IP "scripts": { "dev": "webpack-dev-server --inline --progress --config build/webp 阅读全文
posted @ 2019-12-25 17:21 张小中 阅读(864) 评论(1) 推荐(0)
摘要: git 学习笔记 (gitlab搭建自己服务器上的远程仓库,稍后研究) 1、pwd : 命令用于显示当前目录 2、git init : 通过git init命令把这个目录变成Git可以管理的仓库 (初始化一个Git仓库,使用git init命令。) 3、git status : 命令可以让我们时刻掌 阅读全文
posted @ 2019-12-24 15:02 张小中 阅读(231) 评论(0) 推荐(0)
摘要: 一、屏幕宽度 / 设计稿宽度 *100 来设置根元素的 font-size 10px = 0.10rem (function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window 阅读全文
posted @ 2019-10-21 23:53 张小中 阅读(159) 评论(0) 推荐(0)
摘要: 1、合并js、css 2、js文件放置在后面 3、css放置head中 4、雪碧图 5、图片懒加载 6、图片压缩 7、js,css代码压缩 8、html代码结构简洁清晰 9、css选择器书写规范 阅读全文
posted @ 2019-10-21 23:46 张小中 阅读(139) 评论(0) 推荐(0)
摘要: 一、git多人协同开发dev分支和master分支 阅读全文
posted @ 2019-10-21 22:20 张小中 阅读(104) 评论(0) 推荐(0)
摘要: 一、浏览器查找输入域名的IP地址(拿到 IP) 1、查找浏览器缓存(浏览器一般会缓存DNS记录一段时间,一般为2-30分钟)。 2、浏览器没有缓存,那就去查询操作系统的缓存,如果查询到记录就可以直接返回 IP 地址,完成解析; 3、操作系统没有 DNS 缓存,就会去查看本地 host 文件(即hos 阅读全文
posted @ 2019-10-19 23:07 张小中 阅读(222) 评论(0) 推荐(0)
摘要: window.requestAnimationFrame() 告诉浏览器——你希望执行一个动画,并且要求浏览器在下次重绘之前调用指定的回调函数更新动画。该方法需要传入一个回调函数作为参数,该回调函数会在浏览器下一次重绘之前执行 requestAnimationFrame,顾名思义就是请求动画帧。 屏 阅读全文
posted @ 2019-09-20 22:30 张小中 阅读(577) 评论(0) 推荐(0)
摘要: 一个页面中有头部、底部和中间内容区域,底部固定在屏幕底端。 方法一、在main上使用fixed定位,加上overflow-y属性。 不推荐这个fixed方案,因为页面偶尔卡住不动。 方法二、中间的main不设定位,高度100%,再padding头部和尾部, 其中头部和底部的定位设为absolute会 阅读全文
posted @ 2019-09-20 13:06 张小中 阅读(1889) 评论(0) 推荐(0)
摘要: 什么是跨域? 协议+域名+端口 跨域是指一个域下的文档或脚本试图去请求另一个域下的资源,这里跨域是广义的。 什么是同源策略?同源策略/SOP(Same origin policy)是一种约定,由Netscape公司1995年引入浏览器,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,浏览器很 阅读全文
posted @ 2019-09-18 23:25 张小中 阅读(264) 评论(0) 推荐(0)
摘要: 1、array.from :方法就是将一个类数组对象或者可遍历对象转换成一个真正的数组。 Array.prototype.slice.call(arguments);数组的slice方法可以将“类似数组的对象”变成真正的数组 伪数组(函数的arguments对象,大多数 DOM 元素集,字符串) 这 阅读全文
posted @ 2019-09-18 23:00 张小中 阅读(237) 评论(0) 推荐(0)
摘要: js中的数据结构 1、列表 待办事项列表、购物清单、最佳十名榜单等等。 适用: 1)数据结构较为简单, 2)不需要在一个长序列中查找元素,或者对其进行排序 2、栈 一摞盘子 添加删除只能从最上面。 特点:栈被称为一种后入先出的数据结构。是一种高效的数据结构,因为数据只能在栈顶添加或删除,所以这样的操 阅读全文
posted @ 2019-09-17 22:37 张小中 阅读(1024) 评论(0) 推荐(1)
摘要: 一、指令 1、 v-cloak 使用v-cloak 能够解决插值表达式闪烁的问题 [v-cloak] { display:none;} 2、 v-text 的属性值会替换元素内的内容 3、 v-html 的属性值会替换元素内的内容(能够识别html标签) 4、 v-bind 属性的绑定 可以简写为 阅读全文
posted @ 2019-08-29 17:44 张小中 阅读(236) 评论(0) 推荐(0)
摘要: 1、正则的声明方法 1)var reg = /abc/; "这个叫对象直接量方式"; 2)var reg = new RegExp("abc") 这个叫构造函数方式; 2、正则方法 1)exec() 方法用于检索字符串中的正则表达式的匹配。 返回一个数组,其中存放匹配的结果。如果未找到匹配,则返回值 阅读全文
posted @ 2019-08-29 15:20 张小中 阅读(2244) 评论(0) 推荐(0)