摘要: 1.不知道自己高度和父容器高度的情况下, 利用绝对定位只需要以下三行: parentElement{ position:relative; } childElement{ position: absolute; top: 50%; transform: translateY(-50%); } 2.若 阅读全文
posted @ 2018-03-21 09:30 web_study 阅读(335) 评论(0) 推荐(0)
摘要: IOS系统bug: 1)input无法输入的问题: -webkit-user-select:none;改成-webkit-user-select:auto; 2)滚动不流畅(overflow-y:auto) -webkit-overflow-scrolling: touch; 注:此属性和overf 阅读全文
posted @ 2018-03-16 12:17 web_study 阅读(439) 评论(0) 推荐(0)
摘要: var arrs = [8,19,26,4,9,0,38,10,88,7]; console.log(arrs.sort(CB)) function CB(v1,v2){ if(v1>v2){ return 1; }else{ return 0; } } 阅读全文
posted @ 2017-12-14 17:07 web_study 阅读(246) 评论(0) 推荐(0)
摘要: var arr = [2,8,0,"P",'H',"P","W",'E','B',8,0,"W"]; for(var i=0;i<arr.length;i++){ for(var j=i+1;j<arr.length;j++){ if(arr[i]==arr[j]){ arr.splice(j,1); ... 阅读全文
posted @ 2017-12-14 17:06 web_study 阅读(181) 评论(0) 推荐(0)
摘要: 使用原生javaScript完成Ajax请求,首先应该创建一个对象XMLHttprequest,考虑到兼容低版本IE浏览器,使用ActiveXObject对象,代码入下: 阅读全文
posted @ 2017-11-25 12:36 web_study 阅读(406) 评论(0) 推荐(0)
摘要: File API是HTML5新增内容,依靠file和FileReader,这两个对象完成,代码如下: 阅读全文
posted @ 2017-11-25 11:58 web_study 阅读(1287) 评论(0) 推荐(0)
摘要: 通常表单的提交有两种方式,一是直接通过html的form提交,代码如下: 但有时候我们会出于安全角度考虑,给用户输入的密码进行加密,方法一就没办法解决这个问题,这时候我们同常会选择另一种方法,使用javaScript来进行表单提交,代码入下: 这种方法有个缺点就是,打乱正常的表单提交程序,通常用户输 阅读全文
posted @ 2017-11-25 10:53 web_study 阅读(271058) 评论(5) 推荐(10)
摘要: 对于移动端自适应各种终端的解决方案较多,本篇只是选择其中一种rem适配,我个人做移动端最喜欢的方案。 rem就是以html根元素的字体大小为参考,比如html:font-size:20px;1rem=20px;2rem=40px.....,因为移动端的屏幕特殊之处,主要是不同类型手机像素比dpr的不 阅读全文
posted @ 2017-11-21 11:48 web_study 阅读(8434) 评论(0) 推荐(0)
摘要: 本文提供三个JavaScript插件,并提供对应GitHub地址,自行查看使用方法: 1)dom-to-image:dom-to-image 2)html2canvas:html2canvas 3)rasterizeHTML.js:rasterizeHTML.js 阅读全文
posted @ 2017-11-07 15:44 web_study 阅读(16319) 评论(0) 推荐(0)
摘要: 众所周知JavaScript在设计上处于安全角度考虑,是不允许读写本地文件的(原因请自行百度); 但是在实际项目应用中,经常会使用到上传图片,并且可以让用户直接预览图片。对于此种做法有两种方法可以实现:一是前后台交互,后台将图片地址返回前端; 二是,我今天写的内容,使用FileReader对象——允 阅读全文
posted @ 2017-11-07 15:21 web_study 阅读(27167) 评论(1) 推荐(0)

哈哈