随笔分类 -  web前端

Jquery中用offset().top和offsetTop的比较
摘要:今天,想测试一个div与顶部的距离,用的是.offsetTop,但是offsetTop获得的值,怎么都打印不出来。折腾了半天,打印的结果都是undefined,虽然网上很多资料都说返回的是数值。虽然这个函数永不了,但是黄显钦找到了一个可以替代offsetTop的函数。那就是jquery的offset 阅读全文

posted @ 2017-04-30 15:56 防空洞123 阅读(11567) 评论(0) 推荐(0)

div+css 怎么让一个小div在另一个大div里面 垂直居中
摘要:div+css 怎么让一个小div在另一个大div里面 垂直居中 方法1: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 .parent { width:800px; height:500px; border:2px solid #000; position:relative; 阅读全文

posted @ 2017-04-22 14:14 防空洞123 阅读(8119) 评论(0) 推荐(1)

JS 得细心的坑位
摘要:if判断空字符串是没有,所以弹出2 if(link=="") 就弹出1 阅读全文

posted @ 2017-04-20 23:01 防空洞123 阅读(194) 评论(0) 推荐(0)

chrome表单自动填充导致input文本框背景变成偏黄色问题解决
摘要:http://www.jb51.net/css/99317.html http://www.cnblogs.com/garfieldzhong/p/4759690.html 阅读全文

posted @ 2017-04-20 20:27 防空洞123 阅读(226) 评论(0) 推荐(0)

jquery append、prepend、before等等
摘要:1.jQuery append() 方法 jQuery append() 方法在被选元素的结尾插入内容。 实例 复制代码代码如下: $("p").append("Some appended text."); 2.jQuery prepend() 方法 jQuery prepend() 方法在被选元素 阅读全文

posted @ 2017-04-17 11:02 防空洞123 阅读(240) 评论(0) 推荐(0)

js模板引擎之juicer,特别好用
摘要:中文文档地址 https://www.npmjs.com/package/juicer Juicer基础知识:语法2 http://blog.163.com/lvshutao@126/blog/static/16463746720132206449798/ 开源第三方js模板引擎 早期的Mustac 阅读全文

posted @ 2017-04-15 12:05 防空洞123 阅读(531) 评论(0) 推荐(0)

js模板引擎之artTemplate
摘要:http://www.cnblogs.com/52fhy/p/5393673.html artTemplate 不支持requre.js,悲剧啊,只能用juicer啊 这个还是比较有名的。 简介: artTemplate区分简洁语法版和原生语法版。这里先演示简洁语法版。 使用前同样先引入artTem 阅读全文

posted @ 2017-04-15 06:55 防空洞123 阅读(1100) 评论(0) 推荐(0)

jquery 1.9里面已经删除了toggle(fn1, fn2)函数:
摘要:jquery 1.9里面已经删除了toggle(fn1, fn2)函数:引用Note: This method signature was deprecated in jQuery 1.8 and removed in jQuery 1.9. jQuery also provides an anim 阅读全文

posted @ 2017-04-10 10:36 防空洞123 阅读(312) 评论(0) 推荐(0)

bootstrap modal模态框的运用
摘要:http://www.ziqiangxuetang.com/bootstrap/bootstrap-modal-plugin.html 方法 下面是一些可与 modal() 一起使用的有用的方法。 1 2 3 $('#identifier').modal({ keyboard: false }) $ 阅读全文

posted @ 2017-04-09 17:52 防空洞123 阅读(749) 评论(0) 推荐(0)

应用解决告诉你什么时候该用ajax
摘要:第一、请求的提交是为了页面数据的显示,这时候用户一般不希望看到页面的刷新,是使用AJAX的一个最佳时候。第二、如果请求提交后,用户能从页面感觉到提交结果,这时候,也最好不要有页面刷新,推荐使用AJAX技术。第三、如果请求提交后,用户不能从页面感觉到提交动作,如绝大多数时候的数据的增加和修改,这时候则 阅读全文

posted @ 2017-04-09 05:51 防空洞123 阅读(358) 评论(0) 推荐(0)

jquery选择器之属性过滤选择器详解
摘要:代码如下: <style type="text/css"> /*高亮显示*/ .highlight{ } </style> 复制代码代码如下: <body> <div> <p>Hello</p> </div> <div id="test">ID为test的DIV</div> <input type= 阅读全文

posted @ 2017-04-08 13:57 防空洞123 阅读(472) 评论(0) 推荐(0)

jQuery延迟加载(懒加载)插件 – jquery.lazyload.js
摘要:http://www.w3cways.com/1765.html http://www.cnblogs.com/tinyphp/archive/2013/04/09/3009385.html jquery插件的写法,以及requireJS如何引入jquery插件 下面,就是一个自制的jQuery小插 阅读全文

posted @ 2017-04-08 12:37 防空洞123 阅读(731) 评论(0) 推荐(0)

jQuery中使用data()方法读取HTML5自定义属性data-*实例
摘要:如果你使用jQuery类库,那么你可以非常愉悦的使用jquery的data()方法存取data-* 自定义属性,方法允许我们在DOM元素上绑定任意类型的数据,避免了循环引用的内存泄漏风险 主要的方法如下: 复制代码代码如下: .data( key, value ).data( obj ).data( 阅读全文

posted @ 2017-04-08 08:00 防空洞123 阅读(351) 评论(0) 推荐(0)

<script type="text/template">是干什么的,为什么要把html写在js中? 这是什么编程语言风格,都能这样用吗?
摘要:这一段存放了一个模板。在js里面,经常需要使用js往页面中插入html内容。比如这样: var number = 123; $('#d').append('<div class="t">'+number+'</div>') 如果html很短还好说,但是遇到描述里面的这么大段,直接用字符串存储会很困难 阅读全文

posted @ 2017-04-07 22:36 防空洞123 阅读(2713) 评论(0) 推荐(0)

首页大屏广告效果 jquery轮播图淡入淡出
摘要:jQuery个性化图片轮播效果 ... 阅读全文

posted @ 2017-04-05 12:54 防空洞123 阅读(404) 评论(0) 推荐(0)

jquery类的创建方式及关键字new的原理
摘要:一、由jQuery创建类引发的问题 在用jQuery选择器时候,可以通过下面两种方式获取元素,并得到一个jQuery对象。 上面两种方式操作结果一致,这让我很好奇,自己模拟了一个类似的实现。 但是我发现这种方式好像也不杂滴,就跑去看了一下jquery源码的实现。 二、jQuery类的实现 上图是自己 阅读全文

posted @ 2017-04-04 21:42 防空洞123 阅读(1905) 评论(0) 推荐(0)

Javascript模块化编程require.js的用法
摘要:JS模块化工具requirejs教程(一):初识requirejs http://www.runoob.com/w3cnote/requirejs-tutorial-1.html JS模块化工具requirejs教程(二):基本知识 http://www.runoob.com/w3cnote/req 阅读全文

posted @ 2017-04-04 13:42 防空洞123 阅读(157) 评论(0) 推荐(0)

HTML表单 在提交之前 验证表单数字合法性
摘要:在提交之前 验证表单数字合法性 阅读全文

posted @ 2017-03-26 17:17 防空洞123 阅读(488) 评论(0) 推荐(0)

ZeroClipboard.js兼容各种浏览器复制到剪切板上
摘要:http://www.cnblogs.com/huijieoo/articles/5569990.html 阅读全文

posted @ 2017-03-25 06:55 防空洞123 阅读(474) 评论(0) 推荐(0)

table 如何给tr border颜色
摘要:border-collapse属性值 table,th,td{border:1px solid gray} table{border-collapse:collapse;} 只有collapse才能设置border颜色 如下css为 .linktable{border-collapse: colla 阅读全文

posted @ 2017-03-24 22:27 防空洞123 阅读(5704) 评论(0) 推荐(0)

导航