摘要：
Window对象对象属性 window //窗户自身 window.self //引用本窗户window=window.self window.name //为窗户命名 window.defaultStatus //设定窗户状态栏信息 window.location //URL地址，配备布...
阅读全文
posted @ 2014-12-02 15:05
dtdxrk
阅读(431)
推荐(0)
摘要：
JQuery里有ready和load事件$(document).ready(function() { // ...代码...})//document ready 简写$(function() { // ...代码...})$(document).load(function() { ...
阅读全文
posted @ 2014-12-02 14:35
dtdxrk
阅读(1218)
推荐(0)
摘要：
jQuery插件的开发包括两种：一种是类级别的插件开发，即给jQuery添加新的全局函数，相当于给jQuery类本身添加方法。jQuery的全局函数就是属于jQuery命名空间的函数。另一种是对象级别的插件开发，即给jQuery对象添加方法。下面就两种函数的开发做详细的说明。1、类级别的插件开发类级...
阅读全文
posted @ 2014-12-01 14:16
dtdxrk
阅读(313)
推荐(0)
摘要：
typeof用以获取一个变量或者表达式的类型，typeof一般只能返回如下几个结果：number,boolean,string,function（函数）,object（NULL,数组，对象）,undefined。============================================...
阅读全文
posted @ 2014-11-27 13:41
dtdxrk
阅读(175)
推荐(0)
摘要：
var Person = function(name) { this.name = name;}var p = new Person();new操作符的操作是var p = {}p.__proto__ = Person.prototypePerson.call(p)var p={}; 也就是...
阅读全文
posted @ 2014-11-25 10:29
dtdxrk
阅读(327)
推荐(0)
摘要：
Firebug是网页开发的利器，能够极大地提升工作效率。但是，它不太容易上手。我曾经翻译过一篇《Firebug入门指南》，介绍了一些基本用法。今天，继续介绍它的高级用法。===================================Firebug控制台详解作者：阮一峰出处：http://ww...
阅读全文
posted @ 2014-11-18 11:46
dtdxrk
阅读(195)
推荐(0)
摘要：
在网页制作中，最常用的恐怕是字体属性了，在调整页面兼容的时候，也常常发现字体名称的原因导致不兼容或乱码，下面给出几种常用字体的ucicode编码对照，方便使用。宋体SimSun\5B8B\4F53黑体SimHei\9ED1\4F53微软雅黑MicrosoftYaHei\5FAE\8F6F\96C5\...
阅读全文
posted @ 2014-11-10 14:49
dtdxrk
阅读(552)
推荐(0)
摘要：
尽管JavaScript比JAVA C++慢很多，JQuery比原生Js还慢很多，但是我们通过良好的编程习惯还是能提高代码执行的效率。一.选择器的使用选择同一个元素，各种方法之间的性能是不一样的，有时候差异会特别大。通常比较常用的选择器有以下几个：ID选择器 $("#id")标签选择器 $("td"...
阅读全文
posted @ 2014-11-07 16:19
dtdxrk
阅读(479)
推荐(0)
摘要：
querySelector和querySelectorAll是W3C提供的新的查询接口，其主要特点如下：1、querySelector只返回匹配的第一个元素，如果没有匹配项，返回null。2、querySelectorAll返回匹配的元素集合，如果没有匹配项，返回空的nodelist(节点数组)。3...
阅读全文
posted @ 2014-11-07 12:35
dtdxrk
阅读(1949)
推荐(0)
摘要：
/*屏幕翻转*/ window.addEventListener(window['onorientationchange'] ? 'orientationchange' : 'resize', function(){ //do someing... }, false);
阅读全文
posted @ 2014-11-06 19:29
dtdxrk
阅读(1421)
推荐(0)
摘要：
内层元素设置position:relative后父元素overflow:hiddenoverflow:scroll 都失效解决方法：在position:relative的外层父容器加position:relative就可以搞定
阅读全文
posted @ 2014-11-04 17:21
dtdxrk
阅读(1635)
推荐(0)
摘要：
屏幕滚动到图片当前位置加载图片，把图片的真实地址写到data-src属性里即可。 ;(function(){ /* 图片预加载 @author liuming @demo $('img[data-src]').ImgLoading(); */ $.fn.I...
阅读全文
posted @ 2014-11-03 23:11
dtdxrk
阅读(823)
推荐(1)
摘要：
;(function($){ $.fn.extend({ /* 元素根据滚动条位置自定义吸顶插件 @defaultTop 初始化top位置 @startTop 开始滚动和回复原样的位置 @demo v...
阅读全文
posted @ 2014-10-16 15:52
dtdxrk
阅读(1572)
推荐(0)
摘要：
案例截图JS时间倒计时 天|时|分|秒 天|时|分|秒 天|时|分|秒 天|时|分|秒 天|时|分|秒
阅读全文
posted @ 2014-10-16 11:28
dtdxrk
阅读(356)
推荐(0)
摘要：
在触屏写的一些弹层总会引发不同浏览器里面的bug。比如下图左侧窗口出现的时候，用户在拖拽右侧的body区域就会在某些浏览器里引发一些bug。索性干掉这个方法，在弹层显示时不让用户拖拽页面。引用的方法//body一屏显示禁止上下拖拽setPreventDefault.start();//取消事件set...
阅读全文
posted @ 2014-10-16 10:46
dtdxrk
阅读(1858)
推荐(0)
摘要：
PNGGauntlet下载地址对于前端来说非常实用的PNG压缩软件，支持拖拽，就是软件速度比较慢。
阅读全文
posted @ 2014-09-28 15:57
dtdxrk
阅读(263)
推荐(0)
摘要：
有段时间没写什么了, 打算把jquery中的比较常用的数组处理方法汇总一下$.each(array, [callback])遍历,很常用12345678vararr = ['javascript', 'php', 'java', 'c++', 'c#', 'perl', 'vb', 'html', ...
阅读全文
posted @ 2014-09-10 17:55
dtdxrk
阅读(336)
推荐(0)
摘要：
Ctrl+L选择整行(按住-继续选择下行)Ctrl+KK从光标处删除至行尾Ctrl+Shift+K删除整行Ctrl+Shift+D复制光标所在整行，插入在该行之前Ctrl+J合并行(已选择需要合并的多行时)Ctrl+KU改为大写Ctrl+KL改为小写Ctrl+D选词(按住-继续选择下个相同的字符串)...
阅读全文
posted @ 2014-08-25 10:42
dtdxrk
阅读(181)
推荐(0)
摘要：
大家可能注意到了，网页上有些图片的src或css背景图片的url后面跟了一大串字符，比如：data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAAEAAAAkCAYAAABIdFAMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZV...
阅读全文
posted @ 2014-08-13 12:16
dtdxrk
阅读(829)
推荐(0)
摘要：
重构工程师们在设计代码时，有喜欢手动删除行内元素之间产生的额外空隙，并通过设置margin或padding来获取想要间距吗？如代码：去掉了间距去掉了间距去掉了间距去掉了间距去掉了间距去掉了间距然而删除间距后，代码堆成了一片，看得起很不舒服，特别是从重构转给JS同事后，JS同事看完代码后就会提出抱怨，...
阅读全文
posted @ 2014-08-13 11:37
dtdxrk
阅读(332)
推荐(0)
posted @ 2014-08-01 22:35
dtdxrk
阅读(281)
推荐(0)
posted @ 2014-07-25 16:37
dtdxrk
阅读(274)
推荐(0)
摘要：
方法一：CSS3的background rgbafilter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000',endColorstr='#7F000000');background...
阅读全文
posted @ 2014-07-11 10:52
dtdxrk
阅读(900)
推荐(0)
摘要：
ie6和ie7#tip{*background:black;/*IE7背景变黑色*/_background:orange;/*IE6背景变橘色*/}IE8和IE9:root .test { color:#963\9; } /* IE9 only */ firefox@-moz-document ur...
阅读全文
posted @ 2014-06-24 19:16
dtdxrk
阅读(285)
推荐(0)
摘要：
问题的缘由产品有个评论列表引用的是个iframe，高度不固定于是引发这个总结。方法1：父级页面获取子级页面的高度 给元素设置高度这方法是用在父级页面里的，通过获取子级页面的高度给iframe设置高度涉及了一些兼容问题:IE用attachEvent | 3C用onload来判断子页面是否加载完成。IE...
阅读全文
posted @ 2014-06-19 16:47
dtdxrk
阅读(56979)
推荐(3)
摘要：
总结一个获取file上传控件文件路径的方法firefox由于保护机制只有文件名，不能获取完整路径。document.getElementById('file').onchange = function(){ alert(getFullPath(this))}function getFullPa...
阅读全文
posted @ 2014-06-18 11:11
dtdxrk
阅读(6051)
推荐(0)
摘要：
word-break:break-all单词截断自动换行word-break:break-all 例如div宽200px，它的内容就会到200px自动换行，如果该行末端有个英文单词很长（congratulation等），它会把单词截断，变成该行末端为conra(congratulation的前端部分...
阅读全文
posted @ 2014-06-03 17:03
dtdxrk
阅读(1500)
推荐(0)
摘要：
遇到的问题一上班收到个bug，写的表单联动插件在ie里面会出现js源码，当时有点意外，从没出现过这问题。问题的原由为什么会出现一个function呢？其它调用的插件的页面为什么没有这问题？控制台输出了一下json的for in结果，发现莫名其妙的多了个indexOf的方法。原来是页面里其它的js文件...
阅读全文
posted @ 2014-05-21 13:39
dtdxrk
阅读(1491)
推荐(0)
摘要：
CSS网站框架复位：reset.css基础：base.css或 basic.css (字体大小、颜色、背景、行高、列表样式、按钮样式、表格样式等等)布局：layout.css （非结构的布局）主题：themes.css表单：forms.css//模块类头部：header.css尾部：footer.c...
阅读全文
posted @ 2014-05-19 09:37
dtdxrk
阅读(1010)
推荐(0)
摘要：
问题的原由同事在制作触屏页面的时候收到产品这样一个需求：“我们的页面为什么点击完textarea框，在点空白处时，iphone的键盘不能隐藏？”我们就这个问题进行了测试，确实没有隐藏。看了看其它网站的页面，也是有的能隐藏有的不能隐藏。IPHONE系统在点击document时textarea为什么没有...
阅读全文
posted @ 2014-04-23 15:15
dtdxrk
阅读(8345)
推荐(1)
摘要：
常用的var isIE=!!window.ActiveXObject;var isIE6=isIE&&!window.XMLHttpRequest;var isIE8=isIE&&!!document.documentMode;var isIE7=isIE&&!isIE6&&!isIE8;最短的IE...
阅读全文
posted @ 2014-04-21 16:01
dtdxrk
阅读(378)
推荐(0)
摘要：
在使用jQuery的resize事件时发现每次改变浏览器的窗口大小时resize时间会执行两次，百度搜索了一下找到一个解决的方法，使用setTimeout来解决这个问题代码如下：var resizeTimer = null;$(window).resize(function() { if (r...
阅读全文
posted @ 2014-04-21 13:54
dtdxrk
阅读(1218)
推荐(0)
摘要：
mouseover和mouseout引发的BUG原由当给一个元素添加mouseover或mouseout事件，这个元素还有子元素。由于子元素的事件冒泡，鼠标移入或移出子元素都会触发事件。解决的方法：根据event对象判断是否为子元素JQuery解决方法JQuery可以用mouseenter代替mou...
阅读全文
posted @ 2014-04-09 15:38
dtdxrk
阅读(1766)
推荐(0)
摘要：
function validataOS(){ var userAgent = navigator.userAgent; if(userAgent.indexOf('Window')>0){ return 'Windows'; }else if(userAgent.indexOf('Mac OS X')>0) { return 'Mac'; }else if(userAgent.indexOf('Linux')>0) { return 'Linux'; }else{ return &
阅读全文
posted @ 2014-03-31 10:55
dtdxrk
阅读(299)
推荐(0)
摘要：
function loadjscssfile(filename,filetype){ var file, //动态插入的文件 doc = document; if(filetype == "js"){ file = doc.createElement('script'); file.setAttribute("type","text/javascript"); file.setAttribute("src",filename); }else if(filetype == "css"
阅读全文
posted @ 2014-03-31 10:40
dtdxrk
阅读(603)
推荐(0)
摘要：
一直有个传说就是页面里的Position多了会影响浏览器渲染速度，今天做个测试看看结果如何。检验的方法：动态创建一定数量的div > 开始计算时间 > 导入css文件渲染 > onload计算时间，看那种方法延迟最短。为了统计的数据有意义没有设置上万个节点，以cnmo首页的节点数为例，chrome ...
阅读全文
posted @ 2014-03-26 18:19
dtdxrk
阅读(2836)
推荐(1)
摘要：
HTML特殊字符编码对照表特殊符号命名实体十进制编码特殊符号命名实体十进制编码特殊符号命名实体十进制编码ΑΑΑΒΒΒΓΓΓΔΔΔΕΕΕΖΖΖΗΗΗΘΘΘΙΙΙΚΚΚΛΛΛΜ&Mu
阅读全文
posted @ 2014-03-19 09:30
dtdxrk
阅读(833)
推荐(0)
摘要：
页面布局里总是会有类似 “文字 | 文字” 的设计样式，不同的浏览器存在严重偏差。有兼容问题就要解决，下面总结了3种解决方案，分享给大家：一.系统默认的样式1.元素换行的段落 文字链接 | 文字链接 | 文字链接 ...
阅读全文
posted @ 2014-03-07 15:56
dtdxrk
阅读(1918)
推荐(1)
摘要：
做了一天的小按钮基本都是文字+小图标的组合，问题挺多处理的不好，现在总结一下做个了断。//页面结构 订阅博客 其实结构可以很简单一个a元素设置padding-right或者padding-left的距离设置添加背景图标。但是这样的话用合并的背景图不好使，尤其是一个图标反复用在对应不同大小元素的时...
阅读全文
posted @ 2014-03-05 01:27
dtdxrk
阅读(2021)
推荐(5)
摘要：
需要写一个滚动条滑动加载图片的程序，研究了一下onscroll在不同浏览器里的执行次数,分别如下：var i=0;E.addHandler(window, 'scroll', function(){ console.log(i++);})firefoxchromeie8总结滚轮动一下ie执行的...
阅读全文
posted @ 2014-02-27 12:51
dtdxrk
阅读(1327)
推荐(0)
浙公网安备 33010602011771号