- 博客(25)
- 资源 (8)
- 收藏
- 关注
RSS订阅input 身份证号 限制数字/xX 和 其他正则
<van-field v-model="idCard" v-if="showIdCard" oninput="value= value.replace(/[^\d|xX]/g,'')" label="身份证号" maxlength="18" placeholder="请输入您的身份证号" clearable/> 输入大小写字母、数字、下划线： <input...
2019-07-05 11:12:13
5572
原创 系统公告 文字上下滚动
<!doctype html><html><head> <meta charset="utf-8"> <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,initial-scale=1.0,width
2018-11-29 10:28:56
1440
1
原创 css 三角形简单实现
效果：代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>红包信息</title> <meta name="viewport" content=&
2018-11-20 16:22:57
151
原创 ES6 let 与 const
let: 只局限于当前代码块 变量作用域不会被提升 在相同作用域下不能声明相同变量 for循环体现let的父子作用域例如： var btns=document.getElementsByTagName ('button'); console.log(btns.length); for (var i=0;i<btns.length;i++)...
2018-07-19 09:34:31
154
原创 优惠券使用规则折叠展开实现
文章结构：<div class="component-can-use-quan" > <div class="quan-wrapper bgc-f8f8f8" v-for="(item,index) in list" v-if="item.IsOverdue == false && item.IsUse == false">
2018-03-05 16:57:57
765
原创 微信小程序的bug记录
1.modal可以制作没有确定、取消按钮的样式框，就像这样的，只需将confirm-text="" cancel-text=""这两个值置为空就可以了。2.用modal时，如果背景页面比手机屏幕高度高，即滚动，那么就可以给整体页面设一个class，在遮罩层出现时就将将最外层view的overflow设为hidden，同时要将height设为100vh，不是100%。3. 小程序中当两个v...
2018-03-01 14:34:42
1090
转载 href为javascript空的作用
a标签的href="javascript:;"其中avascript:;是伪协议，他可以让我们通过一个链接来调用JavaScript函数，而采用这个方式可以实现a标签的点击运行时，如果页面内容有很多，有滚动条时，页面不会乱跳，用户体验更好。相当于执行了一段JavaScript空代码，地址不会发生跳转。...
2018-03-01 09:22:24
384
转载 script标签的位置
一般我们都会将script标签放在body结束标签之前，原因如下:<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>测试js代码位置</title> <script type="text/javascrip
2018-02-24 10:14:16
8248
转载 写css应该注意的
编写CSS时应该注意：CSS选择符是从右到左进行匹配的。从右到左！所以，#nav li 我们以为这是一条很简单的规则，秒秒钟就能匹配到想要的元素，但是，但是，但是，是从右往左匹配啊，所以，会去找所有的li，然后再去确定它的父元素是不是#nav。，因此，写css的时候需要注意：dom深度尽量浅。减少inline javascript、css的数量。使用现代合法的css属性。不要为id选择器指定类名或...
2018-02-24 10:10:23
202
原创 实现div元素在整个屏幕的的垂直居中之translateY(-50%)的利用
哈哈哈，今天我发现了一个超级好用的div在整个页面的垂直居中的方法，那就是巧用transform: translateY(-50%)。如果不知道这个是什么意思可以看看 点击打开链接 http://www.w3school.com.cn/tiy/c.asp?f=css_transform_translatey举个例子：有一个元素我们想让他位于整个屏幕的右侧20px，并且是垂直居中的，那么我们应该怎么...
2018-02-23 14:19:03
966
原创 ios vue-timeago 时间显示NaN
这个问题的原因是： 在vue-timeago插件里面的vue-timeago.js文件中sinceTime 函数没有对当前操作系统做判断，就直接是用了new Date(this.since).getTime()去转换时间，实际上IOS上只支持yyyy/MM/dd这种标准格式，所以就造成了源代码在android上运行正常，在ios上运行不正常解决办法是： 判断当前手机操
2018-01-16 09:35:33
1524
转载 babel转码器
Babel 转码器Babel 是一个广泛使用的 ES6 转码器，可以将 ES6 代码转为 ES5 代码，从而在现有环境执行。这意味着，你可以用 ES6 的方式编写程序，又不用担心现有环境是否支持。下面是一个例子。// 转码前input.map(item => item + 1);// 转码后input.map(function (item) { return item +
2018-01-16 08:56:40
201
原创 数组 some 与every 的方法
some意指“某些”，指是否“某些项”合乎条件。与下面的every算是好基友，every表示是否“每一项”都要靠谱。用法如下：array.some(callback,[ thisObject]);例如下面的简单使用：var scores = [5, 8, 3, 10];var current = 7;function higherThanCurrent
2018-01-12 17:38:03
1335
原创 数组foreach的用法
array1.forEach(callbackfn[, thisArg])参数定义array1必选。一个数组对象。callbackfn必选。最多可以接受三个参数的函数。对于数组中的每个元素，forEach 都会调用 callbackfn 函数一次。thisArg
2018-01-10 15:21:18
5519
原创 可编辑的div，以避免textarea高度不能自适应的问题
{{len}}/500 //监听输入的函数com(){ // console.log("dsds"); var text = document.getElementById("textareadiv").innerText; if(text.length !
2017-12-27 17:09:35
699
转载 将数据保存在文件中对比保存在数据库中
如果只是偶尔保存少量数据、执行备份或者记录应用程序的日志数据，那么选择文件就好了。如果web应用程序的用户需要频繁访问数据，通常这是需要将数据移到数据库中的信号。从磁盘的文件上读取数据要比从数据库读取数据慢得多。 而且将数据存储在文本文件中适合于非敏感数据，比如pid（进程标识）或者日志。
2017-12-05 13:13:35
3063
原创 文字下面激活变三角形
不想看图片的可以直接看网址http://www.51xuediannao.com/html+css/htmlcssjq/css_sanjiao.html
2017-08-18 17:31:53
202
转载 splice与slice区别
1、作用：从指定位置删除指定数量元素并增加新的元素 1.1、该方法返回值是被删除的元素组成的数组 1.2、splice是直接对原数组进行操作,而slice函数则是取arr的一段元素，原数组不变2、参数：arr.splice(index,howmany,element1,... ...,elementN);3、参数解释： 1、i
2017-08-18 16:42:52
252
原创 在文字两边加两道线
html的代码 商品属性 css代码： .wrapper{width: 100%;} .wrapper-content{width:40%;display:flex;margin: 0 auto;} .line{flex: 1;positi
2017-08-07 09:42:39
801
原创 将字符串转换为json对象和将json对象转换为json字符串
var strOwn= '{"name1":"jack1","two":{"name2":"jack2","name22":"jack22"},"name3":"jack3"}'; var str= '{ "employees" : [' +'{ "firstName":"Bill" , "lastName":"Gates" },' +'{ "firstName":"George" ,
2017-08-06 17:03:17
362
转载 设置一个长宽一样的img的css代码
filter blur /*.food-content{ width:100px; } //换可以通过控制这个div来控制整个图片的大小，配上下面的样式就可以得到一个宽高一样的图片，下面最重要的代码就是： width: 100%; padding-top: 100%;这两句了
2017-08-04 20:32:19
1687
原创 背景图片铺满整个屏幕
filter blur body{ margin:0px; } .height-100 { position: absolute; height: 100%; width: 100%; background-image: url
2017-08-04 17:51:13
3046
原创 上手ajax
什么是 AJAX ？AJAX = 异步 JavaScript 和 XML。AJAX 是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。传统的网页（不使用 AJAX）如果需要更新内容，必需重载整个网页面。有很多使用 AJAX 的应用程序案例：
2017-07-15 11:13:50
228
转载 Validform使用入门
1、引入css请查看下载文件中的style.css，把里面Validform必须部分复制到你的css中（文件里这个注释 "/*==========以下部分是Validform必须的===========*/" 之后的部分是必须的）。之前发现有部分网友把整个style.css都引用在了页面里，然后发现样式冲突了。2、引入js （jquery 1.4.3 以上版本都可以）
2017-07-13 10:00:05
360
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人