- 博客(56)
- 资源 (2)
- 问答 (1)
- 收藏
- 关注
原创 vue 管理系统面包屑实现
效果截图:问题所在:vue配置面包屑 由于详情页面不是上一级页面的子页面,因此不能得到关系去直接实现实现方式:1.通过store,把访问url直接保存去实现问题所在:直接通过详情url会得不到上一级的url 面包屑会出现问题2.通过url去匹配完整面包屑例如:首页:'/center'流程:'/center/todoProcess'详情:'/center/...
2020-04-16 15:26:16
1026
原创 windows 父子窗口传值
需求:需要把5个独立开发的管理端系统在一个网页端浏览(在不影响原系统的前提)(因此想到了ifame,但是在子窗口中,如果登录信息失效,则需要用到父子组件传值)父组件传值给子组件 //父窗口 html @load 处理ifame加载等待 <iframe class="iframe" ref="iframe" :src="url" frameborder="0" @loa...
2020-01-20 14:54:58
304
原创 vue 处理文件打包访问过慢问题
4.处理文件打包访问过慢问题 (1).代码压缩 坏境安装 npm install --save-dev compression-webpack-plugin 配置文件修改 项目->config->index.js(文件修改) 如果服务器不支持 可能需要后端配合 productionGzip: true, production...
2019-07-19 09:40:46
725
原创 vue 嵌套路由 页面空白问题
vue 写嵌套路由时 页面打开空白export default new Router({ routes: [ { path: '/', name: 'index', component: index }, { path: '/index', name: 'index', component: N...
2019-06-28 09:33:51
8043
1
原创 gulp 配置 autoprefixer 报出警告问题
今天在配置gulpautoprefixer 控制台 出现了警告问题, Replace Autoprefixer browsers option to Browserslist config. Use browserslist key in package.json or .browserslistrc file. Using browsers option cause so...
2019-06-14 14:27:35
5834
2
原创 处理 git .gitignore 文件不能忽略
原因是之前有缓存,清除即可# 此为注释 – 将被 Git 忽略*.a# 忽略所有 .a 结尾的文件!lib.a# 但 lib.a 除外/TODO# 仅仅忽略项目根目录下的 TODO 文件,不包括 subdir/TODObuild/# 忽略 build/ 目录下的所有文件doc/*.txt# 会忽略 doc/notes.t...
2019-06-06 13:44:24
437
原创 微信小程序 map地图授权
小程序 在开发授权方面的问题:1.当用户拒绝了授权的情况下,如何再次获得权限 小程序更新后,不在支持调用接口方式(https://developers.weixin.qq.com/community/develop/doc/0000a26e1aca6012e896a517556c01)解决办法:wxml:<view class='layer-mask' w...
2019-05-22 17:42:05
1896
转载 关于微信小程序web开发者工具模拟器出现空白问题
出现问题情况关于微信web开发者工具模拟器出现空白问题,代码没错误,在模拟器中无法显示UI界面。有博主总结点击开发者工具的 “>>”–>详情–>上传代码时自动压缩混淆功能取消勾选。经过我的调试,取消勾选后也无法看到界面。 ...
2019-05-22 17:12:27
14190
2
原创 es6 promise 与 .then 的传值
const getAddress= new Promise((resolve, reject) => { that.loadAddress(function(res){ resolve(res); //return 传值给then return res; })}).then((res)=>{ th...
2019-05-22 16:58:43
3866
转载 canvas 绘制文字 自动换行
//ctx_2d getContext("2d") 对象 //lineheight 段落文本行高 //bytelength 设置单字节文字一行内的数量 //text 写入画面的段落文本 //startleft 开始绘制文本的 x 坐标位置(相对于画布) //starttop 开始绘制文本的 y 坐标位置(相对于画布)...
2019-01-04 20:06:40
824
原创 js 阿拉伯数组输出对应的中文计算数
let numberCN=['一','二','三','四','五','六','七','八','九','十']; //数字对应汉子转换 const numberENFun = (num)=>{ let string=num.toString(); let resultStr=''; string.split('').forEach(functio...
2019-01-04 20:05:35
226
原创 js 随机取出不重复多条数据
调用 let listArr=utils.randomArray([ {data:data.brand,num:2}, {data:data.wrong,num:2}, {data:data.nous,num:2}, {data:data.prevent,num:4} ]);1.取出数据,会改变原来数据//筛选 ...
2019-01-04 20:01:37
1580
转载 js 排序
js 排序最近在做微信小程序云开发,因为小程序限制,客户端数据查询数量为20,服务端查询数量为100,因此不能直接在api查询语句上排序。还得全部输出以下排列方式来自网上:1.sort 排序(方法用于对数组的元素进行排序,可用于字母a-z,数字) //方法 b-a 未降序 a-b为升序 排列 function sortId(a,b){ return b-a; ...
2019-01-04 18:40:11
374
转载 20个CSS高级技巧汇总
1. 黑白图像这段代码会让你的彩色照片显示为黑白照片,是不是很酷?img.desaturate { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100
2017-12-14 10:56:54
247
原创 使用swiper 出现闪屏问题
在做一个移动端项目时,用swiper 做的页面切换,但是页面里面还会有swiper轮播图 和其他内容,在滑动外部swiper时,除开里面swiper的元素会发生闪动的情况。解决方法:给外部元素的父标css套一个:transform:translate3d(0,0,0);overflow:hidden;闪动元素/子元素:transform:translate3d(0,0,0)
2017-09-15 16:26:03
10667
2
转载 css 协议弹出层卡的问题
.product-group-div { width: 100%; overflow-y: hidden; -webkit-overflow-scrolling: touch;}
2017-09-06 16:09:01
266
原创 git 操作
右键git bash进入命令行:git init : 进行初始化 //会生成一个.git的文件夹(默认隐藏) git add ./a.txt(全部添加/个别添加进暂存区)git commit -m"修改备注" //把文件提交到仓库 git status 查看文件是否还有未提交的 git diff index.txt //查看修改撤销操作:git log //查看
2017-07-28 00:30:34
278
原创 微信小程序 总结
微信小程序数组添加:使用push进行数组添加会报错:经测试 concat :链接一个或多个字符串/数组var array=array1.concat(array2,array3); //生成一个新的数组
2017-07-25 11:19:56
1384
原创 js 函数,方法总结
es5:var a=[1,2,3,5];var b="1,2,3";字符串:a.join(","); //把数组转换成字符串b.split(",") //把字符串转换成数组//迭代方法与归并方法//every:如果所有符合条件 放回true 否则flase var b=a.every(function(item,index,array){// cons
2017-07-19 22:21:21
246
转载 css 两行文字 多的用。。。。
content-title a { color:#000000; overflow:hidden; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; word-break: break-al
2017-07-18 15:12:54
1084
原创 github 代码管理 配置
github本地软件下载:http://pan.baidu.com/s/1eSoZY4i注册官网:https://github.com/github代码上传:1.本地创建配置配置sshssh-keygen -t rsa -C "your_emali@youremail.com"命令完成后会在 C:/Users/administator/.ssh/ 生成一个id_rsa.pu
2017-06-20 09:29:36
358
转载 常用正则
电话号码/^(\d{3,4}-?)?\d{7,9}$/g 手机号码/^(((13[0-9]{1})|(15[0-35-9]{1})|(17[0-9]{1})|(18[0-9]{1}))+\d{8})$/ 身份证15位: /^(\d{6})()?(\d{2})(\d{2})(\d{2})(\d{2})(\w)$/18位:/^(\d{6})()?(\d{
2017-05-16 21:53:56
229
转载 jquery checkbox勾选/取消勾选的诡异问题
form> 你爱好的运动是?input type="checkbox" id="CheckedAll" />全选/全不选br /> input type="checkbox" name="items" value="足球" />足球 input type="checkbox" name="items" value="篮球" />篮球
2017-05-09 09:40:32
382
转载 循环往数组中插入对象
循环往数组中插入对象时要确保每次都创建一个新的对象,不能重复使用之前的对象 //错误的方法var arr = [];var obj = {};for (var i = 0; i obj.id = i; arr.push(obj);}//正确的方法var arr = [];for (var i =
2017-05-03 15:27:52
17469
11
转载 js 计算rem值
在做移动端web app的时候,众所周知,移动设备分辨率五花八门,虽然我们可以通过CSS3的media query来实现适配,例如下面这样: 1 html { 2 font-size : 20px; 3 } 4 @media only screen and (min-width: 401px){ 5 html { 6
2017-04-10 10:58:04
674
转载 web前端页面性能优化小结
PS:结合了精英的思想和自己的一些小小的总结~影响用户访问的最大部分是前端的页面。网站的划分一般为二:前端和后台。我们可以理解成后台是用来实现网站的功能的,比如:实现用户注册,用户能够为文章发表评论等等。而前端呢?其实应该是属于功能的表现。 而我们建设网站的目的是什么呢?不就是为了让目标人群来访问吗?所以我们可以理解成前端才是真正和用户接触的。除了后台需要在性能上做
2017-04-10 10:22:35
457
原创 去掉button ios默认样式
input[type="button"], input[type="submit"], input[type="reset"] ,botton,bottom { -webkit-appearance:none;}
2017-03-16 10:04:50
2420
转载 解决移动端1px线条的显示方式
本文实际上想说的是ios8下 1px解决方案。 1px的边框在devicePixelRatio = 2的retina屏下会显示成2px,在iphone 6 plug 下,更显示成3px。由其影响美感。还好,时代总是进步的。也许很多人都不知道, 现在IOS8下,已经支持0.5px了。 。 那么意味着,在devicePixelRatio = 2下,我们可以使用如下的css代码:
2017-03-15 10:53:55
4234
原创 移动端 touch 手机拖动 css停止问题
做手机游戏是,需要全屏显示,则需要禁止界面拖动防止阻止css动画执行使用下面代码可以实现: document.querySelector('body').addEventListener(touchStart, function(ev) { event.preventDefault(); }); 但是后面遇到了一个问题,
2017-03-13 18:31:21
391
转载 手机浏览器上,给body增加overflow:hidden;width:100%;height:100% 无效的问题
在手机浏览器上,给body增加overflow:hidden;width:100%;height:100% 无效的问题。在网上找了几种解决办法1、body加position:fixed; —-可行2、给要滚动的元素添加一个父级,设定高度,overflow:auto;3、html,body{height:100%;overflow:hidden}
2017-03-13 13:08:52
3448
转载 javascript三角函数的使用
其实很多编程语言里面都有数学函数,而且很多数学函数包括三角函数,只不过有些时候可能我们用的并不多,我最近在做一个h5的游戏,其中有一个需求就是射击的枪支需要更随鼠标变换位置,鼠标移动到什么地方,炮口就要指向那个方位,刚开始一直不能理解,后来朋友提供了思路,其实使用的就是javascript里面的三角函数。 首先呢,我们复习一下高中时候学习的三角函数的的基本知识吧,我这里介绍其中几个简单的
2017-03-09 15:05:37
1436
转载 js 随机数
function GetRandomNum(Min,Max){ var Range = Max - Min; var Rand = Math.random(); return(Min + Math.round(Rand * Range)); } var num = GetRandomNum(1,10); alert(num); v
2017-03-07 11:52:48
218
原创 css 动画总结
animation-name:动画名称animation-duration:动画持续时间animation-fill-mode:动画运行模式 both/forwardsanimation-iteration-count:动画重复次数 infinite 循环animation-origin:旋转中心点
2017-03-07 10:25:22
280
原创 解决图片上下居中问题
如果能够设置图片外部div具体宽高,则可以根据设置图片外层divdisplay: table-cell;vert cal-align: middle;让其居中
2017-02-22 11:48:44
564
转载 纯CSS实现文字一行居中,多行左对齐的方法
纯CSS实现文字一行居中,多行左对齐的方法其实这种需求还是蛮常见的。主要用于产品列表页面,用于产品图片下面,显示产品的名称。但是其纯CSS实现实在是烧脑,一般就放掉这个需求,或者,使用JS实现。但是,我坚信这一定能用纯CSS来解决!!我为什么如此信念笃定呢?因为我多年前在蓝色理想论坛见到过高手解决过!!!好吧。我实在是找不到这个帖子了,万能的百度没能给我解决方案。我只能自己
2016-12-28 18:11:52
1241
转载 子DIV设置margin-top影响父DIV位置的解决办法
子DIV设置margin-top影响父DIV位置的解决办法2015-07-23 12:42:22来源:威易网作者:icech在设置子DIV的margin-top时候,如果与父DIV之间无任何元素的间隔,那么就会让父DIV的位置收到影响。如图:在设置子DIV的margin-top时候,如果与父DIV之间无任何元素的间隔,那么就会让父DIV的位置收到影响。如图:
2016-09-13 16:09:54
550
转载 HTML5+javascript实现图片加载进度动画效果
HTML5+javascript实现图片加载进度动画效果 在网上找资料的时候,看到网上有图片加载进度的效果,手痒就自己也写了一个。图片加载完后,隐藏loading效果。想看加载效果,请ctrel+F5强制刷新或者清理缓存。 效果预览: 代码如下:"en"> "UTF-8"> HTML
2016-09-08 17:23:13
4243
1
转载 循环事件事件监听
这几天在做一个效果,需要用到点击图片得到其下标位置去对他执行,搞了几天都没搞清楚。在今天下午实在不想想了,就去百度了下,才发现百度果然是强大的!循环中设置的监听事件怎么传递参数 分享| 2014-05-07 22:16Pie_lin | 浏览 224 次在我的php里面有一个div一直不间断的滚动着多张小图,我js文件里要的效果是一旦点击其中一个小图就把
2016-08-17 14:48:36
887
js 如何计算两个div的交集占据另一个div的百分比
2017-03-14
TA创建的收藏夹 TA关注的收藏夹
TA关注的人