殷的博客-Exploration

摘要： 1:position属性使用过多或使用位置不恰当引起滚动时页面错乱 浏览器环境：ie7position:relative; 网页上最直接表现就是极具破坏性的滚动错位，问题产生来自ie7自身渲染解析出错；这个问题的解决方案没有具体的代码，尽量避免在过多层级中使用该属性，绝对禁止为无需要无作用元素添加该属性，如tr、td等 2: 跨浏览器的CSS透明度 .transparent { opa... 阅读全文

摘要： 浏览器兼容性问题又被称为网页或网站兼容性问题；不同浏览器内核及所支持的html等网页语言标准不同，不同客户端环境（如分辨率不同）造成实际显示效果未能达到预期理想效果 首先我们来看一下目前市面上常见的一些浏览器：ie、chrome、firefox、safari、opera、maxthon、360、qq 阅读全文

摘要： 1：跨域？跨域有啥好处？ JavaScript出于安全方面的考虑，不允许跨域调用其他页面的对象。但在安全限制的同时也给注入iframe或是ajax应用上带来了不少麻烦。 什么是跨域？ 简单地理解就是因为JavaScript同源策略的限制，a.com 域名下的js无法操作b.com或是c.a.com域名下的对象 跨域的方式 JSONP跨域 通过修改document.dom... 阅读全文

摘要： 1、HTML5 中的一些有趣的新特性： 用于绘画的 canvas 元素 用于媒介回放的 video 和 audio 元素 对本地离线存储的更好的支持 新的特殊内容元素，比如 article、footer、header、nav、section 新的表单控件，比如 calendar、date、time、email、url、search 2、css3 中的一些有趣的新特性： 新添加的... 阅读全文

摘要： 方法一： 缺点：如果加载图片较多，比较麻烦 方法二： var images = new Array(); function preLoad() { for (var i = 0; i var head = document.getElementsByTagName('head')[0]; // a new CSS ... 阅读全文

摘要： CSS3里面加入了一个“-webkit-font-smoothing”属性。 这个属性可以使页面上的字体抗锯齿,使用后字体看起来会更清晰舒服。 加上之后就顿时感觉页面小清晰了。 淘宝也在用哦！ 它有三个属性： none ------ 对低像素的文本比较好 subpixel-antialiased ... 阅读全文

摘要： 以前在做图片滚动时，在双击左右箭头，快速切换图片滚动时，会选择附近区域的文字，感觉不是很好 IE及Chrome下的方法一样，对相应的元素添加onselectstart=”return false;”但是，这个在火狐下不起作用，但是火狐下可以用css样式来达到这个效果，即添加-moz-user-select:none;就可以兼容ie，google，firefox了，即代码如下所示： 屏蔽双击选... 阅读全文

摘要： ——jquery 和 原生js可以共存，但不能混用。jquery 可以通过get()方法 转换为原生js. $(“#div1”).get(0).innerHTML; get() 需要传一个参数，表示获取第几个，如果不传，默认表示一组元素 ——outerWidth() 与 offsetWidth 的区别 正常下，outerWidth offsetWidth 获取的值都... 阅读全文

摘要： html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, s... 阅读全文

摘要： 在HTML5规范中，我最喜欢的Web技术就是正迅速变得流行的WebSocket API。WebSocket提供了一个受欢迎的技术，以替代我们过去几年一直在用的Ajax技术。这个新的API提供了一个方法，从客户端使用简单的语法有效地推动消息到服务器。让我们看一看HTML5的WebSocket API： 阅读全文

摘要： 作者：Ben Frain 学习时间 2016/5/12 第一章 设计入门 *视口调试工具 IE：Microsoft Internet Explorer Develop Toolbar Safari:Resize Firefox:Firesizer Chrome:Windows Resizer *在线创意源泉 响应式设计创意收集网站 http：//mediaqueri.es... 阅读全文

摘要： 转自http://www.blogbus.com/kingslay-logs/216353709.html shift()定义和用法shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。语法：arrayObject.shift()返回值：数组原来的第一个元素的值。说明：如果数组是空的，那么 shift() 方法将不进行任何操作，返回 undefined 值。请注意，该方法... 阅读全文

摘要： 一：这本书由几个案列带入知识点，通俗易懂。最大的收获莫过于作者多次提到的逐渐增强和平稳退化。 "渐进增强"指的是给所用用户同等的基本使用体验，再根据用户终端的级别给予更高级的用户更为高效轻松的用户体验。"平稳退化"同样是给所有用户同等的一个基准，但其方向却是与渐进增强相反，此方法是剥夺低级用户的一些体验。 二：解决部分浏览器不兼容html5、css3 的问题 使用modernizr解决 htt... 阅读全文

摘要： getAttribute()方法不属于document对象，所以不能通过document对象调用，它只能通过元素节点对象调用 var paras = document.getElementsByTagName("p"); for (var i = 0; i < paras.length; i++) { alert(paras[i].getAttribute("title... 阅读全文

摘要： HTML5中新增的一个方法getElementsByClassName（），但是并非所有浏览器有支持 因此我们构造一个方法兼容这个方法 阅读全文

摘要： 问题：在js动画中，如果元素设置了border，padding等，获取到的样式是盒子的样式，这样会影响动画的正常显示。 解决方案一：在元素的行内添加样式 如 解决方案二：通过getstyle()方法获取样式 阅读全文

摘要： 在网站上，CSS3 的过渡和动画是当前创建轻量级动画的首选方法。不幸的是，很多开发者发现他们自己的语法和复杂和混乱的。如果这听起来像你自己，对你来说，或许Move.js是完美的方案。Move.js是使用简单函数创建 CSS3 动画的一个简单的JavaScript库。本教程将探讨Move.js的基础知 阅读全文

摘要： 1 2D转换：transform 变换 1.1 translate（x,y） 1.1.1 移动元素，x为正表示在x轴向右移动，y为正表示在y轴向下移动 1.2 rotate 1.2.1 旋转角度，单位（deg） 1.3 scale 1.3.1 缩放大小，单位（x）整体扩大x倍 1.3.2 scale 阅读全文

摘要： 网页特殊符号HTML代码大全 HTML特殊字符编码大全：往网页中输入特殊字符，需在html代码中加入以&开头的字母组合或以&#开头的数字。下面就是以字母或数字表示的特殊符号大全。 ´ &acute; © &copy; > &gt; µ &micro; ® &reg; & &amp; ° &deg; 阅读全文

摘要： 第二章：基础选择器 第三章：过滤性选择器 第四章：表单选择器 第五章：jQuery 操作DOM 第六章：jQuery 事件与应用 第七章：jQuery 实现ajax应用 阅读全文