随笔分类 -  H5、CSS3

上一页 1 2 3
sha256 js 前端加密
摘要：客户端用现成的sha256.js做。 下载地址：http://www.bichlmeier.info/sha256.html 原文链接: http://www.cnblogs.com/elaron/archive/2013/04/09/3010375.html 阅读全文
posted @ 2018-08-14 10:08 奔跑的太阳花 阅读(26822) 评论(1) 推荐(1)
placeholde属性在IE10以下浏览器上的兼容方案
摘要：首先，判断浏览器是否支持placeholder属性：目前经验来看placeholder属性在 IE10及以上 才能正常显示，而我们实际项目中往往要求兼容到 IE8 （1）如果只需要让不支持placeholder的浏览器能够支持改功能，并不要求支持原生placeholder的浏览器表现一致，那么可以采 阅读全文
posted @ 2018-08-13 10:18 奔跑的太阳花 阅读(468) 评论(0) 推荐(0)
input type=passoord 密码框的明密文(显示和隐藏) 显示
摘要：最近在写一个新的项目,从头开始写,所以就要从注册登录开始做起.以前写登录注册模块的时候,无外乎给input框一个type=”password”就可以了,近期因为要涉及到显示隐藏状态的切换. 样式代码如下: 注: html: <ul> <li class="phone bgImg"> <input t 阅读全文
posted @ 2018-08-10 17:55 奔跑的太阳花 阅读(79385) 评论(2) 推荐(2)
兼容所有浏览器的图片旋转方案
摘要：废话不多说，如图所示：直接上代码 ： 阅读全文
posted @ 2018-08-09 14:25 奔跑的太阳花 阅读(1438) 评论(0) 推荐(0)
上传图片，多图上传，预览功能，js原生无依赖
摘要：最近很好奇前端的文件上传功能，因为公司要求做一个支持图片预览的图片上传插件，所以自己搜了很多相关的插件，虽然功能很多，但有些地方不能根据公司的想法去修改，而且需要依赖jQuery或Bootstrap库，所以我就想学下图片上传的原理，试着做一个原生无依赖，而且足够灵活的图片上传插件。话不多说，开整。 阅读全文
posted @ 2018-07-27 09:44 奔跑的太阳花 阅读(718) 评论(0) 推荐(1)
原生JS实现下拉刷新
摘要：Document Pull to Refresh 朋友圈1 朋友圈2 朋友圈3 朋友圈4 朋友圈5 朋友圈6 朋友圈7 朋友圈8 朋友圈9 朋友圈10 ... 阅读全文
posted @ 2018-07-24 13:55 奔跑的太阳花 阅读(311) 评论(0) 推荐(0)
css3 js 做一个旋转音乐播放开关
摘要：我们经常会看到一些旋转音乐播放开关，今天我也写了一个分享出来，大家需要的话可以参考一下： 阅读全文
posted @ 2018-07-22 10:48 奔跑的太阳花 阅读(1395) 评论(0) 推荐(0)
gps 经纬度 转换实际距离
摘要： 阅读全文
posted @ 2018-07-21 10:50 奔跑的太阳花 阅读(717) 评论(0) 推荐(0)
CSS Media媒体查询使用大全，完整媒体查询总结
摘要：前面的话 一说到响应式设计，肯定离不开媒体查询media。一般认为媒体查询是CSS3的新增内容，实际上CSS2已经存在了，CSS3新增了媒体属性和使用场景(IE8-浏览器不支持)。本文将详细介绍媒体查询的内容 媒介类型 在CSS2中，媒体查询只使用于<style>和<link>标签中，以media属 阅读全文
posted @ 2018-07-16 11:00 奔跑的太阳花 阅读(66219) 评论(1) 推荐(3)
div里包含img底部多出3px的解决办法
摘要：如果将一个img放在div里面，你会发现在img下面无端端的就多出3px的空白出来。padding、margin、border都设为0，无效！那么怎么解决这个问题呢？ 问题图： 解决后的效果： 这个Bug真是十分有意思，不过有N多种解决办法！ 1、设置div{ font-size: 0} 2、设置i 阅读全文
posted @ 2018-06-30 23:41 奔跑的太阳花 阅读(390) 评论(0) 推荐(0)
HTML5 history.pushState()和history.replaceState()新增、修改历史记录用法介绍
摘要：抽空研究了下这两个新方法，确实可以解决很多问题 抽空研究了下这两个新方法，确实可以解决很多问题 1、使用pushState()方法 可以控制浏览器自带的返回按钮: 有时候我们想让用户点击浏览器返回按钮时，不返回，或执行其他操作，这时，就用到history.pushState()方法 讲解： hist 阅读全文
posted @ 2018-06-24 23:26 奔跑的太阳花 阅读(13616) 评论(1) 推荐(2)
混合物App开发中，在移动设备上调试查看日志，重写window.console
摘要：(function(){ var print={ lock:true, log:function(param){ if(this.lock){ var element=document.createElement("div"); element.style.... 阅读全文
posted @ 2018-06-07 13:52 奔跑的太阳花 阅读(284) 评论(0) 推荐(0)
HTML5调用手机摄像机、相册功能 <input>方法
摘要：最近用MUI框架做webapp项目，在有PLUS环境的基础上能直接调用手机底层的API来使用拍照或从相册选择上传功能！ 在查资料的时候，想起了另一种用input调用摄像和相册功能的方法，之前没有深入了解过，现在整理一下： 不需要特殊环境，使用input标签 type值为file，可以调用系统默认的照 阅读全文
posted @ 2018-06-07 10:15 奔跑的太阳花 阅读(8212) 评论(0) 推荐(0)

上一页 1 2 3