随笔分类 -  web前端

web前端相关
div模拟 select 或者 其他表单组件
摘要:1 2 3 请选择特效分类 4 5 导航菜单 6 下拉select效果 7 select模拟 8 DIVCSS5特效 9 jquery 下拉菜单特效 10 11 12 13 14 使用一些 html + css 组装好你想要的 表单样式,然后用js把想要的值 传递 ... 阅读全文

posted @ 2015-03-11 18:41 YeWeb 阅读(240) 评论(0) 推荐(0)

响应式设计尺寸
摘要:手机端:640px;pad:1024;pc:>1024; 阅读全文

posted @ 2015-03-10 17:25 YeWeb 阅读(288) 评论(0) 推荐(0)

jQuery.append()、jQuery.html()存在的XSS漏洞
摘要:使用jQuery.append()、jQuery.html()方法时,如果其中内容包含';2 $('#test').html(xssStr);控制台会打印出“1”。同样的情况也存在于jQuery.append(),因为jQuery.html()内部也是调用jQuery.append()。既然会存在执... 阅读全文

posted @ 2015-02-28 14:50 YeWeb 阅读(4790) 评论(0) 推荐(0)

《编写高质量代码-web前端开发修炼之道》 读书笔记 (转)
摘要:正文欲精一行,必先通十行。在前端开发这个领域,一专多能更是非常必要的。table布局缺点:代码量大,结构混乱;标签语义不明确,对搜索引擎不友好。css布局:div+css,或者(x)html+css。代码量少、结构精简、语义清新。代码量少,浏览器端下载时间就会更短;语义清晰就会对搜索引擎更友好。先确... 阅读全文

posted @ 2015-02-02 17:28 YeWeb 阅读(218) 评论(0) 推荐(0)

关于scrollTop的兼容问题
摘要:1、各浏览器下 scrollTop的差异IE6/7/8:对于没有doctype声明的页面里可以使用document.body.scrollTop来获取 scrollTop高度;对于有doctype声明的页面则可以使用document.documentElement.scrollTop;Safari:... 阅读全文

posted @ 2015-01-29 14:11 YeWeb 阅读(3812) 评论(0) 推荐(1)

