- 博客(63)
- 收藏
- 关注
原创 js 常用校验
//检查必填字段 //(校验必填项不能为空(包括input框,单选框,复选框,文本域)) var elem = document.getElementById("age"); function checkRequired(elem){ var name = elem.name; if(elem.type == "checkbox" || ele...
2018-08-02 17:50:29 428
转载 js对iframe内外(父子)页面进行操作
怎么对iframe进行操作,1.在iframe里面控制iframe外面的js代码。2.在父框架对子iframe进行操作。获取iframe里的内容主要的两个API就是contentWindow,和contentDocument iframe.contentWindow, 获取iframe的window对象 iframe.contentDocument, 获取iframe的document对象...
2018-07-25 14:46:37 4865
转载 iframe在移动端的限制及其应对策略
iframe使用于移动端其实不少,只是可见的iframe很少。以往我都是用iframe来实现无刷新登录和跨域通信,用来显示内容的地方就是登录那一块。而对于登录来说,登录界面无非,3-4个输入框和1~2个按钮,手机一屏内完全可以显示,所以其实对iframe显示多内容的问题没有过多研究,只知道有以下特性:1.android 2.3的原生浏览器下iframe不仅不可以被控制高度,它同时不会被它外围的di...
2018-07-06 09:46:21 11842
原创 发送验证码倒计时
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>发送验证码</title> &a
2018-06-17 23:42:52 188
转载 移动Web单页应用开发实践——页面结构化
http://www.maxzhang.com/2013/09/%E7%A7%BB%E5%8A%A8Web%E5%8D%95%E9%A1%B5%E5%BA%94%E7%94%A8%E5%BC%80%E5%8F%91%E5%AE%9E%E8%B7%B5%E2%80%94%E2%80%94%E9%A1%B5%E9%9D%A2%E7%BB%93%E6%9E%84%E5%8C%96/
2018-05-16 14:46:51 392
翻译 FormData 对象的使用
https://developer.mozilla.org/zh-CN/docs/Web/API/FormData/Using_FormData_Objects
2018-05-09 16:45:23 254
转载 Zepto的使用及一些问题小结
前言我之前在手机网站注意问题,一文中,提及到Zepto。因为zepto体积小,在移动端开发应用还是蛮广泛的!有的公司手机端开发,jquery和zepto,都不用,直接用原生!我也写了一篇文章,关于jquery属性的相关js实现方法 。但是呢,大部分人写起原生来,还是比较费劲的。除非我们提前封装好!话又说回来了,封装好了和用jquery和zepto性能其实也差不了多少。因此,尽管zepto不是很完善...
2018-05-08 09:58:02 1351
转载 手机网站的几点注意
对于手机网站建设,总结了如下几点注意:1、 安卓浏览器看背景图片,有些设备会模糊。用同等比例的图片在PC机上很清楚,但是手机上很模糊,原因是什么呢?经过研究,是devicePixelRatio作怪,因为手机分辨率太小,如果按照分辨率来显示网页,这样字会非常小,所以苹果当初就把iPhone 4的960640分辨率,在网页里只显示了480320,这样devicePixelRatio=2。现在andro...
2018-05-08 09:21:32 194
转载 js去除输入框中所有的空格和禁止输入空格的方法
<span style="font-family: Arial, Helvetica, sans-serif;"><input type="password" name="password" id="password" onkeydown="return banInputSapce(event);" onKeyup="return inputSapceTri
2018-04-01 18:24:34 4044
转载 [JS]JS控制图片超过宽度自动缩小图片等比例缩放源代码实例
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>最新javascript自动按比例显示图片,按比例压缩图片显示</ti
2018-03-25 23:54:01 1056
转载 jQuery如何获取div距离窗口顶部或者父元素顶部的距离,jquerydiv
jQuery如何获取div距离窗口顶部或者父元素顶部的距离,jquerydiv http://www.bkjia.com/jQuery/1087114.html
2018-03-11 20:45:42 7182
转载 http://www.360doc.com/content/14/1112/10/597197_424477810.shtml
http://www.360doc.com/content/14/1112/10/597197_424477810.shtml
2018-03-08 09:32:09 4097
转载 jQuery树形控件zTree使用小结
http://www.jb51.net/article/89659.htmhttp://www.treejs.cn/v3/api.php ------api文档
2018-02-27 19:07:42 173
转载 「前端」rem 缩放方案 flexible-js 兼容 375px 方案的思路
https://juejin.im/post/58b83906ac502e006c0273f8#heading-0
2018-02-17 13:00:50 315
原创 模板网站
1 http://www.html5code.net/mobile/ html5模板网2 http://www.yyyweb.com/377.html 前端特效3 https://www.jianshu.com/p/8b725644d9e5 https://www.jianshu.com/p/cb2354003613?utm_campaign=male
2018-02-04 00:38:08 166
转载 响应式网站和自适应网站会有什么样的区别?
响应式布局: 响应式布局是Ethan Marcotte在2010年5月份提出的一个概念,简而言之,就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。 响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验,而且随着目前大屏幕移动设备的普及,用大势所趋来形容也不为过。随着越来越多的设计师采
2018-01-28 12:22:28 1361
原创 处理由于浏览器设置导致的autocomplete="off"失效的问题引起input 黄色背景问题
https://stackoverflow.com/questions/12374442/chrome-browser-ignoring-autocomplete-off/34998771#34998771
2018-01-26 09:54:21 392
原创 获取option值将其放入li内
获取option值将其放入li内 工作1 工作2 工作3 工作4 工作5 工作6 window.onload = function(){ var ob
2017-12-23 13:58:23 445
原创 div中嵌套input 以及input默认样式的清除
.wrapper{ border:1px solid red; width:190px; } .wrapper input{ outline: none;-webkit-appearance: none;border-radius: 0;border:0;text-inde
2017-12-23 13:33:13 3064
原创 sorttable.js
sorttable.jshttps://kryogenix.org/code/browser/sorttable/使用纯CSS美化radio和checkboxhttps://www.helloweba.com/down-361.htmljQuery实现的全选、反选和不选功能https://www.helloweba.com/view-blog-254
2017-12-20 22:22:59 747
原创 iconfont 图标库使用方法总结
方法1:使用在线链接 @font-face { font-family: 'iconfont'; /* project id 444753 */ src: url('https://at.alicdn.com/t/font_444753_3bdwpst82jfw29.eot'); src: url('h
2017-12-14 22:30:15 2506
原创 解决click与hover(mouseover)的冲突问题
主要应用到一个知识点:$(selector).data('name','value');无标题文档 .content{ width:100px; height:100px; border:2px solid #999; border-radius:10px;
2017-12-14 22:06:42 7709
转载 javascript实现对图片的随意拖拽,放大缩小
【JS】基于javascript实现对图片的随意拖拽,放大缩小 最近写项目的过程中需要对图片进行一个操作,点击之后弹出图片,在可定div范围内对图片进行任意拖拽位置和鼠标滚动时对其放大缩小,双击图片恢复原图!对于我们这样后台程序员而言,这种前台效果实现起来确实有点勉强,在经过半个小时挣扎之后,终于完成效果,发表上来,以供广大后台程序员借鉴吧!
2017-12-07 01:18:29 10500 3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人