小技巧
今天也在写bug
不断摸索进步的菜鸟
展开
-
时间格式的转换
我们在写页面的时候经常会遇到时间格式的处理,因为不知道后台的小哥哥小姐姐们会突然传过来什么类型的值,一串字符串、还是时间戳,还是正常的日期对象,也可能产品要求要求我么不一样的去显示时间,所以要十八般武艺精通//时间戳转换为时分秒格式function add0(m){return m}function format(times){//times是整数,否则原创 2017-08-02 16:54:46 · 248 阅读 · 0 评论 -
css中的Sticky footer 布局
什么叫Sticky footer 布局呢?我们所见到的大部分网站页面,都会把一个页面分为头部区块、内容区块和页脚区块,当头部区块和内容区块内容较少时,页脚能固定在屏幕的底部,而非随着文档流排布。当页面内容较多时,页脚能随着文档流自动撑开,显示在页面的最底部,这就是Sticky footer布局。一般网上会推荐几种方法,但经过亲身实践,我发现还是负margin布局方式比较实用,兼容性最好...原创 2018-10-23 10:17:04 · 321 阅读 · 0 评论 -
svn提示out of date的解决方法
步骤1. team–>update 步骤2. team–>Show Tree Conflict–>标记"冲突已解决" 步骤3. team–>commitmyeclipse如下操作原创 2018-10-22 18:01:50 · 18692 阅读 · 4 评论 -
js校验6-16位字母或数字,当不能是纯数字或纯字母时如何解决
校验密码的时候如何校验6-16位字母或数字呢,正则表达式就派上用场了function isNumberOr_Letter(s){ var regu = "^[0-9a-zA-Z]{6,16}$" var re = new RegExp(regu) if (re.test(s)) { return true; }else{ return false; }}但是测试...原创 2018-10-09 15:56:30 · 5838 阅读 · 0 评论 -
前端关于vue普通引用情况下如何与UEditor结合以及关于UEditor的文字居中的bug解决
首先去官网下载压缩文件解压:https://ueditor.baidu.com/website/download.html然后在你使用插件的文件中script引入<!-- 配置文件 --> <script type="text/javascript" src="/ueditor/ueditor.config.js"></script> <...原创 2018-10-15 11:32:13 · 559 阅读 · 0 评论 -
使用clipboard.js实现js复制黏贴的功能
最近在做项目的时候需要实现复制黏贴的功能,但是js自己提供的各种方法存在兼容性问题,最后决定使用插件来实现,找了很多插件,发现了了一款比较好用的,分享给大家官网地址:https://clipboardjs.com/js包下载地址:jsDelivr< script src = “ https://cdn.jsdelivr.net/npm/clipboard@2/dist/cl...原创 2018-09-29 16:54:48 · 5398 阅读 · 0 评论 -
ueditor 编辑图片居中时报错的解决方法
最近在做项目时使用到了UEditor,发现设置图片居中时竟然报错了,然后去官网看演示,发现官网也报错了,错误是Cannot read property 'removeAttribute' of null at UE.Editor.execCommand经过我仔细盘查,发现是因为白名单里面过滤掉了各种标签的属性,导致样式跟id之类的被清空了所以解决办法是:将p标签的白名单加上id跟st...原创 2018-08-03 17:58:43 · 1118 阅读 · 0 评论 -
在vue中如何使用公共过滤器filter
平时我们在vue中使用过滤器时,在模板中定义的过滤器不能在其他模板中使用,所以要在每个模板中定义自己的filter,这样就会出现很多重复的代码,那有没有办法定义一个公用的filter,减少代码的重复呢?下面就给大家展示下使用最多且有效的方法吧!首先在公用js中定义一个通用的filter.js,如下图所示,记得一定要把代码整个export出来const vFilter={ numFilter:f...原创 2018-06-26 10:59:26 · 4299 阅读 · 1 评论 -
vue做移动端适配最佳解决方案,亲测有效
最近在做商城的项目,发现有赞的ui非常适合,但有一个问题是有赞的ui用的单位是px,做不了移动端的适配,官网的提供的vw适配方案发现不可行,最后还是决定rem来做适配,上网搜了一下,发现了一套可用方案,亲测有效哦它的原理是借助px2rem 插件方便的将px单位转为了rem具体步骤:安装npm install px2rem-loader lib-flexible --save 在main.js中引...转载 2018-05-25 17:20:34 · 41648 阅读 · 5 评论 -
5个你可能不知道的CSS属性
每年都有新的CSS属性被标准化,并在主流浏览器中可用。 它们旨在使Web开发人员的工作变得轻松,创造出新颖美丽的网站。在这篇文章中,我将介绍5个相对较新的CSS属性,你可能从来没有听说过,我觉得很有趣。 本文的目的是带领你总览这些CSS的属性,告诉你可以使用哪些值,它们的使用场景,还有一些例子。具体来说,这五个CSS属性可以分为以下三类:书写显示(font-di转载 2017-08-15 11:26:07 · 749 阅读 · 0 评论 -
模仿单选按钮
$(this).addClass(“active”).siblings().removeClass(“active”) active是选中的样式原创 2017-08-02 13:39:43 · 426 阅读 · 0 评论 -
element表单验证关于是否必填,格式验证以及大小验证
rules: { name:[{ required: true, message: '请输入用户名', trigger: 'blur' },{ min: 2, max: 6, message: '长度在 2 到 6 个字符' },{ patter...原创 2018-10-24 16:49:54 · 11081 阅读 · 0 评论