Mh_ui的博客

原创 js点击事件穿透

<div class="out" @click="out()"> <div class="in" @click="in()"></div></div>// 穿透点击（点击in的区域触发out）.in { pointer-events: none;}// 阻止穿透 （点击in的区域不会触发out）function in () { event.stopPropagation();}...

原创 点击事件click后显示灰色高亮之透明隐藏

-webkit-tap-highlight-color transparent

原创 手机图片上传+裁切

/*自定义input file*/.file { display: block; width: 47.6vw; height: 14.2vw; background: url('images/input_bg.png') no-repeat center top; background-size: 100% 100%; overflow: hidden; text-deco...

原创 jquery选择元素方法

$("p").append("a is")//在被选元素的结尾插入内容$("p").prepend("a is")//在被选元素的开头插入内容$("p").after("is a")//在被选元素之后插入内容$("p").before("a is")//在被选元素之前插入内容$("#div").remove()//删除被选元素及其子元素$("#div").empty()//删除被选元素...

原创 数组

arr.push() 从数组的后面添加元素，返回值为添加完后的数据长度let arr = [1,2,3]console.log(arr.push(4)) //result 4console.log(arr) //result [1,2,3,4]arr.pop()从数组的后面删除元素，只能是一个，返回值是删除的元素let arr = [1,2,3,4]console.l...

原创 vue 微信分享自定义

指定页面分享进入自己本页面,其他页面分享进入首页App.vue created() { let source = parseQueryString(window.location.href).source || '' this.$store.dispatch('SetSource', source) let path = window.location.href ...

原创 vue链接生成二维码网页生成图片保存到本地相册

npm installqrcodejs2 --savenpm install html2canvas--save注：背景要用img定位来写，不要用background 不然生成的图片不清晰<!--分享--><template> <div class="share"> <div id="shareHtml"> ...

原创 嵌入iframe 内容先放大再变正常

iframe 标签改为 <embed/>

原创 input和select宽度不一致

select的css width样式，包含边框和内边距，真实的width=CSS widthinput的css width样式，不包含边框和内间距，真实的width=CSS width border padding方法：select,input{ box-sizing:border-box;}box-sizing:content-box（默认属性值）： width为co...

原创 卸载node_modules

npm install rimraf rimraf node_modules

原创 微信小程序获取经纬度查详细地址

微信公众平台安全域名设置：设置->开发设置->request合法域名 添加:https://apis.map.qq.com腾讯位置服务：申请腾讯地图密钥（key）var QQMapWX = require('../../utils/qqmap-wx-jssdk.js'); //引入腾讯地图jssdkgetLocation: function () {//获取当前地...

原创 微信小程序canvas层级真机始终在顶层

使用<cover-view>标签

原创 vue-element角色权限动态控制

思路：//动态路由meta通过code字段区别是什么菜单权限（与后台统一）export const asyncRouterMap = [ { path: '/role', component: Layout, name: 'role', meta: { title: '角色管理', code: 'admin' }, children: [ ...

原创 网页嵌入app的meta

//禁止旋转缩放<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui" name="viewport">//删除默认的苹果工具栏和菜单栏<meta content="yes" name="apple-mobile-web-app-c...

原创 截取url参数

//跳转的url携带参数window.location.href="https://xxxxxx.html?id="+pageId;//截取方法function GetQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.locati...

原创 js拼接html(onclick传字符串)

var pageIndex = '2-2'strHtml='<img class="back" '+'onclick="goBack(\''+pageIndex+'\')" src=img/icon_back.png"/>'strHtml='<img class="back" '+'onclick="goBack(\'2-2\')" src="img/icon_back...

原创 iframe跨域问题

子级调用父级方法传参window.parent.postMessage({data:"none"},'*')父级方法window.addEventListener('message',function(e){ console.log(e.data.data)}

原创 for循环的几种方式

var list=["a","b","c"];for(var i=0;i&lt;list.length;i++){ console.log(i) //0,1,2 console.log(list[i]) //a,b,c}for(var i in list){ //可以用作对象 console.log(i) ...

原创 header content-type

content-type 是http实体的首部字段，用户说明请求或返回的消息主体是用何种方式编码，在request header和response header里都存在。content-type的几种方式：1.content-type:application/x-www-form-urlencoded 浏览器的原生form表单提交的数据按照key1=val1&amp;key2=val2 ...

原创 Element-Vue管理后台登录权限

1.router-index.js (配置动态路由，设置角色权限)export const constantRouterMap = []export const asyncRouterMap= [ { path: '/device', component: Layout, meta: { title: '设备管理', icon: 'fo...

原创 vue prop接收值传值

比如写一个公共组件,类似弹窗，通过$emit传递事件&lt;template&gt; &lt;div class="notice-contain"&gt; &lt;div class="dialog" v-if="isNotice"&gt; &lt;div class="dialog-center"&gt; {{mess

原创 vue项目开发流程

使用vue-cli3(关于旧版本Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 卸载它。)1、安装node 输入npm测试是否安装成功（npm-v查看node版本）2、安装webpacknpm install webpa...

原创 微信小程序生成二维码、生成图片、保存图片到本地相册

<!--画布遮罩--><!--生成二维码的画布--><canvas canvas-id="myCanvas" style='width:{{ercode_canvasWidth}}px;height:{{ercode_canvasHeight}}px;left: -300rpx'/><view wx:if="{{modalDisplay}}" cl...

原创 微信分享自定义

微信分享：分享给朋友，分享到朋友圈分享路径需带参数，否则第一次分享不是自定义https://...com?from=groupmessage&isappinstalled=0 getQueryString:function(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&amp...

原创 WebSocket

WebSocket的特点：服务器可以主动向客户端推送信息，客户端也可以主动向服务器发送信息，是真正的双向平等对话，属于服务器推送技术的一种。var ws=new Websocket("url")ws.onopen=function(evt){    console.log("Connection open...")     ws.send("发送数据")}ws.onmessa...

转载 flex布局

Flex 布局教程：语法篇作者： 阮一峰日期： 2015年7月10日网页布局（layout）是 CSS 的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C 提出了一种新的方案----Flex 布局，可以简便、完整、响应式地...

原创 自己模糊不定的css样式

1.居中text-align:center 是相对于子元素的居中，只对行内元素起作用margin:0 auto 是相对于自己的居中，对块元素起作用2.position定位position：relative 相对定位 （生成相对定位的元素，相对于其正常位置进行定位）相对定位会按照元素的原始位置对该元素进行移动position: absolute 绝对定位 （生成绝对定位的...

原创 egret白鹭引擎应用

工具：EgretLauncher(管理项目),EgretWing（开发）,TextureMerger（Sprite Sheet图片整合 Egret MovieClip动图gif制作）文档：egret扩展库页面UI:exml=&gt;Group包含，九宫格详细约束实线适配组件：多次使用的封装成组件语法:ts=&gt;private 定义变量 .....

原创 vue图片预加载

原创 video

视频再网页中不能播放，可以用狸窝。转换成H264 mp4格式document.getElementById("landingVideo").controls=false;//设置控制条不显示

原创 高度固定的矩形框有两行及多行文字上下居中的css方法

原创 js控制rem单位

(function(designWidth) {var doc = document,win = window,docEl = doc.documentElement,remStyle = document.createElement("style"),tid;function refreshRem() {var width = docEl.getBoundingClientRec...

原创 js Math()函数

取整去掉小数parseInt(5/2)向上取整,有小数就整数部分加1Math.ceil(5/2)向下取整Math.floor(5/2)四舍五入Math.round(5/2)绝对值abs(x) 

原创 获取div内容的高度

var scrollHeight=document.getElementById("t_r_content").scrollHeight; //div文档总高度var offsetHeight=document.getElementById("t_r_content").offsetHeight; //获取div窗口显示高度var scrollTop=document.getElementB...

原创 遮罩（点击阴影部分才隐藏）

&lt;!--遮罩--&gt;&lt;div class="dialog"&gt; &lt;div class="dialog-contain"&gt; &lt;div class="dialog-texts"&gt; &lt;div class="dialog-header"&gt;

原创 select样式自定义

.search{ width: 25%;//定义最外层div的宽度 height:6rem; position: relative; background-image: url(/static/images/job/input.png);//设置div的背景图片 background-repeat:no-repeat; background-si...

原创 获得数组中对应字段的一组数据

数据格式reportList: [{   date: "",        projectCode:    "",       hours:          4,         content:        "",        status:         "",        matterItem: [{      matterCode:    "",...

原创 .toISOString() 时区问题

toISOString()转换因为时区问题会相差8小时，中国标准时间转换：//解决方式const date = new Date(+new Date() + 8 * 3600 * 1000)；const currentMonth = date.toISOString().substr(0, 4) + date.toISOString().substr(5, 2);//最准确的方...

原创 node+mysql

node项目环境搭建：1. 安装node，git，cnpm2. 安装express一键构建工具 cnpm i express-generator -g3. 新建项目存放目录的文件夹4. cd 新建文件夹的名字， express 新建项目名字5. cd 新建项目名字6. 下载安装依赖包node_moudles npm i 7. 启动项目...

原创 微信小程序下拉刷新和上拉加载

example One:如果所有页面都要开启下拉刷新功能：aap.json中："window":{      "enablePullDownRefresh":true, //开启下拉刷新功能      "navigationBarTextStyle":"dark"}每个页面对应的js中：Page({      onPullDownRefresh: function () {...