原创 JS OffsetParent屬性

offsetParent屬性返回一個對象的引用,這個對象是距離調用offsetParent的元素最近的(在包含層次中最靠近的),並且是已進行過CSS定位的容器元素。 如果這個容器元素未進行CSS定位, 則offsetParent屬性的

原创 Javascript : RequestAnimationFrame更好的實現Javascript動畫

一直以來,JavaScript的動畫都是通過定時器和間隔來實現的。雖然使用CSS transitions 和 animations使Web開發實現動畫更加方便,但多年來以JavaScript爲基礎來實現動畫卻很少有所改變。直到Fire

原创 js控制iphone端的input/textarea元素失去焦點時隱藏鍵盤

原文鏈接 問題的原由 同事在製作觸屏頁面的時候收到產品這樣一個需求:“我們的頁面爲什麼點擊完textarea框,在點空白處時,iphone的鍵盤不能隱藏?” 我們就這個問題進行了測試,確實沒有隱藏。看了看其它網站的頁面,也是

原创 JavaScript位操作及其簡單應用

原文鏈接 1. << 左移,即按二進制形式把所有的數字向左移動對應的位數,高位移出(捨棄),低位的空位補零。 數學意義:在數字沒有溢出的前提下,對於正數和負數,左移一位都相當於乘以2的1次方,左移n位就相當於乘以2的n次方。 1

原创 關於css中的em單位

使用px定義字體的話無法用瀏覽器字體放大功能,還有在做響應式網頁時,字體響應大小也非常不方便。 px:像素(plxels),相對長度單位。像素px是相對於顯示器屏幕分辨率而言的。 em:相對長度單位。相對於當前對象內文本的字體尺寸

原创 javascript原型

Javascript原型 prototype: 用來定義實例共享的屬性或方法 __proto__: 用於實現對象的繼承 對象原型關係 圖 // ======以下爲原文:大紅色部分爲我的標註====== Javas

原创 前端模塊化開發的價值

前端模塊化開發的價值 隨着互聯網的飛速發展,前端開發越來越複雜。本文將從實際項目中遇到的問題出發,講述模塊化能解決哪些問題,以及如何使用 SeaJS 進行前端的模塊化開發。 惱人的命名衝突 我們從一個簡單的習慣出發。我做項目時,常

原创 Seajs 基礎----使用SeaJS實現模塊化JavaScript開發

講了個大概,謝謝原主了啊。   不過還是得看原文檔才行 前言 SeaJS是一個遵循CommonJS規範的JavaScript模塊加載框架,可以實現JavaScript的模塊化開發及加載機制。與jQuery等JavaScript框架

原创 Javascript高性能動畫與頁面渲染

No setTimeout, No setInterval 如果你不得不使用setTimeout或者setInterval來實現動畫,那麼原因只能是你需要精確的控制動畫。但我認爲至少在現在這個時間點,高級瀏覽器、甚至手機瀏覽器的普及程

原创 瀏覽器如何渲染網頁?

https://github.com/yyzych/Blog/issues/3 -----------------------------------------------------------------------------

原创 XMLHTTP中setRequestHeader參數問題

新加:設置編碼方法 setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=gb2312")   語法 oXMLHttpReque

原创 常見前端開發面試題

HTML相關 1、 標籤的定義與用法    http://www.xinran001.com/bbs/thread-72998-1-1.html 2、塊級元素和行內元素    http://www.w3cwhy.com/css

原创 javascript-按圓形排列DIV元素(一)---- 分析

效果圖:   一、分析圖: 綠色邊框內:外層的DIV元素,相對定位; 白色圓形框:輔助分析的想象形狀; 白點:爲白色圓形的圓心點,中心點,點o; 圓心角:角NOG; 黃色:需要按圓形排列的,絕對定位的DIV元素; 紅

原创 CSS規則的執行順序

謝原博主 轉 CSS規則的執行順序

原创 CSS3--perspective屬性

MDN官方文檔說明: perspective 屬性指定了觀察者與z=0平面的距離,使具有三維位置變換的元素產生透視效果。z>0的三維元素比正常大,而z<0時則比正常小,大小程度由該屬性的值決定。 三維元素在觀察者後面的部分不會繪製出