常值內容主要包括以下幾點:什麼是repaint/reflow?什麼情況下會觸發瀏覽器的repaint/reflow?瀏覽器自身所作的最佳化如何最佳化你的指令碼來減少repaint/reflow? 一、什麼是repaint/reflow?頁面在載入的過程中,需要對文檔結構進行解析,同時需要結合各種各樣的樣式來計算這個頁面長什麼樣子,最後再經過瀏覽器的渲染頁面就出現了。這整個
最近一直在用原生態js,雖然有些不方便,但是覺得用著用著就習慣了~~仿jq class選取器 // 用數組類比jq的class選取器function getClassName(ParentId,NewClassName){ var AllClassElem = ParentId.getElementsByTagName("*"); var AllClass = []; var i=0; for(var i=0; i<AllClassElem.length;
最近,在給圖片牆的我是微博控部分加捲軸~所以做到拖動圖片的部分了~實話是不想用外掛程式,然後自己寫了一兩個又覺得自己寫的好笨,於是百度了拖拽的思路,看自己的思路是否對~果然,找到比較簡介的。也遇到比較篇的函數和方法~記錄並學習之。Javascript
區塊層級元素和內嵌元素(轉)block(塊)元素的特點:①總是在新行上開始;②高度,行高以及外邊距和內邊距都可控制;③寬度預設是它的容器的100%,除非設定一個寬度。④它可以容納內嵌元素和其他塊元素 inline元素的特點:①和其他元素都在一行上;②高,行高及外邊距和內邊距不可改變;③寬度就是它的文字或圖片的寬度,不可改變④內嵌元素只能容納文本或者其他內嵌元素(中文叫法有多種內嵌元素、內嵌元素、行內元素、直進式元素)。塊元素(block element)和內嵌元素(inline
起初是把音樂檔案放在我的空間上,後來發現很慢,然後放到skydrive上,發現依舊很慢,雖然好了一點,後來不經意的還發現自己的音樂檔案居然還都放 的是高音質的~囧~在折騰完各種東西之後終於開始折騰自己的音樂牆這一塊。覺得該來的還是要來的,哈哈。各種折騰之後。發現:1:蝦米還行,居然直接有類似播放器訂製http://www.xiami.com/widget/isingle因為我是擷取單首歌曲,所以用的歌曲播放器
*以下文字為搜集一些網站或論壇裡面的文章,不代表本人觀點,僅供參考。=============================================================其實並不是div比table快,只是div有些優點會使它“快”過table。 1、div可以下載一個顯示一個,而table要完整下載才能顯示。 2、div可以用更少的div來排版。原因主要在,table標記要解析到對應的</table>才會顯示,而div這裡就不用!它用由上而上顯示 出來!
圖片非常重要,它們可以讓你的頁面更好看,更引人注目。但是,高品質和漂亮的圖片常常會很大,它們會讓頁面載入變慢並消耗更多頻寬。所以我們,這些設計師應該最佳化圖片以使其體積更小但品質更高!事實上有很多有用的圖片最佳化工具,它們可以協助我們最佳化並減小圖片的檔案尺寸。這些有用的應用程式套件括web應用和案頭應用。基於web的圖片最佳化工具1.
前天晚上11點半才通知一面過了,昨天下午就去了二面……敲門後發現開啟門的面孔那麼熟悉~這不是昨天面我的那個面試官麼,原來他就是技術總監了,牛人啊,剛出來的一同學剛好是一個專業的,問他面什麼,他說是後台~~我定了定神,還是進去了。。其實面試官還是很和藹的,一面的時候也沒有太為難,二面我做好了充分準備,難一點的技術問題也準備的比較多。不過貌似不面技術了,只是問了一些生活
所謂純文字工作報告,即用純文字對工作進行總結彙報。由於沒有Excel強大的資料處理功能,沒有PPT絢麗的表現形式,很多人做出的報告都很難讓人讀懂、甚至晦澀雜亂。 本文,從最原始的一篇報告開始改起,通過7步法(個人理論),將其變為一篇通俗易懂、合格的報告。 原始報告:
Json學習通常情況下,json的在項目中的應用都是在後台把資料傳到前台,然後前台再擷取json中的資料.例子如下:<html><body><h2>通過 JSON 字串來建立對象</h3><p>First Name: <span id="fname"></span><br />Last Name: <span
楔子
今天遇到了一坑爹問題,發現外國網站上也有好多人在問,居然有人懷疑這是一個不為人知的bug。。見代碼:<input type="button" name="submit" onclick="xxx()" /><script type="text/javascript">xxx(){ form.submit();}</script>如果點提交的話,會有這樣的報錯:"Uncaught TypeError: Property 'submit' of object
好吧,還是先說一些p話,昨天說好這兩天的電話面試是下午四五六點的。結果今天早上10點就給我打來電話。表示還準備早上準備一下的,畢竟有一段時間沒搞頁面了。面試完之後問結果怎麼樣的時候,那邊說如果我是廣州本地的就直接給offer了。這,武漢的孩子傷不起呀。可是我真的想去廣州。好,p話結束。
首先,p話一下,今天買了個戒指。希望這個朋友以後能釋懷,以後能變成我想的那個樣子,不浪費這次大老遠來看我。不然我會覺得沒有意義。 本文:網站越大、越複雜,圖形越豐富,css就越難管理。我們可以將樣式放在style標籤之間,從而直接在文檔頭加樣式,但是這不是對文檔應用樣式的好方法。如果要建立使用相同樣式的另一個頁面,那就不得不在新頁面上複製css。將外部樣式表附加到網頁上有兩種方式,可以連結它們,也可以匯入它們。<link href="" rel="stylesheet"
一、序言 兔尾的時候,將 wubi 安裝的 ubuntu 系統給卸載了,原因是容量不夠了,搗鼓了下擴充也搗鼓不出來,而且總感覺系統運行很慢,所以一不做二不休就將系統給卸載了,重新整過,而且整成了獨立得雙系統,然而等我裝好之後,就下班時間了,所以今年回來第一件事當然就是重新設定一份環境了。因為自接觸 PHP 以來,一直用得就是 Apache 得伺服器,這回就用上了Nginx,順便試試源碼安裝得方式,雖然麻煩點。二、準備工作 本機子環境:64 位元 Ubuntu 11.10 1、下載
先mark,稍後研究,JS代碼只有17行! 1 <!DOCTYPE html> 2 <html> 3 <body> 4 <canvas id="myCanvas" width="240" height="240" style="border:1px solid #d3d3d3;">Your browser does not support the HTML5 canvas tag.</canvas> 5 <script> 6
當了一次模組開發主擔當,下面記錄開發作業流水帳,以茲回顧分享,日期並非嚴格項目過程,僅作參考。 2012/08/01 ■日方向中方髮式樣書(即需求說明書) 產物:無 ■中方閱讀學習式樣書(參考相關資料,瞭解功能) 產物:式樣閱讀筆記,QA 2012/08/02 2012/08/03 2012/08/06 ■日方通過視頻會議向中方進行式樣說明 產物:會議記錄,QA ■中方二次理解閱讀式樣 產物:式樣閱讀筆記,QA 2012/08
三、儘可能使用const經典面試題: ①說出const的至少3個作用 ②const char* p = x; char* const p = x; 說出上處兩個const的作用。說到這,其實最好是說一下const的語義:1、const語義 1).代替#define 2).使某個對象(變數)、值,指標,引用不能被修改 3).使類的靜態對象在類內部可以初始化 當我們要在類的內部定義某個常量時,就可能用const來修飾,否則的話,就不能初始化1
引言:什麼是虛函數其實從虛函數說起,就得追溯到虛函數的定義:簡單的來說,虛函數的定義可以表述為以下的概念:定義:在某基類中聲明為 virtual 並在一個或多個衍生類別中被重新定義的成員函數文法:virtual 函數傳回型別 函數名(參數表) { 函數體 }用途:實現多態性,通過指向衍生類別的基類指標,訪問衍生類別中同名覆蓋成員函數 虛函數必須是基類的非靜態成員函數,其存取權限可以是protected或public,在基類的類定義中定義虛函數的一般形式:形式:1 class 基類名{2
序言 《設計模式之禪》看到第78頁了,繼續堅持啊!作為一個建立型的設計模式,Factory 方法模式被使用到的頻率相當高,因此,這個模式的學習那是相當有價值的。那麼,這個模式的定義是怎樣的呢?這個模式的實現是怎樣的呢?這個模式的作用是怎樣的呢?筆者將盡一切可能為讀者解釋清楚,當然,如果沒有解釋清楚的,可以一起討論。這樣的學習才有互動性,才能不斷進步嘛!元芳,你怎麼看? 本文 1. 你是怎麼建立對象的?(最蠢的方法)1 // 第一種2 MyObject mo;3 4 //