2014年3月24日

【CSS】之选择器性能和规范

摘要: http://www.aliued.cn/2013/01/24/%E7%BD%91%E7%AB%99css%E9%80%89%E6%8B%A9%E5%99%A8%E6%80%A7%E8%83%BD%E8%AE%A8%E8%AE%BA.htmlCSS选择符由一些初始化参数组成,这些参数指明了要应用这个CSS规则的页面元素。作为一个网站的前端开发工程师,应该避免编写一些常见的开销很大的CSS选择符模式,尽量编写高效的CSS选择符,从而加快页面的渲染速度,缩短页面呈现时间。我们先来看一下safari和webkit的架构师David Hyatt的两段话:样式系统从最右边的选择符开始向左进行匹配规则。只 阅读全文

posted @ 2014-03-24 17:14 毛毛_Roc 阅读(197) 评论(0) 推荐(0) 编辑

2014年2月28日

【视频】之H.264

摘要: 可以边下边播,略吊 阅读全文

posted @ 2014-02-28 18:34 毛毛_Roc 阅读(146) 评论(0) 推荐(0) 编辑

2014年2月27日

【转】围观 Joomla, Wordpress 和 Drupal

摘要: 围观 Joomla, Wordpress 和 Drupal但凡接触过互联网的人,大都知道网页和博客,或许您也非常希望能有一个属于自己的网页或者博客。当前,也有各式各样的程序代码可以让你创建一个网站或者博客,我们现在更多的把他们称之为CMS(内容管理系统)。如果您在互联网上搜索一下,估计自己也会非常迷糊到底该采用哪种程序,在您开始之前,无妨一读下面的内容。在众多的CMS当中,大家经常使用的是wordpress, joomla和drupal。这三个系统也各有其特色。但是,在这三者当中,我们该选择哪种呢?最近的这几年,wordpress无疑在一步一步的发展成为一个非常优秀的CMS系统,而Joomla 阅读全文

posted @ 2014-02-27 12:49 毛毛_Roc 阅读(290) 评论(0) 推荐(0) 编辑

2014年2月21日

【Javascript】之eval()

摘要: var responseData = xmlhttp.responseText;var obj = eval ("(" + responseData + ")");用responseData获得Ajax的返回数据,然后用eval函数转化为一个obj 阅读全文

posted @ 2014-02-21 12:58 毛毛_Roc 阅读(213) 评论(0) 推荐(0) 编辑

2014年2月8日

【HTTP】之HTTP 错误 401.3 - 访问被资源 ACL 拒绝

摘要: 今天想回家继续修改白天写的网站,存在Google Drive来着,结果一拿回来就出了"HTTP 错误 401.3 - 访问被资源 ACL 拒绝",奶奶的,查了半天,主要发现还是账户权限问题。修改方法很简单,对应站点目录的IUSR的权限没设造成的...在属性——>安全——> 高级 中把IUSR用户找出来添加好就OK了PS:记得勾选使用可从此对象继承的权限替换所有子对象权限选项,因为所有的文件都必须要有IUSR权限,包括html,css和js文件。 阅读全文

posted @ 2014-02-08 00:07 毛毛_Roc 阅读(481) 评论(0) 推荐(0) 编辑

2014年2月7日

【jquery】之touchstart和mousedown

