- 博客(67)
- 问答 (1)
- 收藏
- 关注
原创 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();}...
2020-11-17 10:28:09
9011
原创 手机图片上传+裁切
/*自定义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...
2020-01-19 15:36:22
385
原创 jquery选择元素方法
$("p").append("a is")//在被选元素的结尾插入内容$("p").prepend("a is")//在被选元素的开头插入内容$("p").after("is a")//在被选元素之后插入内容$("p").before("a is")//在被选元素之前插入内容$("#div").remove()//删除被选元素及其子元素$("#div").empty()//删除被选元素...
2019-11-26 14:28:38
409
原创 数组
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...
2019-11-26 11:50:57
143
原创 vue 微信分享自定义
指定页面分享进入自己本页面,其他页面分享进入首页App.vue created() { let source = parseQueryString(window.location.href).source || '' this.$store.dispatch('SetSource', source) let path = window.location.href ...
2019-10-24 15:22:00
420
原创 vue链接生成二维码网页生成图片保存到本地相册
npm installqrcodejs2 --savenpm install html2canvas--save注:背景要用img定位来写,不要用background 不然生成的图片不清晰<!--分享--><template> <div class="share"> <div id="shareHtml"> ...
2019-10-22 16:28:08
2568
原创 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...
2019-09-04 11:45:50
1041
原创 微信小程序获取经纬度查详细地址
微信公众平台安全域名设置:设置->开发设置->request合法域名 添加:https://apis.map.qq.com腾讯位置服务:申请腾讯地图密钥(key)var QQMapWX = require('../../utils/qqmap-wx-jssdk.js'); //引入腾讯地图jssdkgetLocation: function () {//获取当前地...
2019-07-23 17:06:32
1598
原创 vue-element角色权限动态控制
思路://动态路由meta通过code字段区别是什么菜单权限(与后台统一)export const asyncRouterMap = [ { path: '/role', component: Layout, name: 'role', meta: { title: '角色管理', code: 'admin' }, children: [ ...
2019-05-30 16:51:15
4135
原创 网页嵌入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...
2019-04-28 10:37:42
374
原创 截取url参数
//跳转的url携带参数window.location.href="https://xxxxxx.html?id="+pageId;//截取方法function GetQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.locati...
2019-03-22 17:29:07
391
原创 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...
2019-03-20 17:22:55
1835
原创 iframe跨域问题
子级调用父级方法传参window.parent.postMessage({data:"none"},'*')父级方法window.addEventListener('message',function(e){ console.log(e.data.data)}
2019-03-20 17:17:06
281
原创 for循环的几种方式
var list=["a","b","c"];for(var i=0;i<list.length;i++){ console.log(i) //0,1,2 console.log(list[i]) //a,b,c}for(var i in list){ //可以用作对象 console.log(i) ...
2019-02-27 15:47:09
1246
原创 header content-type
content-type 是http实体的首部字段,用户说明请求或返回的消息主体是用何种方式编码,在request header和response header里都存在。content-type的几种方式:1.content-type:application/x-www-form-urlencoded 浏览器的原生form表单提交的数据按照key1=val1&key2=val2 ...
2019-02-21 16:48:51
2635
原创 Element-Vue管理后台登录权限
1.router-index.js (配置动态路由,设置角色权限)export const constantRouterMap = []export const asyncRouterMap= [ { path: '/device', component: Layout, meta: { title: '设备管理', icon: 'fo...
2019-01-18 14:44:25
2396
原创 vue prop接收值传值
比如写一个公共组件,类似弹窗,通过$emit传递事件<template> <div class="notice-contain"> <div class="dialog" v-if="isNotice"> <div class="dialog-center"> {{mess
2018-12-25 17:21:20
3598
原创 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...
2018-12-11 11:25:58
249
原创 微信小程序生成二维码、生成图片、保存图片到本地相册
<!--画布遮罩--><!--生成二维码的画布--><canvas canvas-id="myCanvas" style='width:{{ercode_canvasWidth}}px;height:{{ercode_canvasHeight}}px;left: -300rpx'/><view wx:if="{{modalDisplay}}" cl...
2018-11-13 17:53:38
8126
13
原创 微信分享自定义
微信分享:分享给朋友,分享到朋友圈分享路径需带参数,否则第一次分享不是自定义https://...com?from=groupmessage&isappinstalled=0 getQueryString:function(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&...
2018-09-17 16:42:33
292
原创 WebSocket
WebSocket的特点:服务器可以主动向客户端推送信息,客户端也可以主动向服务器发送信息,是真正的双向平等对话,属于服务器推送技术的一种。var ws=new Websocket("url")ws.onopen=function(evt){ console.log("Connection open...") ws.send("发送数据")}ws.onmessa...
2018-08-21 14:09:36
186
转载 flex布局
Flex 布局教程:语法篇作者: 阮一峰日期: 2015年7月10日网页布局(layout)是 CSS 的一个重点应用。布局的传统解决方案,基于盒状模型,依赖 display 属性 + position属性 + float属性。它对于那些特殊布局非常不方便,比如,垂直居中就不容易实现。2009年,W3C 提出了一种新的方案----Flex 布局,可以简便、完整、响应式地...
2018-08-20 17:20:02
215
原创 自己模糊不定的css样式
1.居中text-align:center 是相对于子元素的居中,只对行内元素起作用margin:0 auto 是相对于自己的居中,对块元素起作用2.position定位position:relative 相对定位 (生成相对定位的元素,相对于其正常位置进行定位)相对定位会按照元素的原始位置对该元素进行移动position: absolute 绝对定位 (生成绝对定位的...
2018-08-08 15:16:03
286
原创 egret白鹭引擎应用
工具:EgretLauncher(管理项目),EgretWing(开发),TextureMerger(Sprite Sheet图片整合 Egret MovieClip动图gif制作)文档:egret扩展库页面UI:exml=>Group包含,九宫格详细约束实线适配组件:多次使用的封装成组件语法:ts=>private 定义变量 .....
2018-08-08 14:38:50
560
原创 video
视频再网页中不能播放,可以用狸窝。转换成H264 mp4格式document.getElementById("landingVideo").controls=false;//设置控制条不显示
2018-06-22 10:29:42
231
原创 js控制rem单位
(function(designWidth) {var doc = document,win = window,docEl = doc.documentElement,remStyle = document.createElement("style"),tid;function refreshRem() {var width = docEl.getBoundingClientRec...
2018-04-03 11:33:07
1207
原创 js Math()函数
取整去掉小数parseInt(5/2)向上取整,有小数就整数部分加1Math.ceil(5/2)向下取整Math.floor(5/2)四舍五入Math.round(5/2)绝对值abs(x)
2018-03-30 18:47:33
436
原创 获取div内容的高度
var scrollHeight=document.getElementById("t_r_content").scrollHeight; //div文档总高度var offsetHeight=document.getElementById("t_r_content").offsetHeight; //获取div窗口显示高度var scrollTop=document.getElementB...
2018-03-29 16:17:19
4878
原创 遮罩(点击阴影部分才隐藏)
<!--遮罩--><div class="dialog"> <div class="dialog-contain"> <div class="dialog-texts"> <div class="dialog-header">
2018-03-20 22:05:13
972
原创 select样式自定义
.search{ width: 25%;//定义最外层div的宽度 height:6rem; position: relative; background-image: url(/static/images/job/input.png);//设置div的背景图片 background-repeat:no-repeat; background-si...
2018-03-14 17:30:48
996
原创 获得数组中对应字段的一组数据
数据格式reportList: [{ date: "", projectCode: "", hours: 4, content: "", status: "", matterItem: [{ matterCode: "",...
2018-03-13 16:52:20
1430
原创 .toISOString() 时区问题
toISOString()转换因为时区问题会相差8小时,中国标准时间转换://解决方式const date = new Date(+new Date() + 8 * 3600 * 1000);const currentMonth = date.toISOString().substr(0, 4) + date.toISOString().substr(5, 2);//最准确的方...
2018-03-02 17:46:20
11487
原创 node+mysql
node项目环境搭建:1. 安装node,git,cnpm2. 安装express一键构建工具 cnpm i express-generator -g3. 新建项目存放目录的文件夹4. cd 新建文件夹的名字, express 新建项目名字5. cd 新建项目名字6. 下载安装依赖包node_moudles npm i 7. 启动项目...
2018-01-23 17:24:42
394
2
原创 微信小程序下拉刷新和上拉加载
example One:如果所有页面都要开启下拉刷新功能:aap.json中:"window":{ "enablePullDownRefresh":true, //开启下拉刷新功能 "navigationBarTextStyle":"dark"}每个页面对应的js中:Page({ onPullDownRefresh: function () {...
2018-01-19 14:49:26
3869
5
空空如也
移动端怎么实现复制粘贴
2017-03-23
TA创建的收藏夹 TA关注的收藏夹
TA关注的人