原创 Web前端之HTML規範

1.標籤規則 很多人覺得HTML太簡單,但她恰恰是前端開發中最基礎最重要的部分。 標籤名統一使用小寫,不要使用大寫; 不要在自閉(self-closing)元素的尾部添加斜線; 不要省略可選的結束標籤(closing tag) 不要

原创 UI設計之logo製作基本方法

1. 重複法 通過對單一的基本型複製得到 常用的複製形式:移動複製,旋轉複製,縮放複製。 2.特殊法 將衆多元素中的某一個要素進行獨特,異形的設計。 常用的特異形式:將單詞某一個字母用圖形代替,將衆多圖形中的某一個元素

原创 歡迎使用CSDN-markdown編輯器

jQuery操作小技巧 返回頂部 通過使用jQuery中的animate和scrollTop方法,不用插件就可以創建一個滾動到頂部的簡單動畫。 <a id="top" href="www.baidu.com">返回頂部</a>

原创 ECMA-262規範

ECMA-262規範定義的七種錯誤類型 第一種:Error 所有錯誤的基本類型,實際上不會被拋出。 第二種:EvalError   執行eval錯誤時拋出。 第三種:ReferenceError 對象不存在是拋出。 第四種:Range

原创 前端性能優化之--DNS預處理

DNS Prefetch,即DNS預獲取,是前端優化的一部分。一般來說,在前端優化中與 DNS 有關的有兩點: 一個是減少DNS的請求次數,另一個就是進行DNS預獲取 。 DNS 作爲互聯網的基礎協議,其解析的速度似乎很容易被網站優化

原创 淺談前端工程化思想

很多人可能這樣認爲,前端工程化無非就是框架/庫、簡單的構建、css/js模塊化開發而已,其實這些只是前端工程話的一部分,當我們開發一個大型的web應用的時候,將會面臨很多工程方面的問題,比如:多人如何協作開發、組件模塊如何複用、如何調

原创 淺談前端集成解決方案

淺談前端集成解決方案 什麼是前端集成解決方案 前端集成解決方案,英文翻譯爲 Front-end Integrated Solution,縮寫fis,發音[fɪs] 前端集成解決方案並不是一個新詞彙,將這個詞拆開來看,我們能得到

原创 學習一門新語言的12種方法

當一個開發人員有一定的開發基礎後,想象着如何學習一門新的語言,下面這十二個方法可能會對你的學習有一定的幫助 將其與類似的語言進行比較; 閱讀語言的官方文檔; 使用互聯網今夕搜索; 與社區接觸; 編寫玩具程序; 使用改語言編寫 “生

原创 兼容性及經驗彙總

浮動時父級元素無法撐開 解決方法:全局增加樣式 .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}.clearfix{zo

原创 技術優化之加載方式

1.同步加載 文件都加載完纔給用戶呈現出他們想看到的 可能很少的TCP連接就能夠完成頁面的加載 2.分級加載 同步加載和異步加載相結合 首先給用戶加載重要的資源比如logo或者是核心的功能,然後加載不重要的資源 3.按

原创 優化術語定義

技術類 首屏時間:加載到第一屏的功能點所用的時間 白屏時間:從進入頁面到head解析的時間 可操時間:與模塊相關,主要是測試核心模塊的使用率及用戶的感知程度 連通率:多爲視頻站點,時間爲縱軸,主要是對應時間用戶看到視頻或者聽到聲音的比

原创 AJAX全接觸

1.概念 AJAX是一種無須重載整個頁面的情況下,能夠更新部分網頁內容的一種技術。 2.基本準備 運用html和css實現頁面,構建網頁。 運用XMLHttpRequest對象與服務器進行數據的異步交換。 運用JavaScript操作D

原创 call和apply的用法和區別

call()與apply()區別 一、方法的定義 call方法: 語法:call(thisObj,Object)定義:調用一個對象的一個方法,以另一個對象替換當前對象。說明:call 方法可以用來代替另一個對象調用一個方法。ca

原创 20個很有用的css技巧

導語:下面這幾個CSS技巧你可能不知道,1.彩色照片變黑白,2.所有元素垂直居中,3.禁用鼠標,4.模糊文字,小編學完能量滿滿的,覺得對CSS又充滿了愛,你也來看看。 1. 黑白圖像 這段代碼會讓你的彩色照片顯示爲黑白照片,是不是

原创 Gulp自動化構建工具的使用

Gulp開發教程 2015-11-25 10:38:384999瀏覽1評論 對網站資源進行優化,並使用不同瀏覽器測試並不是網站設計過程中最有意思的部分,但是這個過程中的很多重複的任務能夠使用正確的工具自動完成,