滚动条监听事件
摘要:今天做一个随屏幕滚动的导航条时,发现一个问题:火狐、谷歌、ie9正常,ie8、7、6页面滚动时,导航条没有反应。后来怀疑绑定对象出了问题,不应该绑定document。改成“body”,还是不行。再改成window,测试成功。代码如下:$(window).bind("scroll",function(... 阅读全文

posted @ 2015-01-29 14:09 YeWeb 阅读(984) 评论(0) 推荐(0)

jQuery动画连续触发、滞后反复执行解决办法
摘要:jQuery中slideUp 、slideDown、animate等动画运用时,如果目标元素是被外部事件驱动, 当鼠标快速地连续触发外部元素事件, 动画会滞后的反复执行,其表现不雅。则解决办法:1、在触发元素上的事件设置为延迟处理, 即可避免滞后反复执行的问题(使用setTimeout)2、在触发元... 阅读全文

posted @ 2015-01-22 14:32 YeWeb 阅读(361) 评论(0) 推荐(0)

js 获取元素高度和宽度
摘要:如图:IE中: document.body.clientWidth ==> BODY对象宽度 document.body.clientHeight ==> BODY对象高度 document.documentElement.clientWidth ==> 可见区域宽度 document.docume... 阅读全文

posted @ 2015-01-19 10:47 YeWeb 阅读(8626) 评论(0) 推荐(2)

jquery 获取元素宽度和高度
摘要:1 alert($(window).height()); //浏览器时下窗口可视区域高度 2 3 alert($(document).height()); //浏览器时下窗口文档的高度 4 5 alert($(document.body).height());//浏览器时下窗口文档body的高... 阅读全文

posted @ 2015-01-19 10:42 YeWeb 阅读(472) 评论(0) 推荐(0)

obj{a:1,b:2} 健值操作
摘要:var obj = {a:1,b:2};for(var x in obj){ alert(x); alert(obj[x]) }1.依次弹出 a、1、 b、2。(注意,循环里取值是obj[x],而一般操作json数组的时候是obg.a。)2.obj.a 就是 1 obj.b就是 2 ;... 阅读全文

posted @ 2015-01-15 16:10 YeWeb 阅读(580) 评论(0) 推荐(0)

.hover()
摘要:.hover( handlerIn(eventObject), handlerOut(eventObject) ).hover( handlerInOut(eventObject) ) 阅读全文

posted @ 2015-01-12 14:13 YeWeb 阅读(143) 评论(0) 推荐(0)

初试插件
摘要:最近在整理前端框架的事儿,所以写了很多插件的方法。在这里分享一下初写插件的方法: 1 $.fn.extend({ 2 clicks:function(options){ 3 var duf = { 4 a:1, 5 ... 阅读全文

posted @ 2015-01-09 15:48 YeWeb 阅读(134) 评论(0) 推荐(0)

jQuery.extend 详解
摘要:一、扩展方法写法:extend(dest,src1,src2,src3...);参数介绍:它的含义是将src1,src2,src3...合并到dest中,返回值为合并后的dest,由此可以看出该方法合并后,是修改了dest的结构的。如果想要得到合并的结果却又不想修改dest的结构,可以如下使用1 v... 阅读全文

posted @ 2015-01-09 15:23 YeWeb 阅读(262) 评论(0) 推荐(0)

js匿名函数,(function(){}())
摘要:今天查看jQuery UI 源码的时候,突然发现源码头部的代码:后面,了解了下,原来是一种匿名函数。将后面的()里的代码传入前面function里的参数中,并且立即执行。书写方式:(function(){}()) 或者 (function(){})()例子:1 (function(a){2 ... 阅读全文

posted @ 2015-01-08 15:34 YeWeb 阅读(373) 评论(0) 推荐(0)

$.fn.extend 与 $.extend
摘要:$.fn是指jquery的命名空间,加上fn上的方法及属性,会对jquery实例每一个有效,下面有个不错的示例,喜欢的朋友可以参考下$.fn是指jquery的命名空间,加上fn上的方法及属性,会对jquery实例每一个有效。 如扩展$.fn.abc(),即$.fn.abc()是对jquery扩展了一... 阅读全文

posted @ 2015-01-07 11:26 YeWeb 阅读(150) 评论(0) 推荐(0)

跨域时,使用url传递数据,并取值。
摘要:很多时候,我们经常会遇到跨域的情况,比如A.html的数据想在B.html里运用。那么,我们可以通过url传递数据的方式来实现:比如我在A.html页面的数据:codeId=2 userName=lee checkName=kay想通过url传递给B.html页面那么,我们在B.html页面的url... 阅读全文

posted @ 2014-12-31 13:02 YeWeb 阅读(708) 评论(0) 推荐(0)

jQuery attr() 操作checkbox 选中或者不选中
摘要:使用 jQuery attr() 操作checkbox 选中或者不选中时,我们应该注意:1.尽量不要使用attr()来设置checkbox是选中或者不选中状态;2.可以使用dom.checked=true; 来设置dom对象选中或者不选中;例子:html:1 2 js:1 $('#a').chang... 阅读全文

posted @ 2014-12-31 10:41 YeWeb 阅读(913) 评论(0) 推荐(0)

jQuery 核心 - noConflict() 方法
摘要:一.使用 noConflict() 方法为 jQuery 变量规定新的名称:var jq=$.noConflict();例:1 var jq=$.noConflict();2 jq(document).ready(function(){3 jq("button").click(function(... 阅读全文

posted @ 2014-12-30 12:57 YeWeb 阅读(214) 评论(0) 推荐(0)

全选/反选一步到位
摘要:1 $("#checkAll").click(function() { 2 var checkBoxs = $('.voucherIdArr'); 3 for(var i=0;i全选2 3 4 5 6 注意:就是判断子复选框($('.voucherIdArr'))是否选中状态,如果... 阅读全文

posted @ 2014-12-18 17:19 YeWeb 阅读(205) 评论(0) 推荐(0)

预加载图片
摘要:1 //定义预加载图片列表的函数(有参数) 2 jQuery.preloadImages = function(){3 //遍历图片4 for(var i = 0; i").attr("src", arguments[i]);6 }7 }8 // 你可以这样使用预加载函数9 $.pre... 阅读全文

posted @ 2014-12-18 15:55 YeWeb 阅读(257) 评论(0) 推荐(0)

导航