- 博客(56)
- 资源 (2)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 vue 管理系统面包屑实现
效果截图：问题所在：vue配置面包屑 由于详情页面不是上一级页面的子页面，因此不能得到关系去直接实现实现方式：1.通过store，把访问url直接保存去实现问题所在：直接通过详情url会得不到上一级的url 面包屑会出现问题2.通过url去匹配完整面包屑例如：首页：'/center'流程:'/center/todoProcess'详情：'/center/...
2020-04-16 15:26:16
1007
原创 windows 父子窗口传值
需求：需要把5个独立开发的管理端系统在一个网页端浏览（在不影响原系统的前提）（因此想到了ifame，但是在子窗口中，如果登录信息失效，则需要用到父子组件传值）父组件传值给子组件 //父窗口 html @load 处理ifame加载等待 <iframe class="iframe" ref="iframe" :src="url" frameborder="0" @loa...
2020-01-20 14:54:58
292
原创 vue 处理文件打包访问过慢问题
4.处理文件打包访问过慢问题 (1).代码压缩 坏境安装 npm install --save-dev compression-webpack-plugin 配置文件修改 项目->config->index.js(文件修改) 如果服务器不支持 可能需要后端配合 productionGzip: true, production...
2019-07-19 09:40:46
688
原创 vue 嵌套路由 页面空白问题
vue 写嵌套路由时 页面打开空白export default new Router({ routes: [ { path: '/', name: 'index', component: index }, { path: '/index', name: 'index', component: N...
2019-06-28 09:33:51
8011
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
5818
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
429
原创 微信小程序 map地图授权
小程序 在开发授权方面的问题：1.当用户拒绝了授权的情况下，如何再次获得权限 小程序更新后，不在支持调用接口方式（https://developers.weixin.qq.com/community/develop/doc/0000a26e1aca6012e896a517556c01）解决办法：wxml:<view class='layer-mask' w...
2019-05-22 17:42:05
1876
转载 关于微信小程序web开发者工具模拟器出现空白问题
出现问题情况关于微信web开发者工具模拟器出现空白问题，代码没错误，在模拟器中无法显示UI界面。有博主总结点击开发者工具的 “>>”–>详情–>上传代码时自动压缩混淆功能取消勾选。经过我的调试，取消勾选后也无法看到界面。 ...
2019-05-22 17:12:27
14105
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
3829
转载 canvas 绘制文字 自动换行
//ctx_2d getContext("2d") 对象 //lineheight 段落文本行高 //bytelength 设置单字节文字一行内的数量 //text 写入画面的段落文本 //startleft 开始绘制文本的 x 坐标位置（相对于画布） //starttop 开始绘制文本的 y 坐标位置（相对于画布）...
2019-01-04 20:06:40
804
原创 js 阿拉伯数组输出对应的中文计算数
let numberCN=['一','二','三','四','五','六','七','八','九','十']; //数字对应汉子转换 const numberENFun = (num)=>{ let string=num.toString(); let resultStr=''; string.split('').forEach(functio...
2019-01-04 20:05:35
214
原创 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
1556
转载 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
364
转载 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
239
原创 使用swiper 出现闪屏问题
在做一个移动端项目时，用swiper 做的页面切换，但是页面里面还会有swiper轮播图 和其他内容，在滑动外部swiper时，除开里面swiper的元素会发生闪动的情况。解决方法：给外部元素的父标css套一个：transform:translate3d(0,0,0);overflow:hidden;闪动元素/子元素：transform:translate3d(0,0,0)
2017-09-15 16:26:03
10552
2
转载 css 协议弹出层卡的问题
.product-group-div { width: 100%; overflow-y: hidden; -webkit-overflow-scrolling: touch;}
2017-09-06 16:09:01
258
原创 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
273
原创 微信小程序 总结
微信小程序数组添加：使用push进行数组添加会报错：经测试 concat ：链接一个或多个字符串/数组var array=array1.concat(array2,array3); //生成一个新的数组
2017-07-25 11:19:56
1372
原创 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
232
转载 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
1071
原创 github 代码管理 配置
github本地软件下载：http://pan.baidu.com/s/1eSoZY4i注册官网：https://github.com/github代码上传：1.本地创建配置配置sshssh-keygen -t rsa -C "[email protected]"命令完成后会在 C:/Users/administator/.ssh/ 生成一个id_rsa.pu
2017-06-20 09:29:36
340
转载 常用正则
电话号码/^(\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
216
转载 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
370
转载 循环往数组中插入对象
循环往数组中插入对象时要确保每次都创建一个新的对象，不能重复使用之前的对象 //错误的方法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
17456
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
653
转载 web前端页面性能优化小结
PS：结合了精英的思想和自己的一些小小的总结~影响用户访问的最大部分是前端的页面。网站的划分一般为二：前端和后台。我们可以理解成后台是用来实现网站的功能的，比如：实现用户注册，用户能够为文章发表评论等等。而前端呢？其实应该是属于功能的表现。 而我们建设网站的目的是什么呢？不就是为了让目标人群来访问吗？所以我们可以理解成前端才是真正和用户接触的。除了后台需要在性能上做
2017-04-10 10:22:35
450
原创 去掉button ios默认样式
input[type="button"], input[type="submit"], input[type="reset"] ,botton,bottom { -webkit-appearance:none;}
2017-03-16 10:04:50
2397
转载 解决移动端1px线条的显示方式
本文实际上想说的是ios8下 1px解决方案。 1px的边框在devicePixelRatio = 2的retina屏下会显示成2px，在iphone 6 plug 下，更显示成3px。由其影响美感。还好，时代总是进步的。也许很多人都不知道， 现在IOS8下，已经支持0.5px了。 。 那么意味着，在devicePixelRatio = 2下，我们可以使用如下的css代码：
2017-03-15 10:53:55
4214
原创 移动端 touch 手机拖动 css停止问题
做手机游戏是，需要全屏显示，则需要禁止界面拖动防止阻止css动画执行使用下面代码可以实现： document.querySelector('body').addEventListener(touchStart, function(ev) { event.preventDefault(); }); 但是后面遇到了一个问题，
2017-03-13 18:31:21
374
转载 手机浏览器上，给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
3410
转载 javascript三角函数的使用
其实很多编程语言里面都有数学函数，而且很多数学函数包括三角函数，只不过有些时候可能我们用的并不多，我最近在做一个h5的游戏，其中有一个需求就是射击的枪支需要更随鼠标变换位置，鼠标移动到什么地方，炮口就要指向那个方位，刚开始一直不能理解，后来朋友提供了思路，其实使用的就是javascript里面的三角函数。 首先呢，我们复习一下高中时候学习的三角函数的的基本知识吧，我这里介绍其中几个简单的
2017-03-09 15:05:37
1409
转载 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
211
原创 css 动画总结
animation-name:动画名称animation-duration:动画持续时间animation-fill-mode:动画运行模式 both/forwardsanimation-iteration-count:动画重复次数 infinite 循环animation-origin:旋转中心点
2017-03-07 10:25:22
269
原创 解决图片上下居中问题
如果能够设置图片外部div具体宽高，则可以根据设置图片外层divdisplay: table-cell;vert cal-align: middle;让其居中
2017-02-22 11:48:44
549
转载 纯CSS实现文字一行居中，多行左对齐的方法
纯CSS实现文字一行居中，多行左对齐的方法其实这种需求还是蛮常见的。主要用于产品列表页面，用于产品图片下面，显示产品的名称。但是其纯CSS实现实在是烧脑，一般就放掉这个需求，或者，使用JS实现。但是，我坚信这一定能用纯CSS来解决！！我为什么如此信念笃定呢？因为我多年前在蓝色理想论坛见到过高手解决过！！！好吧。我实在是找不到这个帖子了，万能的百度没能给我解决方案。我只能自己
2016-12-28 18:11:52
1225
转载 子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
532
转载 HTML5+javascript实现图片加载进度动画效果
HTML5+javascript实现图片加载进度动画效果 在网上找资料的时候，看到网上有图片加载进度的效果，手痒就自己也写了一个。图片加载完后，隐藏loading效果。想看加载效果，请ctrel+F5强制刷新或者清理缓存。 效果预览： 代码如下："en"> "UTF-8"> HTML
2016-09-08 17:23:13
4202
1
转载 循环事件事件监听
这几天在做一个效果，需要用到点击图片得到其下标位置去对他执行，搞了几天都没搞清楚。在今天下午实在不想想了，就去百度了下，才发现百度果然是强大的！循环中设置的监听事件怎么传递参数 分享| 2014-05-07 22:16Pie_lin | 浏览 224 次在我的php里面有一个div一直不间断的滚动着多张小图，我js文件里要的效果是一旦点击其中一个小图就把
2016-08-17 14:48:36
870
js 如何计算两个div的交集占据另一个div的百分比
2017-03-14
TA创建的收藏夹 TA关注的收藏夹
TA关注的人