- 博客(27)
- 收藏
- 关注
RSS订阅原创 element表单验证关于是否必填，格式验证以及大小验证
rules: { name:[{ required: true, message: '请输入用户名', trigger: 'blur' },{ min: 2, max: 6, message: '长度在 2 到 6 个字符' },{ patter...
2018-10-24 16:49:54
11040
原创 css中的Sticky footer 布局
什么叫Sticky footer 布局呢？我们所见到的大部分网站页面，都会把一个页面分为头部区块、内容区块和页脚区块，当头部区块和内容区块内容较少时，页脚能固定在屏幕的底部，而非随着文档流排布。当页面内容较多时，页脚能随着文档流自动撑开，显示在页面的最底部，这就是Sticky footer布局。一般网上会推荐几种方法，但经过亲身实践，我发现还是负margin布局方式比较实用，兼容性最好...
2018-10-23 10:17:04
297
原创 svn提示out of date的解决方法
步骤1. team–>update 步骤2. team–>Show Tree Conflict–>标记"冲突已解决" 步骤3. team–>commitmyeclipse如下操作
2018-10-22 18:01:50
18532
4
原创 关于Element上传图片组件el-upload的使用以及校验
这种写法在多数情况下均可使用<el-upload class="avatar-uploader" action="/api/upload/ueditorUpload" :on-success="uploadSuccess" :on-error="uploadError" :show-file-list="false" :before-upload="beforeAvat
2018-10-15 11:40:47
18314
原创 前端关于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
523
原创 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
5777
原创 使用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
5384
原创 模仿boss直聘网站省市地区三级联动效果
利用纯js写的 模仿boss直聘网站省市地区三级联动效果，有兴趣的可以看看，传送门：模仿boss直聘网站省市地区三级联动效果效果图：
2018-09-22 20:56:26
1281
原创 大转盘抽奖的网页版和小程序版
今天整理了下以前写的小demo，把大转盘抽奖的代码，整合下，列了网页版和小程序两个版本,这个转盘抽奖的核心是H5的canvas和Css3的translate属性，非常简单，写了网页版和小程序版供大家参考，主要核心代码就是利用canvas画图，完整代码见https://github.com/Elve520/lottery，下载可用希望给大家带来帮助//转盘内部绘制lottery.prot...
2018-09-02 14:59:11
11639
2
原创 ueditor 编辑图片居中时报错的解决方法
最近在做项目时使用到了UEditor，发现设置图片居中时竟然报错了，然后去官网看演示，发现官网也报错了，错误是Cannot read property 'removeAttribute' of null at UE.Editor.execCommand经过我仔细盘查，发现是因为白名单里面过滤掉了各种标签的属性，导致样式跟id之类的被清空了所以解决办法是：将p标签的白名单加上id跟st...
2018-08-03 17:58:43
1088
原创 在vue中如何使用公共过滤器filter
平时我们在vue中使用过滤器时，在模板中定义的过滤器不能在其他模板中使用，所以要在每个模板中定义自己的filter，这样就会出现很多重复的代码，那有没有办法定义一个公用的filter，减少代码的重复呢？下面就给大家展示下使用最多且有效的方法吧!首先在公用js中定义一个通用的filter.js，如下图所示，记得一定要把代码整个export出来const vFilter={ numFilter:f...
2018-06-26 10:59:26
4279
1
原创 vue项目如何实现剪切板功能--vue-clipboard2
1、安装vue-clipboard2插件：npm install --save vue-clipboard22、main.js添加import VueClipboard from 'vue-clipboard2'Vue.use(VueClipboard)3、copy组件：message绑定需要复制的文本/onCopy复制成功回调/onError复制失败回调，在需要复制的地方调用v-clipboa...
2018-05-25 17:27:55
5768
转载 vue做移动端适配最佳解决方案，亲测有效
最近在做商城的项目，发现有赞的ui非常适合，但有一个问题是有赞的ui用的单位是px，做不了移动端的适配，官网的提供的vw适配方案发现不可行，最后还是决定rem来做适配，上网搜了一下，发现了一套可用方案，亲测有效哦它的原理是借助px2rem 插件方便的将px单位转为了rem具体步骤：安装npm install px2rem-loader lib-flexible --save 在main.js中引...
2018-05-25 17:20:34
41558
5
原创 在Vue-cli中引入jquery
产品说字体的颜色要动态取，但是css文件不存在变量一说，聪明的我立马想到了利用js给元素设置颜色，这个时候是要抓取元素的，说道抓取元素还是jquery最方便了，那么怎么在Vue-cli中引入jquery呢 需要在webpack中全局引入jquery ， 打开package.json文件，在里面加入这行代码，jquery后面的是版本，根据你自己需求更改dependencies:{...
2018-05-25 17:05:58
1524
原创 关于css布局（水平垂直居中）
在工作过程中一直碰到关于css布局的问题，其实除了margin:0 auto之外，还有一些很灵活的方法水平居中1）使用inline-block+text-align，先将子框由块级元素改变为行内块元素，再通过设置行内块元素居中以达到水平居中。对子框设置display:inline-block，对父框设置text-align:center。<div class="parent"> ...
2018-03-09 14:32:24
177
转载 5个你可能不知道的CSS属性
每年都有新的CSS属性被标准化，并在主流浏览器中可用。 它们旨在使Web开发人员的工作变得轻松，创造出新颖美丽的网站。在这篇文章中，我将介绍5个相对较新的CSS属性，你可能从来没有听说过，我觉得很有趣。 本文的目的是带领你总览这些CSS的属性，告诉你可以使用哪些值，它们的使用场景，还有一些例子。具体来说，这五个CSS属性可以分为以下三类：书写显示（font-di
2017-08-15 11:26:07
737
原创 break、continue和return的区别
break：退出最内层循环或者退出switch语句，表示不执行这个循环，不执行switch语句了；continue：退出当前循环，重新开始执行下一次的循环return：退出正在执行的函数
2017-08-04 16:46:46
358
转载 CSS 样式书写规范
编码设置采用 UTF-8 编码，在 CSS 代码头部使用：1@charset "utf-8";注意，必须要定义在 CSS 文件所有字符的前面（包括编码注释），@charset 才会生效。例如，下面的例子都会使得 @charset 失效：1
2017-08-03 13:33:17
526
原创 时间格式的转换
我们在写页面的时候经常会遇到时间格式的处理，因为不知道后台的小哥哥小姐姐们会突然传过来什么类型的值，一串字符串、还是时间戳，还是正常的日期对象，也可能产品要求要求我么不一样的去显示时间，所以要十八般武艺精通//时间戳转换为时分秒格式function add0(m){return m}function format(times){//times是整数，否则
2017-08-02 16:54:46
231
转载 编写自己的代码库（javascript常用实例的实现与封装）
1.前言 因为公司最近项目比较忙，没那么多空余的事件写文章了，所以这篇文章晚了几天发布。但是这也没什么关系，不过该来的，总是会来的。 好了，其他的不多说的，大家在开发的时候应该知道，有很多常见的实例操作。比如数组去重，关键词高亮，打乱数组等。这些操作，代码一般不会很多，实现的逻辑也不会很难，下面的代码，我解释就不解释太多了，打上注释，相信大家就会懂了。但是，用的地方会比较，如果项目有哪个地方需
2017-08-02 13:56:44
512
原创 怎样不使用cookie取上一个页面的值
使用参数将他们放到跳转的地址栏中，去选取 获取地址栏参数：window.location.search,使用split(“&”)和split(“=”）拆分成数组，放到数组中，有中文时，使用decodeURL（）进行解码
2017-08-02 13:52:20
433
原创 模仿单选按钮
$(this).addClass(“active”).siblings().removeClass(“active”) active是选中的样式
2017-08-02 13:39:43
417
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人