菜鸟丹丹的博客

刚毕业的小白,记录一下平时的工作

element表单验证关于是否必填,格式验证以及大小验证

rules: { name:[{ required: true, message: '请输入用户名', trigger: 'blur' },{ min: 2, max: 6, ...

2018-10-24 16:49:54

阅读数 1827

评论数 0

css中的Sticky footer 布局

什么叫Sticky footer 布局呢? 我们所见到的大部分网站页面,都会把一个页面分为头部区块、内容区块和页脚区块,当头部区块和内容区块内容较少时,页脚能固定在屏幕的底部,而非随着文档流排布。当页面内容较多时,页脚能随着文档流自动撑开,显示在页面的最底部,这就是Sticky footer布局...

2018-10-23 10:17:04

阅读数 38

评论数 0

svn提示out of date的解决方法

步骤1. team–>update 步骤2. team–>Show Tree Conflict–>标记"冲突已解决" 步骤3. team–>commit myec...

2018-10-22 18:01:50

阅读数 896

评论数 0

关于Element上传图片组件el-upload的使用以及校验

这种写法在多数情况下均可使用 <el-upload class="avatar-uploader" action="/api/upload/ueditorUpload" :on-success=&...

2018-10-15 11:40:47

阅读数 2917

评论数 0

前端关于vue普通引用情况下如何与UEditor结合以及关于UEditor的文字居中的bug解决

首先去官网下载压缩文件解压 :https://ueditor.baidu.com/website/download.html 然后在你使用插件的文件中script引入 <!-- 配置文件 --> <script type=...

2018-10-15 11:32:13

阅读数 111

评论数 0

js校验6-16位字母或数字,当不能是纯数字或纯字母时如何解决

校验密码的时候如何校验6-16位字母或数字呢,正则表达式就派上用场了 function isNumberOr_Letter(s){ var regu = "^[0-9a-zA-Z]{6,16}$" var re = new RegExp(regu) i...

2018-10-09 15:56:30

阅读数 933

评论数 0

使用clipboard.js实现js复制黏贴的功能

最近在做项目的时候需要实现复制黏贴的功能,但是js自己提供的各种方法存在兼容性问题,最后决定使用插件来实现,找了很多插件,发现了了一款比较好用的,分享给大家 官网地址:https://clipboardjs.com/ js包下载地址: jsDelivr < scrip...

2018-09-29 16:54:48

阅读数 618

评论数 0

模仿boss直聘网站省市地区三级联动效果

利用纯js写的    模仿boss直聘网站省市地区三级联动效果,有兴趣的可以看看,传送门:模仿boss直聘网站省市地区三级联动效果 效果图:    

2018-09-22 20:56:26

阅读数 361

评论数 0

大转盘抽奖的网页版和小程序版

今天整理了下以前写的小demo,把大转盘抽奖的代码,整合下,列了网页版和小程序两个版本,这个转盘抽奖的核心是H5的canvas和Css3的translate属性,非常简单,写了网页版和小程序版供大家参考,主要核心代码就是利用canvas画图,完整代码见https://github.com/Elve...

2018-09-02 14:59:11

阅读数 3210

评论数 2

ueditor 编辑图片居中时报错的解决方法

最近在做项目时使用到了UEditor,发现设置图片居中时竟然报错了,然后去官网看演示,发现官网也报错了,错误是 Cannot read property 'removeAttribute' of null at UE.Editor.execCommand 经过我仔细盘查,发现是因为白名单里面...

2018-08-03 17:58:43

阅读数 276

评论数 0

在vue中如何使用公共过滤器filter

平时我们在vue中使用过滤器时,在模板中定义的过滤器不能在其他模板中使用,所以要在每个模板中定义自己的filter,这样就会出现很多重复的代码,那有没有办法定义一个公用的filter,减少代码的重复呢?下面就给大家展示下使用最多且有效的方法吧!首先在公用js中定义一个通用的filter.js,如下...

2018-06-26 10:59:26

阅读数 1177

评论数 0

改造vue-quill-editor:实现图片上传到服务器再插入富文本

亲测有效,很实用点击打开链接

2018-05-25 17:29:20

阅读数 6113

评论数 0

vue项目如何实现剪切板功能--vue-clipboard2

1、安装vue-clipboard2插件:npm install --save vue-clipboard22、main.js添加import VueClipboard from 'vue-clipboard2' Vue.use(VueClipboard)3、copy组件:message绑定需要复...

2018-05-25 17:27:55

阅读数 2184

评论数 0

vue做移动端适配最佳解决方案,亲测有效

最近在做商城的项目,发现有赞的ui非常适合,但有一个问题是有赞的ui用的单位是px,做不了移动端的适配,官网的提供的vw适配方案发现不可行,最后还是决定rem来做适配,上网搜了一下,发现了一套可用方案,亲测有效哦它的原理是借助px2rem 插件方便的将px单位转为了rem具体步骤:安装npm in...

2018-05-25 17:20:34

阅读数 17672

评论数 1

在Vue-cli中引入jquery

产品说字体的颜色要动态取,但是css文件不存在变量一说,聪明的我立马想到了利用js给元素设置颜色,这个时候是要抓取元素的,说道抓取元素还是jquery最方便了,那么怎么在Vue-cli中引入jquery呢     需要在webpack中全局引入jquery  , 打开package.json...

2018-05-25 17:05:58

阅读数 204

评论数 0

关于css布局(水平垂直居中)

在工作过程中一直碰到关于css布局的问题,其实除了margin:0 auto之外,还有一些很灵活的方法水平居中1)使用inline-block+text-align,先将子框由块级元素改变为行内块元素,再通过设置行内块元素居中以达到水平居中。对子框设置display:inline-block,对父...

2018-03-09 14:32:24

阅读数 52

评论数 0

5个你可能不知道的CSS属性

每年都有新的CSS属性被标准化,并在主流浏览器中可用。 它们旨在使Web开发人员的工作变得轻松,创造出新颖美丽的网站。 在这篇文章中,我将介绍5个相对较新的CSS属性,你可能从来没有听说过,我觉得很有趣。 本文的目的是带领你总览这些CSS的属性,告诉你可以使用哪些值,它们的使用场景,还有...

2017-08-15 11:26:07

阅读数 361

评论数 0

break、continue和return的区别

break:退出最内层循环或者退出switch语句,表示不执行这个循环,不执行switch语句了; continue:退出当前循环,重新开始执行下一次的循环 return:退出正在执行的函数

2017-08-04 16:46:46

阅读数 139

评论数 0

CSS 样式书写规范

编码设置 采用 UTF-8 编码,在 CSS 代码头部使用: 1 @charset "utf-8"; 注意,必须要定义在 CSS 文件所有字符的前面(包括编码注释),@cha...

2017-08-03 13:33:17

阅读数 369

评论数 0

时间格式的转换

我们在写页面的时候经常会遇到时间格式的处理,因为不知道后台的小哥哥小姐姐们会突然传过来什么类型的值,一串字符串、还是时间戳,还是正常的日期对象,也可能产品要求要求我么不一样的去显示时间,所以要十八般武艺精通 //时间戳转换为时分秒格式 function add0(m){ re...

2017-08-02 16:54:46

阅读数 91

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