原创 前端面試題整理彙總(一)

前端面試題整理彙總(一) 優才網 關於前端面試題,優優之前推薦過,如下,點擊即可查看: 5個經典的前端面試問題 2016年十家知名公司前端面試經驗總結 前端面試會問哪些問題? 前端開發面試題彙總【HTML&CSS部分】

原创 CSS背景圖片

背景圖片 設置元素的背景圖片: background-iamge:url() 注: URL地址既可以是相對地址也可以是絕對地址 元素的背景佔據了元素的全部尺寸,包括內邊距,但是不包括外邊距 默認的,背景圖像位於元素的左上角,並在

原创 CSS的優化與性能提高

關鍵選擇器:選擇器的最後面的部分爲關鍵選擇器(即用來匹配目標元素的部分) 如果規則擁有ID選擇器作爲其關鍵選擇器,則不要爲規則增加標籤。過濾掉無關的規則(這樣樣式系統就不會浪費時間去匹配它們); 提取項目的通用共有樣式,增強可複

原创 JS 的 new 到底是幹什麼的

作者:方應杭 zhuanlan.zhihu.com/p/23987456 大部分講 new 的文章會從面向對象的思路講起,但是我始終認爲,在解釋一個事物的時候,不應該引入另一個更復雜的事物。 今天我從「省代碼」的角

原创 用 CSS 實現三角形與平行四邊形

作者:鄒潤陽(@jerry蛋蛋哥) 最近在逛某個技術網站的時候,感覺文章關鍵詞上的樣式好酷炫啊。於是我將那種寫法照搬到了我的博客中,也許最近逛過我博客的小夥伴已經發現了它出現在哪兒了——分頁的樣式。來張截圖:

原创 JavaScript中的this機制

作者:front-Thinking   題記:JavaScript中有很多令人困惑的地方,或者叫做機制。但是,就是這些東西讓JavaScript顯得那麼美好而與衆不同。比方說函數也是對象、閉包、原型鏈繼承等等,而這其中就包括頗

原创 有趣的CSS題目(2): 從條紋邊框的實現談盒子模型

作者:伯樂在線專欄作者 - chokcoco 鏈接:http://web.jobbole.com/88202/ 開本系列,討論一些有趣的 CSS 題目,拋開實用性而言,一些題目爲了拓寬一下解決問題的思路,此外,涉及一些容易

原创 有趣的 CSS 題目(3): 層疊順序與堆棧上下文知多少

層疊順序(stacking level)與堆棧上下文(stacking context)知多少? z-index 看上去其實很簡單,根據 z-index 的高低決定層疊的優先級,實則深入進去,會發現內有乾坤。 看看下面這題,

原创 JavaScript與ECMAScript

JavaScript與ECMAScript JavaScript是ECMAScript規範的一種實現。 一個完整的JavaScript實現是由三個不同的部分組成 1.核心(ECMAScript)

原创 這30款網站和工具,應該能讓你的設計效率提升一大截

效率就是生命,對於設計師尤其是如此。所以,能夠讓工作效率有極大提升的工具於設計師而言,有着極大的價值,因此也有了今天這個高效設計工具列表。 這些設計工具大多針對某個特定的設計環節,基於具體的需求而存在,它們提升了整體的效率,從排版設計

原创 定位概述

定位概述 1. 可視化格式模型 塊級元素:p、h1、或div 行內元素:strong、span 1.可以使用display屬性改變生成的框的類型。 display:block; //則將行內元素表現的像塊級元素。 2.塊級

原创 css中設置字體的自動降級

在CSS中,有兩種類型的字體系列名稱: 通用字體系列 - 擁有相似外觀的字體系統組合(如 "Serif" 或 "Monospace"“”Sans-Serif") 特定字體系列 - 一個特定的字體系列(如 "Times" 或 "Co

原创 CSS樣式的加載

1.樣式的加載方法 行內樣式 html內容和樣式同時加載 e.g <h1 style="color:red;font-size:20px;">行內樣式</h1> 嵌入樣式 html內容和樣式同時加載 e.g <style type="t

原创 2017年前端開發工具趨勢

英文:Craig Buckler  譯文:愚人碼頭 www.css88.com/archives/7175 你有兩年以上的前端開發經驗嗎?你會用 Sass 和 Autoprefixer 等高級的CSS輔助技能嗎?你的 J

原创 搜索框設計指南

       搜索框實際上就是輸入框與提交按鈕的組合。有的人可能會疑問,搜索框也需要所謂的設計嗎;畢竟,它裏面只有兩個元素罷了。然而,在一些內容量大的網站上,搜索框可能是最頻繁被使用到的組件了。當用戶瀏覽一個相對複雜的站點時,他們一