- 博客(9)
- 资源 (1)
- 收藏
- 关注
原创 JS正则表达式与字符串的应用
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>reg</title></head><body> <input
2018-04-12 14:37:25 272
原创 js图片实时预览
FileReader 获取图片的base64 代码 并预览<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style>
2018-04-11 19:25:29 499
原创 js数组去重的4种方式
方式1 :通过声明一个新数组结合indexof()判断,原数组中的值有没有在新数组当中,如果没有则加入新数组 function clearRepeat1(arr) { if(arr.length<=1){ return -1 } //通过indexof判断是否有该元素 ...
2018-04-11 18:24:41 246
原创 省市区镇四级联动
早上花了好久的时间啊做了这个,都是我自己做的,本来想用一个方法就解决,无奈json数据文件限制了我在这里我设置了四个select个,然后在每个select 选中的时候获取省市区数据,再通过forEach()加载到对应的select里面,我已经上传了的省市区县的json文件<!DOCTYPE html><html lang="en"><head> &l...
2018-04-11 15:26:27 3999
原创 关于flex的list-style 问题
前面在使用li设为flex发现,设置这个属性之后我的li的list-style属性失效了,发现是list-style这个属性的问题;首先这个list-style作用的基础是元素的display属性值基于display:list-item的基础上的display:list-item会让元素以列表块元素的形式存在,之后我们蔡可以设置list-style,现在我们将display:flex设为这个,所以...
2018-04-10 22:08:40 1203
转载 offsetWidth和width的区别
1.offsetWidth属性可以返回对象的padding+border+width属性值之和,style.width返回值就是定义的width属性值。2.offsetWidth属性仅是可读属性,而style.width是可读写的。3.offsetWidth属性返回值是整数,而style.width的返回值是字符串,并且带有单位。4.style.width仅能返回以style方式定义的内部样式表的...
2018-04-10 15:30:31 151
原创 如何用伪类做出一个铅笔的效果
引言:今天讲解伪类提到伪类可以制作一些特殊的效果,也可以用于清除浮动所以今天讲以下如何用伪类做个铅笔的效果:如图:这是我们的一只铅笔,那么我们要怎么做?在这里我们只用一个标签就可实现这种效果 <div class="parent"> <div class="pencil"></div> </div>通过css我们现在形成一只笔的主体部...
2018-04-09 16:52:09 482
转载 getClientRects 和 getBoundingClientRect 的用法和区别
getClientRects获取元素占据页面的所有矩形区域 描述获取元素占据页面的所有矩形区域。语法 var rectCollection = object.getClientRects();值getClientRects 返回一个TextRectangle集合,就是TextRectangleList对象。TextRectangle对象包含了, top left bottom right w...
2018-04-06 10:28:43 312
原创 小米下拉导航栏,36kr 下拉导航栏解决方法
最近在仿写36kr的官网,发现如何实现导航栏的下拉功能在这里贴上代码记录<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>36kr-让你提前看见</title> <link r
2018-04-02 19:56:29 1170
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人