03 2015 档案

（转）浏览器的渲染原理
摘要：陈皓大神的神作，转过来。看到这个标题大家一定会想到这篇神文《How Browsers Work》，这篇文章把浏览器的很多细节讲得很细，而且也被翻译成了中文。为什么我还想写一篇呢？因为两个原因， 1）这篇文章太长了，阅读成本太大，不能一口气读完。 2）花了大力气读了这篇文章后可以了解很多，但似... 阅读全文
posted @ 2015-03-31 15:44 低调的大白兔 阅读(203) 评论(0) 推荐(0)
css2和CSS3的background属性简写
摘要：1、css2：background:background-color || url("") || no-repeat || scroll || 0 0; css3: background: url("") || 0 0/cover || no-repeat || scroll || border-... 阅读全文
posted @ 2015-03-31 10:44 低调的大白兔 阅读(2624) 评论(0) 推荐(0)
css3新增的background属性
摘要：1、background-size可取值：auto（背景图片正常显示） size size （150px 40%） cover （背景图片覆盖整个背景） contain（背景图片缩小填满整个背景）实例： /*这段代码是当不支持CSS3 Media Queries浏览器按back... 阅读全文
posted @ 2015-03-31 10:35 低调的大白兔 阅读(1958) 评论(0) 推荐(0)
XHTML与HTML的差别
摘要：HTML与XHTML之间的差别，粗略可以分为两大类比较：一个是功能上的差别，另外是书写习惯的差别。关于功能上的差别，主要是XHTML可兼容各大浏览器、手机以及PDA，并且浏览器也能快速正确地编译网页。因为XHTML的语法较为严谨，所以如果你是习惯松散结构的HTML编写者，那需要特别注意XHTML的规... 阅读全文
posted @ 2015-03-30 11:00 低调的大白兔 阅读(173) 评论(0) 推荐(0)
document.createElement方法的使用
摘要：我们在使用createElemen方法t创建一个元素节点的时候，似乎在IE下面怎么写都可以，但切换到FF等其它浏览器却总是会报错。 比如我们要创建一个input元素，那么在IE下，我们可以有多种写法：要测试某种情况，请将其它情况注释： 以上3种方式在IE中均可以通行，然后再非IE核心的浏览器中（... 阅读全文
posted @ 2015-03-30 10:57 低调的大白兔 阅读(14989) 评论(3) 推荐(0)
js获取屏幕和窗口的信息
摘要： 阅读全文
posted @ 2015-03-30 10:34 低调的大白兔 阅读(454) 评论(0) 推荐(0)
浏览器UA汇总
摘要：UA -- uesr-agent -- 用户代理，是服务器判断请求的种类，比如:使用PC和手机访问一个网站，呈现的画面是不一样的。原理就是设备的用户代理不同1 主要浏览器safari 5.1 – MACUser-Agent:Mozilla/5.0 (Macintosh; U; Intel Mac O... 阅读全文
posted @ 2015-03-30 10:11 低调的大白兔 阅读(11070) 评论(0) 推荐(0)
根据浏览器UA信息进行跳转（移动和pc）
摘要：如何用php判断一个客户端是手机还是电脑？其实很简单，开发人员都知道，通过浏览器访问网站时，浏览器都会向服务器发送UA，即User Agent(用户代理)。不同浏览器、同一浏览器的不同版本、手机浏览器、电脑端的浏览器的UA都是不一样的。我们只要写代程序获取这段UA，然后判断UA是什么，然后就可以区分... 阅读全文
posted @ 2015-03-30 10:08 低调的大白兔 阅读(6124) 评论(0) 推荐(1)
一道阿里笔试题
摘要：请把以下用于连接字符串的JavaScript代码修改为更高效的方式var htmlString = ‘ ’ + ‘ ’;for (var i = 0; i +NEWS[i].TITLE + ‘ ’;}htmlString += ‘ ‘’ 但是看到的时候感觉怪怪的，就是感觉顶多把ne... 阅读全文
posted @ 2015-03-28 14:39 低调的大白兔 阅读(154) 评论(0) 推荐(0)
js优化原则
摘要：首先，与其他语言不同，JS的效率很大程度是取决于JS engine的效率。除了引擎实现的优劣外，引擎自己也会为一些特殊的代码模式采取一些优化的策略。例如FF、Opera和Safari的JS引擎，都对字符串的拼接运算（+）做了特别优化。显然，要获得最大效率，就必须要了解引擎的脾气，尽量迎合引擎的口味。... 阅读全文
posted @ 2015-03-28 14:36 低调的大白兔 阅读(260) 评论(0) 推荐(0)
css hack总结
摘要：虽然说，现在讨论css hanck已经过时了，不过了解下还是好的。各游览器常用兼容标记一览表:标记IE6IE7IE8FFOperaSarari[*+>Hack应用情境（二）适用范围：IE:6.0,IE7.0,IE8.0,Firefox之间的兼容实例说明：大家很容易的可以看出这是情境（一）的加强版... 阅读全文
posted @ 2015-03-28 11:01 低调的大白兔 阅读(175) 评论(0) 推荐(0)
写一个标准的邮箱验证
摘要：function isEmail(email){ var emailReg=/^([a-z0-9A-Z]+[\-|_|\.]?)*[a-z0-9A-Z]+@([a-z0-9A-Z]+[\-|_|\.]?)*[a-z0-9A-Z]+.[a-zA-Z]{2,3}$/;return ... 阅读全文
posted @ 2015-03-28 10:53 低调的大白兔 阅读(309) 评论(0) 推荐(0)
各种排序算法
摘要：各种排序算法总结：稳定度：冒泡排序、插入排序、归并排序是稳定的。 选择排序、快速排序、堆排序是不稳定的。时间复杂度： O（n^2） 冒泡排序 插入排序 选择排序 O（n*log2n）快速排序 堆排序 归并排序（一）排序基本概念： 根据排序过程中待排序文件存放的位置不同，可以把排序分为内部... 阅读全文
posted @ 2015-03-28 10:08 低调的大白兔 阅读(214) 评论(0) 推荐(0)
css3的::selection属性
摘要：大家都知道浏览器对选中的文本默认样式都是统一的，Windows下是一个深蓝色的背景，白字的前景，而在Mac下是一个淡蓝色背景，白色字体，就如上图所展示的一样，自从有了这个“::selection”选择器后，我们在部分浏览器中可以设置你所需要的样式，下面就让我来告诉大家如何使用这个“::selecti... 阅读全文
posted @ 2015-03-27 21:30 低调的大白兔 阅读(291) 评论(0) 推荐(0)
css3的apprearance属性（转）
摘要：appearance使用方法：.elmClass{ -webkit-appearance: value; -moz-appearance: value; appearance: value;}接下来我们一起来看个简单的实例：我是一个段落P元素 我是一个段落P元素 我... 阅读全文
posted @ 2015-03-27 21:28 低调的大白兔 阅读(567) 评论(0) 推荐(0)
CSS3的background-size
摘要：DEMO一、background-size:auto;我来看第一个DEMO,在前面的DEMO上加上和个class名为"backgroundSizeAuto",在这个Demo上我们应用上前面所示的背景，并把background-size取值为auto, .backgroundSizeAuto { ... 阅读全文
posted @ 2015-03-27 21:22 低调的大白兔 阅读(2038) 评论(0) 推荐(1)
DNS与获取
摘要：今天翻看twitter的源码的时候看到了一下内容：查阅了相关资料，知道DNSPrefetch也就是DNS预获取，也是前段优化的一部分。在前段优化中关于DNS的有两点：一是减少DNS的请求次数，第二个就是进行DNS预先获取。DNSPrefetch已经被下面的浏览器支持Firefox:3.5+Chrom... 阅读全文
posted @ 2015-03-27 09:52 低调的大白兔 阅读(655) 评论(0) 推荐(0)
AMD规范
摘要：AMD是"Asynchronous Module Definition"的缩写，意思是"异步模块定义"。模块定义define(id?, dependencies?, factory);其中：id: 模块标识，可以省略。dependencies: 所依赖的模块，可以省略。factory: 模块的实现，... 阅读全文
posted @ 2015-03-27 09:25 低调的大白兔 阅读(233) 评论(0) 推荐(0)
网站的个性图标
摘要：Shortcut Icon 就是在网站地址的前面出现的那个小图标。想要让你的网站显示个性图标，首先需要制作个icon的图标,其次需要在页面的“”间添加如下代码：Html代码Html代码注意点：一般ICON的分辨率是16*16，大小1-2k，建议不宜过大如果你已经安装上面介绍的步骤更新到网站目录以后，... 阅读全文
posted @ 2015-03-26 21:54 低调的大白兔 阅读(276) 评论(0) 推荐(0)
webapp之路--之ios上图标
摘要：以前我们用过favicon在浏览器给网站进行身份标识，用法如下：[html]view plaincopy现今移动设备越来越多，苹果为iOS设备配备了apple-touch-icon私有属性，添加该属性，在iPhone,iPad,iTouch的safari浏览器上可以使用添加到主屏按钮将网站添加到主屏... 阅读全文
posted @ 2015-03-26 21:46 低调的大白兔 阅读(279) 评论(0) 推荐(0)
webapp之路--之必备知识
摘要：移动设备的用户越来越多，每天android手机的激活量都已经超过130万台，所以我们面向移动终端的WebAPP也开始跟进了。本文主要介绍webapp的开发与调试的相关知识和经验，以及给出几种可选的解决方案。一、基本概念（1） CSS pixels与device pixelsCSS pixels： 浏... 阅读全文
posted @ 2015-03-26 21:32 低调的大白兔 阅读(247) 评论(0) 推荐(0)
javascript类的继承
摘要：1、构造函数方式写类，通过方法调用复制父类属性/字段到子类 实现继承这里父类，子类都采用构造函数方式写，不用原型。子类调用父类函数来复制父类的属性。12345678910111213141516171819202122232425262728/*** 父类Polygon:多边形* @param {O... 阅读全文
posted @ 2015-03-26 15:15 低调的大白兔 阅读(152) 评论(0) 推荐(0)
用javascript实现完全的类（private、pubulic等）
摘要：js是面向对象的，但是其不像java一样完全的面向对象，但是利用其灵活性，我们可以使用它进行高度的模拟，来看下面的代码：function Student(name){ this.name=name;//public变量 var id=Math.random()*100; //privat... 阅读全文
posted @ 2015-03-26 14:50 低调的大白兔 阅读(1451) 评论(0) 推荐(0)
js判断各个浏览器
摘要：其实，实际写js的过程中，用功能判断”鸭shi辨形“的方法就可以了，不过，很多地方考试还是会问。所以总结一下，大部分都是分析navigator来实现的。var ua=navigator.userAgent.toLowerCase(); var s=null; var browse... 阅读全文
posted @ 2015-03-25 16:45 低调的大白兔 阅读(334) 评论(0) 推荐(0)
js中的全局函数
摘要：以前没搞懂JS的全局函数，全局函数和window对象的函数不一样。全局函数不属于任何一个内置对象。JS包含以下7个全局函数，用于一些常用的功能：escape(),eval(),isNan(),isFinite(),parseFloat(),parseInt(),unescape();escape... 阅读全文
posted @ 2015-03-25 16:13 低调的大白兔 阅读(2548) 评论(0) 推荐(0)
js正则表达式大全（转）
摘要：1. 正则表达式规则1.1 普通字符 字母、数字、汉字、下划线、以及后边章节中没有特殊定义的标点符号，都是"普通字符"。表达式中的普通字符，在匹配一个字符串的时候，匹配与之相同的一个字符。举例1：表达式 "c"，在匹配字符串 "abcde" 时，匹配结果是：成功；匹配到的内容是："c"；匹配到的位置... 阅读全文
posted @ 2015-03-25 15:36 低调的大白兔 阅读(518) 评论(0) 推荐(0)
js url编码函数
摘要：JavaScript中有三个可以对字符串编码的函数，分别是： escape,encodeURI,encodeURIComponent，相应3个解码函数：unescape,decodeURI,decodeURIComponent 。下面简单介绍一下它们的区别1 escape()函数定义和用法escap... 阅读全文
posted @ 2015-03-25 15:27 低调的大白兔 阅读(376) 评论(0) 推荐(0)
原生的ajax（json）
摘要：function getXHR(){ if(window.XMLHttpRequest){ return new XMLHttpRequest(); }else{ try{ return new ActiveXObject("Msxml2.XMLHTTP.6.0"); ... 阅读全文
posted @ 2015-03-25 15:17 低调的大白兔 阅读(554) 评论(0) 推荐(0)
原生js拖拽
摘要：好吧，js拖拽这个很多笔试面试都考过了，so，写一个练练手吧！function Drag(obj) { this.obj = obj;}Drag.prototype = { constructor : Drag, getInitPosition : function(e) { e = e ||... 阅读全文
posted @ 2015-03-25 14:13 低调的大白兔 阅读(175) 评论(0) 推荐(0)
js浏览器兼容
摘要：//window.eventIE：有window.event对象FF：没有window.event对象。可以通过给函数的参数传递event对象。如onmousemove=doMouseMove(event)//鼠标当前坐标IE：event.x和event.y。FF：event.pageX和event... 阅读全文
posted @ 2015-03-25 14:09 低调的大白兔 阅读(173) 评论(0) 推荐(0)
何为反向代理、正向代理
摘要：一、正向代理(Forward Proxy) 一般情况下，如果没有特别说明，代理技术默认说的是正向代理技术。关于正向代理的概念如下：正向代理(forward)是一个位于客户端【用户A】和原始服务器(origin server)【服务器B】之间的服务器【代理服务器Z】，为了从原始服务器取得内容，用户A向... 阅读全文
posted @ 2015-03-25 12:46 低调的大白兔 阅读(313) 评论(0) 推荐(0)
dom元素循环绑定事件的技巧
摘要：以前总觉得自己写的代码不太规范，尤其是写原生的时候。举个例子： 要为页面上所有".a"的元素绑定事件，当然了用jquery很方便：$('.a').bind("click",fn);原生的话，我们很多会这样写： for(var i=0;i<length;i++){elem[i].onclick... 阅读全文
posted @ 2015-03-25 11:12 低调的大白兔 阅读(1446) 评论(0) 推荐(0)
mouseover事件与mouseenter事件的区别
摘要：不论鼠标指针穿过被选元素或其子元素，都会触发 mouseover 事件。对应mouseout只有在鼠标指针穿过被选元素时，才会触发 mouseenter 事件。对应mouseleave这样的话，mouseenter子元素不会反复触发事件，否则在IE中经常有闪烁情况发生。不论鼠标指针穿过被选元素或其子... 阅读全文
posted @ 2015-03-25 10:31 低调的大白兔 阅读(219) 评论(0) 推荐(0)
关于nodejs的require顺序
摘要：--------------------------------------- check /home/somebody/node_modules/othermodule check /home/somebody/node_modules/othermodule.js ... 阅读全文
posted @ 2015-03-25 09:49 低调的大白兔 阅读(729) 评论(0) 推荐(0)
HTML中为何P标签内不可包含DIV标签？ （转）
摘要：起因：在做项目时发现原本在DW中无误的代码到了MyEclipse6.0里面却提示N多错误，甚是诧异。于是究其原因，发现块级元素P内是不能嵌套DIV的。深究：我们先来认识in-line内联元素和block-line块元素，因为HTML里几乎所有元素都属于内联元素或者块元素中的一种。in-line这个词... 阅读全文
posted @ 2015-03-25 09:35 低调的大白兔 阅读(2519) 评论(0) 推荐(0)
一道js题（引用类型、基本类型、包装对象、函数赋值）
摘要：var a = 1;var obj = { b: 2};var fn = function () {};fn.c = 3;function test(x, y, z) { x = 4; y.b = 5; z.c = 6; return z;}test(a, obj, fn);alert(a... 阅读全文
posted @ 2015-03-24 21:51 低调的大白兔 阅读(193) 评论(0) 推荐(0)
阿里笔试题
摘要：1、//请补全下面的函数，仅当p为数组时返回true.//可给出多种实现方式,每种实现方式不一定完美,如果不完美,需要说明每种实现的限制function isArray(p) {//你的代码在这里}这个题有人可能用instanceof，但是会有不兼容，在多个frame中。其实很简单：function... 阅读全文
posted @ 2015-03-24 21:48 低调的大白兔 阅读(227) 评论(0) 推荐(0)
关于css3的calc（）
摘要：么是calc()?学习calc()之前，我们有必要先知道calc()是什么？只有知道了他是个什么东东？在实际运用中更好的使用他。calc()从字面我们可以把他理解为一个函数function。其实calc是英文单词calculate(计算)的缩写，是css3的一个新增的功能，用来指定元素的长度。比如说... 阅读全文
posted @ 2015-03-24 20:30 低调的大白兔 阅读(1499) 评论(0) 推荐(0)
line-box（转）
摘要：inline-block是什么？Inline-block是元素display属性的一个值。这个名字的由来是因为，display设置这个值的元素，兼具行内元素（ inline elements）跟块级元素（block elements）的特征。块级元素（block elements）,来源于CSS盒子... 阅读全文
posted @ 2015-03-24 20:17 低调的大白兔 阅读(443) 评论(0) 推荐(0)
转载--使用image-set来优化在retian屏幕下的背景图片
摘要：mage-set对我来说，我也很陌生，于是借助G爸和度娘海量的搜索image-set，才知道Webkit内核"safari6"和“chrome21”支持CSS4的background-image新规范草案image-set。通过Webkit内核的浏览器私有属性“-webkit”，image-set为... 阅读全文
posted @ 2015-03-24 19:52 低调的大白兔 阅读(327) 评论(0) 推荐(0)
关于css的伪类和伪元素
摘要：现在才发现自己一直没有分清楚css的伪类和伪元素啊，so，总结一下。CSS伪类用于向某些选择器添加特殊的效果。CSS伪元素用于将特殊的效果添加到某些选择器。可以明确两点，第一两者都与选择器相关，第二就是添加一些“特殊”的效果。这里特殊指的是两者描述了其他css无法描述的东西。伪类种类伪元素种类区别这... 阅读全文
posted @ 2015-03-24 19:40 低调的大白兔 阅读(175) 评论(0) 推荐(0)
阿里笔试js题
摘要：有一个数组，其中保存的都是小写英文字符串，现在要把它按照除了第一个字母外的字符的字典顺序(字典顺序就是按首字母从a-z顺序排列，如果首字母相同则按第二个字母……)排序，请编写代码：例：["abd","cba","ba",]排序后["ba","cba","abd"]好吧，我在准备笔试，不说了，贴代码：... 阅读全文
posted @ 2015-03-24 16:34 低调的大白兔 阅读(484) 评论(0) 推荐(0)
js字符串和数组方法总结
摘要：字符串操作：concat() – 将两个或多个字符的文本组合起来，返回一个新的字符串。 indexOf() – 返回字符串中一个子串第一处出现的索引。如果没有匹配项，返回 -1 。 charAt() – 返回指定位置的字符。 lastIndexOf() – 返回字符串中一个子串最后一处出现的索引，如... 阅读全文
posted @ 2015-03-24 16:00 低调的大白兔 阅读(424) 评论(0) 推荐(0)
转Y-slow23原则（雅虎）
摘要：YslowYahoo发布的一款基于FireFox的插件,主要是为了提高网页性能而设计的，下面是它提倡了23条规则，还是很不错的，分享一下：1.减少HTTP请求次数合并图片、CSS、JS，改进首次访问用户等待时间。2. 使用CDN就近缓存==>智能路由==>负载均衡==>WSA全站动态加速3. 避免空... 阅读全文
posted @ 2015-03-24 15:33 低调的大白兔 阅读(243) 评论(0) 推荐(1)
前端优化总结和技巧（原创）
摘要：这两天把自己以往的一些经验总结一下，希望对自己以后的开发更有帮助。分类总结下，前端开发中的优化方法和技巧。可以一起交流。一、减少http请求数量（简单粗暴，效果最佳） 1、对于图片，适当使用css sprite。 2、适当进行css、js文件的合并和压缩。 3、（大图片可以使用浏览器的本地... 阅读全文
posted @ 2015-03-24 15:30 低调的大白兔 阅读(282) 评论(0) 推荐(0)
阿里dom操作题
摘要：请写一个 getParents 方法让它可以获取某一个 DOM 元素的所有父亲节点。function getParents(id){ var obj=document.getElementById(id); var parents=[]; ... 阅读全文
posted @ 2015-03-24 15:00 低调的大白兔 阅读(201) 评论(0) 推荐(0)
基本的dom操作方法
摘要：childNodes 返回当前元素所有子元素的数组firstChild 返回当前元素的第一个下级子元素lastChild 返回当前元素的最后一个子元素nextSibling 返回紧跟在当前元素后面的元素nodeValue 指定表示元素值的读/写属性parentNode 返回元素的父节点previou... 阅读全文
posted @ 2015-03-24 14:50 低调的大白兔 阅读(351) 评论(0) 推荐(0)
html5中的postMessage解决跨域问题
摘要：解决跨域问题的方法有很多，如：图像ping（简单）、jsonp（缺点是不能实现跨域post）、CROS（CORS的本质让服务器通过新增响应头Access-Control-Allow-Origin,通过HTTP方式来实现资源共享,让每个请求的服务直接返回资源.它使用了HTTP交互方式来确定请求源是... 阅读全文
posted @ 2015-03-24 14:43 低调的大白兔 阅读(615) 评论(0) 推荐(0)
mark一篇文章--用nodejs搭建一个本地反向代理环境
摘要：调试线上代码的时候，我们经常遇到的一个问题就是 本地一套环境，线上一套环境，本地没有的文件用线上的这种需求。我简单来说下使用nodejs如何做到。先说下不用nodejs我们怎么做，工具比如fiddler，代理服务器比如nproxy之类都可以完成。但是很麻烦啊，要配置规则还要安装工具，改代理端口之类的... 阅读全文
posted @ 2015-03-24 14:29 低调的大白兔 阅读(1913) 评论(0) 推荐(0)
html5语义化标签总结二
摘要：HTML 5的革新之一：语义化标签二文本元素标签、分组元素标签。HTML 5的革新——语义化标签(一)中介绍了一些HTML5新加的一些节元素，一张页面中结构元素构成网页大体，但是也需要其他内容来填充，譬如图片、文本、代码、表单、交互等等。所以接下来我们就来详细了解HTML5的新增加的和重新定义的文本... 阅读全文
posted @ 2015-03-24 12:01 低调的大白兔 阅读(430) 评论(0) 推荐(0)
转html5语义化标签总结一
摘要：HTML 5的革新之一：语义化标签一节元素标签。在HTML 5出来之前，我们用div来表示页面章节，但是这些div都没有实际意义。（即使我们用css样式的id和class形容这块内容的意义）。这些标签只是我们提供给浏览器的指令，只是定义一个网页的某些部分。但现在，那些之前没“意义”的标签因为因为ht... 阅读全文
posted @ 2015-03-24 11:59 低调的大白兔 阅读(503) 评论(0) 推荐(0)
继续几道经典的js题（局部和全局变量，对象等）
摘要：1、//现有代码如下：var foo = 1;function main(){alert(foo);var foo = 2;alert(this.foo)this.foo = 3;}//1.请给出以下两种方式调用函数时，alert的结果，并说明原因。var m1 = main();var m2 = ... 阅读全文
posted @ 2015-03-24 11:01 低调的大白兔 阅读(1540) 评论(0) 推荐(1)
关于js的几道经典题（作用域、原型链等）自己做的
摘要：1、function test() { var a = 1; setTimeout(function() { alert(a); a = 3; }, 1000); a = 2; setTimeout(function() { alert(a); a = 4; }, 3000);} test(... 阅读全文
posted @ 2015-03-24 10:36 低调的大白兔 阅读(273) 评论(0) 推荐(0)
小提醒
摘要：好久没写原生的js了，又火狐和ie的兼容，上面那个博客里的问题： 如何区分ie和其他浏览器：if（window.ActiveXObject）{}else{} 火狐下没有innerText属性。兼容性写法是这样： doc.innerText?doc.innerText="":doc.text... 阅读全文
posted @ 2015-03-24 10:06 低调的大白兔 阅读(151) 评论(0) 推荐(0)
关于textarea的应用--onchage,onpropertychange,oninput
摘要：oninput,onpropertychange,onchange的用法1、onchange触发事件必须满足两个条件：a）当前对象属性改变，并且是由键盘或鼠标事件激发的（脚本触发无效）b）当前对象失去焦点(onblur)；2、onpropertychange的话，只要当前对象属性发生改变，都会触发... 阅读全文
posted @ 2015-03-24 10:00 低调的大白兔 阅读(1745) 评论(0) 推荐(1)
css3的box-sizing--从此不用担心盒模型的不兼容
摘要：前段时间阿里的面试问了关于盒模型的东西，众所周知，ie和标准盒模型是有着区别的。面试官问有没有什么办法可以改变盒模型的显示效果。答案是css3的box-sizing：其可以取三个值：1、值content-box这是由 CSS2.1 规定的宽度高度行为。宽度和高度分别应用到元素的内容框。在宽度和高... 阅读全文
posted @ 2015-03-24 08:59 低调的大白兔 阅读(977) 评论(0) 推荐(0)
css3选择器总结--强大如jquery
摘要：最近发现，阿里的笔试考了许多css3的知识，像query media、box-flex等等。主要是移动浏览器的开发，让html5和css3如虎添翼，再也不用担心兼容了。so总结一下css3的选择器：一、css3属性选择器：E[attr]：只使用属性名，但没有确定任何属性值；指的是包含attr属性... 阅读全文
posted @ 2015-03-23 21:28 低调的大白兔 阅读(147) 评论(0) 推荐(0)
css3盒模型学习--利用box自适应布局
摘要：box-flex是css3新添加的盒子模型属性，它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。目前box-flex属性还没有得到firefox、Opera、chrome浏览器的完全支持，但可以使用它们的私有属性定义firefox(... 阅读全文
posted @ 2015-03-23 20:39 低调的大白兔 阅读(828) 评论(0) 推荐(0)
webapp之路--之query media
摘要：query media是css3中的模块，对于移动端的开发是非常重要的，是响应式web设计的中不可或缺的一部分。简单点说就是根据不同移动设备的屏幕参数来制定不同的css方案以实现web的响应式开发。目前Media Query在浏览器上的兼容度要高很多，Firefox,Safari,Chrome,... 阅读全文
posted @ 2015-03-23 20:37 低调的大白兔 阅读(334) 评论(0) 推荐(0)
阿里四面的挫折，写给自己
只有注册用户登录后才能阅读该文。
posted @ 2015-03-22 22:00 低调的大白兔 阅读(24) 评论(0) 推荐(0)
写插件时遇到的一个小问题，关于animate和css3的问题
摘要：昨天写代码时，偶然想到了如果我们把css3属性放在animate中，指定时间。能否实现动画呢。举个例子吧： 如上代码，box会在一秒种从0deg旋转到90deg吗？答案是否定的。 于是我查了下jquery的手册，发现animate的第一参数中确实不能放css3的属性。于是乎怎么办呢？我在st... 阅读全文
posted @ 2015-03-21 10:24 低调的大白兔 阅读(435) 评论(0) 推荐(0)
基于css3的环形动态进度条（原创）
摘要：基于css3实现的环形动态加载条，也用到了jquery。当时的想法是通过两个半圆的转动，来实现相应的效果，其实用css3的animation也可以实现这种效果。之所以用jquery是因为通过jquery可以在网站中动态改变加载的百分比。同时，用如果单纯用css3的animation的话扩展性太差... 阅读全文
posted @ 2015-03-21 10:06 低调的大白兔 阅读(3158) 评论(0) 推荐(0)
iframe与父页面的js通信
摘要：1、父页面调用iframe中的函数： document.getElementById('myframe').contentWidow.fun1();2、在iframe中调用父页面中的函数： window.parent.fun2();//注意不能再文件模式下运行，要在网站发布后才可使用。 阅读全文
posted @ 2015-03-17 10:48 低调的大白兔 阅读(133) 评论(0) 推荐(0)
利用rem实现webapp布局
摘要：rem这是个低调的css单位，近一两年开始崭露头角，有许多同学对rem的评价不一，有的在尝试使用，有的在使用过程中遇到坑就弃用了。但是我对rem综合评价是用来做web app它绝对是最合适的人选之一。rem是什么？ rem（font size of the root element）是指相对于根元... 阅读全文
posted @ 2015-03-17 10:41 低调的大白兔 阅读(1850) 评论(1) 推荐(1)
如何高效的用判断用js判断ie6
摘要：用js判断ie6的方法有很多，如：1、var isIE=!!window.ActiveXObject;var isIE6=isIE&&!window.XMLHttpRequest;var isIE8=isIE&&!!document.documentMode;var isIE7=isIE&&!i... 阅读全文
posted @ 2015-03-17 10:26 低调的大白兔 阅读(416) 评论(0) 推荐(0)