A. linux web前端開發有什麼優勢嗎
服務端 一般都用linux 因為有那幾個殺手級的應用
至於前端 為什麼用linux
你可以模擬服務端
ruby nodejs 在linux 運行更好 這些開源語言會第一時間支持linux
我知道豆瓣 伺服器是gentoo 用的語言是python 他們的程序員 貌似用的是蘋果系統
B. 前端開發如何沉澱自己
明確一點,沒有最好的方法,有人喜歡邊看書邊做筆記,有人喜歡邊看視頻邊打開編輯器練習,還有的人喜歡用在線編程學習網站,不管怎樣,找到適合自己的,效率最高的方式才是最重要的。
接下來推薦一下自己用過的,覺得不錯資源:
書籍:上豆瓣按照標簽排名搜評價排名,排前幾頁的且評論人數不少的書籍基本靠譜。例如《javascript高級程序設計》,《javascript權威指南,head and first (適合入門)
C. 大家來說說自己的經驗:寫一個web前端頁面要多久時間,比如豆瓣網的首頁.
自已寫的話,可能需要一周時間,如果拷貝的話,可能需要1-3個小時吧。
D. 前端書籍推薦
初級讀物
《JS高級程序設計》:一本非常完整的經典入門書籍,被譽為JS聖經之一,詳解的非常詳細,最新版第三版已經發布了,建議購買。
《JS王者歸來》網路的一個Web開發項目經理寫的,作為初學者准備的入門級教程也不錯。
中級讀物
《JS權威指南》:另外一本JS聖經,講解的也非常詳細,屬於中級讀物,建議觀看。
《JS.The.Good.Parts》:Yahoo大牛,JS精神領袖Douglas Crockford的大作,雖然才100多頁,但是字字珠璣啊!強烈建議閱讀。
《高性能JS》:《JS高級程序設計》作者Nicholas C. Zakas的又一大作。
《Eloquent JS》:這本書才200多頁,非常短小,通過幾個非常經典的例子(艾米麗姨媽的貓、悲慘的隱士、模擬生態圈、推箱子游戲等等)來介紹JS方方面面的知識和應用方法。
高級讀物
《JSPatterns 》:書中介紹到了各種經典的模式,如構造函數、單例、工廠等等,值得學習。
《Pro.JS.Design.Patterns》:Apress出版社講解JS設計模式的書,非常不錯。
《DevelopingJSWeb Applications》:構建富應用的好書,針對MVC模式有較為深入的講解,同時也對一些流程的庫進行了講解。
《Developing Large Web Applications》:不僅有JS方面的介紹,還有CSS、HTML方面的介紹,但是介紹的內容卻都非常不錯,真正考慮到了一個大型的Web程序下,如何進行JS架構設計,值得一讀。
結語
要做優秀的前端工程師,還需要繼續努力:《高性能網站建設指南》、《Yahoo工程師的網站性能優化的建議》、「YSLOW」性能優化建議、《網站重構》、《Web開發敏捷之道》、「 jQuery 庫」、「前端框架」、「HTML5」、「CSS3」。。。 這些都要深入研究!
萬事開頭難!如果你能到這個境界,剩下的路自己就可以走下去了。
E. 前端中,怎樣做到時間下拉菜單中的時間選擇為有效時間而不是已經過去的時間
前端開發話題優秀回答者 豆瓣前端工程師
我的建議: 1. 選本好書 http://book.douban.com/subject/2994925/ http://book.douban.com/subject/4886879/ 2. 閱讀源碼 https://github.com/languages/JavaScript 3. 實踐、實踐、再實踐 4. 關注行業動態,參與開源社區 這幾個blog至少
F. 如何幫助前端新人入門和提高
第一個月主要讓他們對一些專業術語和前端整體的知識體系做了概覽(包括html、css、js、dom、bom等),當然這里必須要去了解的是W3C的誕生以及它的發展歷程,還有各大瀏覽器廠商的發展歷程以及當今不斷變化的市場格局。前半個月對html所有的標簽做一個系統的學習,並對常用的標簽(div\p\h1-h6\span\img\ul\dl\ol\li)做重點的理解和DEMO書寫,這里我特別傳達了語義化的概念給他們希望他們合理的使用標簽,而不是根據自己的心情隨意的使用標簽。後半個月對css的所有屬性做通覽,並對常用的CSS屬性做重點理解和實戰,這里我沒有讓他們對所有的CSS屬性做很詳細的了解(有些CSS屬性可能我們自己一輩子都不會用到,以後遇到的時候學會查API即可)。這過程中還傳達了hack這個概念給他們,以及對待hack的態度和常用實例。
第二個月主要是JS的學習(話說一個月學習JS真的是太難太難了,雖然是個腳本語言但要注意的地方特別多),首先對JS基礎的一些東西的學習(詞法結構、數據類型和值、變數、表達式和運算符、語句等等一些基礎知識),在學JS期間我發現他們明顯比第一個月學習html和css來的煩躁,但好得他們有學過編程,有些基礎。基礎學好之後,就是客戶端的一些知識的學習,dom\bom等等,如何對dom操作,關於性能這方面的東西暫時沒有傳達給他們,等他們達到一定知識程度上我希望他們學習如何優化。後半個月就是讓他們接觸一個JS框架,並學會高效快速的寫出頁面交互代碼。
第三個月基本就是實戰,html+css+js,每周基本都要寫好幾個頁面,然後我會帶他們一起去review,並指出所存在的問題,順便讓他們自己記錄下,總結,下次再寫頁面時避免。
G. web前端什麼書籍好 2015 豆瓣
真的有很多... 這里只簡單的推薦幾本個人閱讀過並覺得不錯的書籍
css: css禪意花園
html : dynamic html
js : dom編程藝術 (難度一般,主要是讓你有一個好習慣)
javascript高級程序設計 (不錯的入門級圖書了)
javascript框架設計 (有些晦澀啊)
jq:鋒利的jquery
其實書還有很多,例如h5高級程序設計,深入淺出node.js等等,關鍵是持之以恆,在代碼這條道路上一直走下去...
H. 豆瓣閱讀的 Web 閱讀器用到了哪些前端技術
我看的是desktop web版本,jQuery 1.7.1, 文章切換動畫用的left,不是css3,DOM 大小維護的很好,一開始載入如果是第一頁,則為一個page節點,之後前後翻頁,都是保持兩個page節點(前一頁和當前頁),頁面渲染用的寫好的template,數據json,http://read.douban.com/j/article/get_reader_data,Form data(ck, aid),看了篇小文章,是一次性載入全部數據,可能大篇幅的文章會多分段載入。
I. 2015年有哪些比較優秀的前端框架
作者:匿名用戶
鏈接:http://www.hu.com/question/39377015/answer/81017680
來源:知乎
著作權歸作者所有,轉載請聯系作者獲得授權。
此榜單根據github上star數作為排名依據,一個人力量有限,如果收集有遺漏歡迎補充。
1、名稱:Bootstrap
類別/語言:HTML、CSS、JavaScript
創建者: Twitter
人氣:在Github上有91007 stars
描述:主流框架中毋庸置疑的老大,Bootstrap 是基於 HTML、CSS、JavaScript 的,它簡潔靈活,使得 Web 開發更加快捷。
核心概念/原則: RWD 和移動優先制。
瀏覽器支持: Firefox, Chrome, Safari, IE8+ (你需要 Respond.js for IE8)
響應式: Yes
模塊化: Yes
官網地址:Bootstrap · The world's most popular mobile-first and responsive front-end framework.
Github地址:twbs/bootstrap · GitHub
2、名稱:html5-boilerplate
類別/語言:HTML、CSS、JavaScript
創建者:Paul Irish
人氣:在Github上有32,349 stars
描述:HTML5 Boilerplate 幫你構建 快速, 健壯, 並且 適應力強 的web app或網站。
核心概念/原則:響應式
瀏覽器支持:Firefox, Chrome, Safari, IE8+,Edge,Opera
預處理器:None
響應式:Yes
模塊化:Yes
官網地址:HTML5 Boilerplate: T
Github地址:h5bp/html5-boilerplate · GitHub
3、名稱:Meteor
類別/語言:HTML、CSS、JavaScript
創建者:immir
人氣:在Github上有31,092 stars
描述:Meteor是新一代的開發即時web應用的開源框架,它能幫助你在最少的時間內完成開發。
核心概念/原則:響應式
預處理器: Less
響應式: Yes
模塊化: Yes
官網地址:Meteor
Github地址:meteor/meteor · GitHub
4、名稱:Semantic UI
類別/語言:HTML、CSS、JavaScript
創建者: Jack Lukic
人氣: 在Github上有22,325 stars
描述: 「基於自然語言有效原則的UI組件框架」
核心概念/原則: 語義,標簽的矛盾性、響應式
瀏覽器支持:Firefox, Chrome, Safari, IE10+ (IE9 with browser prefix only), Android 4, Blackberry 10。
預處理器: Less
響應式: Yes
模塊化: Yes
官網地址:Semantic UI
Github地址:Semantic-Org/Semantic-UI · GitHub
5、名稱:Foundation
類別/語言:HTML、CSS、JavaScript
創建者: ZURB
人氣: 在Github上有22,206+ stars
描述: 「世界上最優秀的響應式前端框架」
核心概念/原則: RWD 、手機優先、語義的
瀏覽器支持: Chrome, Firefox, Safari, IE9+; iOS, Android, Windows Phone 7+
預處理器: Sass
響應式: Yes
模塊化: Yes
官網地址:Foundation | The most advanced responsive front-end framework in the world.
Github地址:zurb/foundation-sites · GitHub
6、名稱:Materialize
類別/語言:CSS
創建者:Google
人氣:在Github上有15,288stars
描述:Materialize是一個個基於材料設計的一個現代化的響應式前端框架。他們做了最繁重的工作,為您提供默認的樣式,結合了您的自定義組件。此外,他們還改進動畫和過渡,為開發人員提供流暢的體驗。
核心概念/原則:響應式
預處理器:Sass
響應式:Yes
模塊化:Yes
官網地址:Documentation
Github地址:Dogfalo/materialize · GitHub
瀏覽器支持:Chrome 35+, Firefox 31+, Safari 7+, IE 10+
7、名稱:Pure
類別/語言:CSS
創建者: Yahoo
人氣: 在Github上有13,161 stars
描述: 「您可以在每一個web項目中使用的一組小的和響應式的CSS模塊」
核心概念/原則:SMACSS,極簡的.
瀏覽器支持:Firefox的最新版本, Chrome, Safari; IE7+; iOS 6.x, 7.x; Android 4.x
預處理器: None
響應式: Yes
模塊化: Yes
官網地址:http://purecss.io/
Github地址:yahoo/pure · GitHub
8、名稱:Vue
類別/語言:CSS、JavaScript
創建者:尤雨溪
人氣:在Github上有12,214 stars
描述:Vue.js 是用於構建互動式的 Web 界面的庫。它提供了 MVVM 數據綁定和一個可組合的組件系統,具有簡單、靈活的 API。
核心概念/原則:響應式
瀏覽器支持:Firefox, Chrome, Safari, IE9+,Android 4.2+,iOS 7+
預處理器:None
響應式:Yes
模塊化:Yes
官網地址:vue.js
Github地址:vuejs/vue · GitHub
9、名稱:Skeleton
類別/語言:CSS、JavaScript
創建者:Dave Gamache
人氣:在Github上有10,622stars
描述:Skeleton 是一個小的 JS 和 CSS 文件的集合,可幫你快速開發漂亮的網站,適合各種屏幕設備包括手機。Skeleton 基於 960 grid 開發。它是一個 UI 框架。
核心概念/原則:響應式
瀏覽器支持:Firefox, Chrome, Safari, IE10+,Opera
預處理器:None
響應式:Yes
模塊化:Yes
官網地址:Skeleton: Responsive CSS Boilerplate
Github地址:dhg/Skeleton · GitHub
10.名稱: Amaze UI
類別/語言:HTML、CSS、JavaScript
創建者:雲適配
最後更新時間:2015年12月
人氣:在Github上有6425 stars
描述:國內首個開源HTML5跨屏前端框架,中文排版支持更優、本土化組件豐富。
並在2015年11月推出基於 React.js 的專屬移動端 Web 組件庫Amaze UI touch。
核心概念/原則:組件化、移動優先、輕量級、高性能。
瀏覽器支持: Firefox, Chrome, Safari, IE8+
響應式: Yes
模塊化: Yes
官網地址:Amaze UI | 中國首個開源 HTML5 跨屏前端框架
Github地址:amazeui/amazeui · GitHub
11、名稱:UIkit
類別/語言:HTML、CSS、JavaScript
創建者: YOOtheme
人氣: 在Github上有6,050+ stars
描述: 「一個輕量級的和模塊化的前端框架,用於快速開發和功能強大的web介面。」
核心概念/原則:RWD, 手機優先.
預處理器: Less, Sass
響應式: Yes
模塊化: Yes
官網地址:UIkit
Github地址:uikit/uikit · GitHub
瀏覽器支持: Chrome, Firefox, Safari, IE9+
12、名稱:Yui
類別/語言:CSS、JavaScript
創建者:Yahoo
人氣:在Github上有3,200+ stars
描述:Yahoo! UI Library (YUI) 是一個開放源代碼的 JavaScript 函數庫,為了能建立一個高互動的網頁,它採用了AJAX, DHTML 和 DOM 等程式碼技術。它也包含了許多 CSS 資源。使用授權為 BSD許可證
核心概念/原則:響應式
預處理器: None
響應式:Yes
模塊化:Yes
官網地址:http://yuilibrary.com/
Github地址:yui/yui3 · GitHub
瀏覽器支持:Firefox, Chrome, Safari, IE10+,Opera
13.名稱:kissy
類別/語言: JavaScript
創建者:淘寶前端
最後更新時間:2015年7月
人氣:在Github上有2035 stars
描述:KISSY 是一款跨終端、模塊化、高性能、使用簡單的 JavaScript 框架。
框架大小: 37 KB
核心概念/原則: 模塊化,跨終端,高擴展性
模塊化: Yes
官網地址:KISSY - A Powerful JavaScript Framework
Github地址:kissyteam/kissy · GitHub
14.名稱:MUI
類別/語言: HTML、CSS、JavaScript
創建者:Dclould
最後更新時間:2016年1月
人氣:在Github上有2012 stars
描述:MUI-最接近原生App體驗的前端框架框架。
核心概念/原則: 多端發布、高性能
響應式: NO
模塊化: Yes
官網地址:MUI-最接近原生APP體驗的高性能前端框架
Github地址:dcloudio/mui · GitHub
15.名稱:Arale
類別/語言: JavaScript
創建者:支付寶前端
最後更新時間:2015年7月
人氣:在Github上有1252 stars
描述:Arale 是一個開放、簡單、易用的前端基礎類庫。
框架大小:未知
核心概念/原則: 開放、簡單、易用
瀏覽器支持:Firefox, Chrome, Safari, IE6+
響應式: Yes
模塊化: Yes
官網地址:Arale - 隨心構建互聯網應用
Github地址:aralejs/aralejs.org · GitHub
16.名稱:JX
類別/語言:Javascript
創建者:騰訊前端
最後更新時間:2015年12月
人氣:在Github上有952 stars
描述:JX 是模塊化的非侵入式Web前端框架,特別適合構建和組織大規模、工業級的Web App。
框架大小: 未知
核心概念/原則: 保持最優執行效率
瀏覽器支持: 兼容主流瀏覽器
模塊化: Yes
官網地址:JX - 騰訊 Web 前端開發框架
Github地址:AlloyTeam/JX · GitHub
17.名稱:GMU
類別/語言:HTML、CSS、JavaScript
創建者:網路前端
最後更新時間:2015年12月
人氣:在Github上有940stars
描述:GMU是基於zepto的mobile UI組件庫,提供webapp、pad端簡單易用的UI組件! Web App。
核心概念/原則: 簡單易用、輕量級
模塊化: Yes
官網地址:http://gmu..com/
Github地址:fex-team/GMU · GitHub
18.名稱:ZUI
類別/語言: HTML、CSS、JavaScript
創建者:蟬道
最後更新時間:2015年7月
人氣:在Github上有616 stars
描述:開源HTML5前端框架
核心概念/原則:簡單易用、輕量級、易於定製
瀏覽器支持:未知
官網地址:ZUI - 開源HTML5跨屏框架
Github地址:easysoft/zui · GitHub
19.名稱:Clouda Touch.js
類別/語言:JavaScript
創建者:網路雲
人氣:在Github上有387 stars
描述:Touch.js是移動設備上的手勢識別與事件庫,也是在網路內部廣泛使用的開發。
核心概念/原則: 無入侵設計、媲美原生的交互、極簡的API
模塊化: Yes
官網地址:Touch.js
Github地址:Clouda-team/touch.code..com · GitHub
20.名稱:Arkui
類別/語言:HTML、CSS、JavaScript
創建者:豆瓣
人氣:在Github上有129 stars
模塊化: Yes
官網地址:arkui
Github地址:mockee/arkui · GitHub