摘要: 点击事件是html开发中最常用的事件,而jquery里面有click,mousedown,mouseup,touchstart,touchend等事件函数可以调用。在mobile上,必须要用touchstart,可以用以下函数进行判断。function detectmob() { if( navigator.userAgent.match(/Android/i) || navigator.userAgent.match(/webOS/i) || navigator.userAgent.match(/iPhone/i) || navigator.u... 阅读全文

posted @ 2014-02-07 16:03 毛毛_Roc 阅读(1687) 评论(0) 推荐(0) 编辑

【jquery】插件之position与offset

摘要: jQuery中有两个获取元素位置的方法offset()和position(),两者之间有什么不同和分别呢?offset():获取匹配元素在当前视口的相对偏移。返回的对象包含两个整形属性:top和left。此方法只对可见元素有效。.offset()方法可以让我们重新设置元素的位置。这个元素的位置是相对于document对象的。如果对象原先的position样式属性是 static的话,会被改成relative来实现重定位。position():获取匹配元素相对父元素的偏移。返回的对象包含两个整形属性:top和left。为精确计算结果,请在补白、边框和填充属性上使用像素单位。此方法只对可见元素有效 阅读全文

posted @ 2014-02-07 11:29 毛毛_Roc 阅读(217) 评论(0) 推荐(0) 编辑

2014年1月23日

【CSS】之定位

摘要: 1. position:static元素的 position 屬性默認值為:static,即該元素出現在文檔的常規位置,不會重新定位。通常此屬性值可以不設置,除非是要覆蓋之前的定義。#div-1 { position:static;}2. position:relative設置了position:relative,便可以結合top、bottom、left、right的屬性來偏移其文檔的常規位置。例如將 div-1 向下移動 20 像素、向左移動 40 像素:#div-1 { position:relative; top:20px; left:-40px;}注意 div-1 未被移動之前的地方, 阅读全文

posted @ 2014-01-23 16:12 毛毛_Roc 阅读(179) 评论(0) 推荐(0) 编辑

【Javascript】之动画加速

摘要: -webkit-transform: translate3d(0, 0, 0); 阅读全文

posted @ 2014-01-23 15:58 毛毛_Roc 阅读(230) 评论(0) 推荐(0) 编辑

【CSS】之display none 和 visibility hidden 比较

摘要: CSS display:none;使用该属性后,HTML元素(对象)的宽度、高度等各种属性值都将“丢失”;visibility:hidden;使用该属性后,HTML元素(对象)仅仅是在视觉上看不见(完全透明),而它所占据的空间位置仍然存在,也即是说它仍具有高度、宽度等属性值。 阅读全文

posted @ 2014-01-23 15:57 毛毛_Roc 阅读(209) 评论(0) 推荐(0) 编辑

2014年1月20日

【javascript】之close.window

摘要: 今天碰到一个客户要求点击按钮能够关闭窗口,最简单的当然是但是这句代码有两个问题,第一是有提示窗口,需要你确认才能关闭;第二是这句代码不能在FF和Chrome下生效。一个一个来,显示提示问题最后是第二个问题,FF和Chrome,在Google下查了一圈,看了差不多10页的内容,最终得出一个悲伤的结论,FF只支持关闭javascript脚本打开的页面,不允许关闭非脚本打开的窗口。当然,可以用about:config,打开配置文件,找到dom.allow_scripts_to_close_windows,把这个设置成true的时候,FF就支持window.close()了,但是我们不是黑客,怎么可能 阅读全文

posted @ 2014-01-20 19:18 毛毛_Roc 阅读(7073) 评论(0) 推荐(0) 编辑

2014年1月19日

【Jquery】之事件

摘要: 方法描述bind()向匹配元素附加一个或更多事件处理器blur()触发、或将函数绑定到指定元素的 blur 事件change()触发、或将函数绑定到指定元素的 change 事件click()触发、或将函数绑定到指定元素的 click 事件dblclick()触发、或将函数绑定到指定元素的 double click 事件delegate()向匹配元素的当前或未来的子元素附加一个或多个事件处理器die()移除所有通过 live() 函数添加的事件处理程序。error()触发、或将函数绑定到指定元素的 error 事件event.isDefaultPrevented()返回 event 对象上是否 阅读全文

posted @ 2014-01-19 18:01 毛毛_Roc 阅读(184) 评论(0) 推荐(0) 编辑

【Jquery】之选择器

摘要: 选择器实例选取*$("*")所有元素#id$("#lastname")id="lastname" 的元素.class$(".intro")所有 class="intro" 的元素element$("p")所有 元素.class.class$(".intro.demo")所有 class="intro" 且 class="demo" 的元素:first$("p:first")第一个 元素:last$ 阅读全文

posted @ 2014-01-19 18:00 毛毛_Roc 阅读(166) 评论(0) 推荐(0) 编辑

2014年1月17日

【CSS】之hack

摘要: Hack 阅读全文

posted @ 2014-01-17 23:28 毛毛_Roc 阅读(209) 评论(0) 推荐(0) 编辑

2014年1月16日

【CSS】之引入方式

摘要: 在HTML中,引入CSS的方法主要有行内式、内嵌式、导入式和链接式4种。一、行内式 即在标记的style属性中设定css样式,这种方式本质上没体现出css的优势,因此不推荐使用。二、内嵌式 在对页面中各种元素的设置集中写在和之间的,对于单个页面来说,这种方式很方便。如:三、导入式 导入式格式如下:四、连接式 格式如下:五、link 和@import 的区别link属于XHTML标签,而@import完全是CSS提供的一种方式;页面被加载的时候,link-会同时被加载,而@import引用的CSS会等到页面被加载完再加载;import只有在IE5以上的才能识别,而link是XHTML标签,... 阅读全文

posted @ 2014-01-16 19:14 毛毛_Roc 阅读(197) 评论(0) 推荐(0) 编辑

2014年1月15日

【CSS】之em和px

摘要: 如果父元素定义字体大小12px,子元素定义1em,大小就是12px。一般情况下浏览器默认字体大小有所不同,所以,可以用reset font来重新设定每一级字的大小,并且让h1~h6只是控制字的重要与否,并不是控制字的大小。一般默认1em差不多是16px。 阅读全文

posted @ 2014-01-15 22:30 毛毛_Roc 阅读(147) 评论(0) 推荐(0) 编辑

2014年1月14日

【CSS】之inline,block和inline-block

摘要: 一、display:block display:block就是将元素显示为块级元素。 特点:总是在新行上开始;高度,行高以及顶和底边距都可控制;宽度缺省是它的容器的100%,除非设定一个宽度 常见block标签: , , ..., , , ,,和是块元素的例子。二、display:inline display:inline就是将元素显示为行内元素。 特点: 和其他元素都在一行上; 高,行高及顶和底边距不可改变; 宽度就是它的文字或图片的宽度,不可改变。 常见block标签: , , , , , 和是inline元素的例子。三、display:inline-block ... 阅读全文

posted @ 2014-01-14 19:07 毛毛_Roc 阅读(257) 评论(0) 推荐(0) 编辑

2014年1月13日

【HTML】之混杂模式和严格模式

摘要: 一、简而言之区别:严格模式是浏览器根据规范去显示页面;混杂模式是以一种向后兼容的方式去显示。意义:决定浏览器如何渲染网站(浏览器使用那种规范去解析网页)。触发:浏览器根据doctype是否存在和使用的是那种dtd来决定。二、浏览器模式当浏览器厂商开始创建与W3C标准兼容的浏览器时,他们希望确保向后兼容性。为了实现这一点,他们创建了两种呈现模式:标准模式(standardsmode)和混杂模式(quirks mode)。在标准模式中,浏览器根据规范呈现页面;在混杂模式中,页面以一种比较宽松的向后兼容的方式显示。混杂模式通常模拟老式浏览器(比如Microsoft IE 4和Netscape Nav 阅读全文

posted @ 2014-01-13 17:50 毛毛_Roc 阅读(601) 评论(0) 推荐(0) 编辑

【浏览器】之内核

摘要: Trident(IE内核)Trident: 该内核程序在1997年的IE4中首次被采用,是微软在Mosaic代码的基础之上修改而来的,并沿用到目前的IE11。Trident实际上是一款开放的内核,其接口内核设计的相当成熟,因此才有许多采用IE内核而非IE的浏览器涌现(如 360浏览器、Maxthon、The World 、TT、GreenBrowser、AvantBrowser等)。此外,为了方便也有很多人直接简称其为IE内核(当然也不排除有部分人是因为不知道内核名称而只好如此说)。由于IE本身的“垄断性”(虽然名义上IE并非垄断,但实际上,特别是从Windows 95年代一直到XP初期,就市 阅读全文

posted @ 2014-01-13 11:59 毛毛_Roc 阅读(270) 评论(0) 推荐(0) 编辑

【浏览器】之工作原理

摘要: 浏览器这边做的工作大致分为以下几步:加载:根据请求的URL进行域名解析,向服务器发起请求,接收文件(HTML、JS、CSS、图象等)。解析:对加载到的资源(HTML、JS、CSS等)进行语法解析,建议相应的内部数据结构(比如HTML的DOM树,JS的(对象)属性表,CSS的样式规则等等)渲染:构建渲染树,对各个元素进行位置计算、样式计算等等,然后根据渲染树对页面进行渲染(可以理解为“画”元素)这几个过程不是完全孤立的,会有交叉,比如HTML加载后就会进行解析,然后拉取HTML中指定的CSS、JS等。PS:周末和同学吃了个饭,然后去了趟深圳,真的就这么匆匆的过去了,感觉特别浪费的感觉,昨晚想写点 阅读全文

posted @ 2014-01-13 11:51 毛毛_Roc 阅读(196) 评论(0) 推荐(0) 编辑

导航