(換膚)
語言：
文章編號：11658時間：2024-10-01人氣：
HTML5 是一項規范，描述了為萬維網創建和呈現內容的標準。它建立在 HTML4 的基礎上，并引入了許多新特性和改進，使其更強大、更靈活。
HTML5 的核心原理包括：
、
和
。
localStorage
和
sessionStorage
API，允許離線存儲和檢索數據。
和
等擴展機制，支持創建可重用和可擴展的 Web 組件。
HTML5 不僅是一項用于構建現有 Web 內容的規范，它還引入了許多前瞻性的技術，為 Web 的未來提供了可能性。
HTML5 的前瞻技術包括：
HTML5 相比于其前輩 HTML4 具有許多優勢，包括：
HTML5 已被廣泛應用于各種 Web 開發領域，包括：
和 WASM 創建復雜的 Web 游戲。
HTML5 是一項不斷發展的規范，它為 Web 開發提供了強大的基礎和前瞻性的功能。通過理解其核心原理和前瞻技術，開發者可以創建更強大、更靈活、更具沉浸感的 Web 體驗。
隨著 HTML5 繼續蓬勃發展，我們期待在未來看到更多創新和突破性的 Web 應用。
深入淺出丨帶你看懂數據可視化「美」的歷程古人說：“人不可貌相”，但從古至今，人類卻是一群感性動物，容易受到外在表象影響，先感性才理性。 《韓非子》里提到，春秋末期魯國人澹臺滅明，天生異像，“額低口窄，鼻梁低矮，不具大器形貌”，拜孔子為師，孔子沒有拒絕，但對他不上心，愛答不理，讓他坐冷板凳。 于是，他毅然決然地離開孔子，自學成才，獨辟蹊徑，游歷講學，積極傳播儒家學說，并培養出很多人才，深受老百姓愛戴。 孔子聽聞他的事跡之后，幡然醒悟。 在今天，好看這件事也一樣是很重要的。 “顏值即正義”，長得好看的人，似乎更容易受到歡迎和優待。 但古人也說過：“相由心生”，從一個人的外表和精神狀態可以大概知道這個人的內在狀況，相反，一個人的內心思想狀態，也會投射到形象外表。 因此，我們要注重自身內在涵養的健康發展，也要學會對外在美的表達與審視。 同樣地，好的設計也應該是兼具內容與形式。 信息時代讓人們的生活節奏加快，人們每一天都變得匆忙，時間被碎片化，甚至沒有多少時間完整看完一段文字。 文字的力量是有限的。 只有借助可視化，信息才能高效地傳播。 數據可視化是數據領域一個重要的分支，目的是“讓數據說話”，展現數據之美。 好的圖表會說話，好的圖表可以抓住用戶的心。 一、歷史篇：人類對世界的認知與表達從圖畫開始研究發現，人腦處理圖片信息是同步進行的，而處理文字信息則是一步一步循序漸進的，而且一篇文字下來，大部分人只記住了其中的20%；人在看報紙時，99%的文字信息會自動被過濾掉，腦子里只殘留了可憐的1%；人腦處理圖片的速度是處理文字的6000倍。 也就是說，如果一篇6000字的文章需要10分鐘看完，而壓縮成一張圖片則只需要10/6000分鐘的時間。 圖片可以表達的內容要比文字更豐富，同時也可以給人留下很大的想象空間 ，可以體現真實性（有圖有真相），可以讓人賞心悅目。 其實，在遠古時期，我們遙遠的祖先——智人就已經學會畫畫，基于自己對周邊生活環境的認知，將人、鳥、獸、草、木等事物以及狩獵、耕種、出行、征戰、搏斗、祭祀甚至男女交媾等日常活動刻畫在巖石上、石壁上、洞穴里......到目前為止，歐洲、亞洲、美洲、大洋洲的70多個國家150多個地區發現巖畫遺址，而僅非洲和澳洲少數族群目前還存有巖畫制作的傳統，例如著名的巖畫遺址拉斯科洞窟壁畫、阿爾塔米拉洞窟壁畫、大麥地巖畫、拉文特巖畫、平圖拉斯河手洞壁畫、非洲大象巖刻、將軍崖巖畫等。 巖畫學家埃馬努埃爾·阿納蒂在《世界巖畫：原初語言》一書中提到：隨著智人技術水平的提高、抽象和感知能力的增強，促使了復雜語言和藝術的產生，而巖畫正是這種語言的一種記錄形式；目前所知的70%巖畫都是狩獵采集社會的作品，剩余30%是游牧和農耕時期的作品，在這些巖畫的結構中存在著共同的記憶和普遍性的認知模式。 巖畫是象形文字，是無文字時代的寫作，是人類隱沒記憶的見證。 可見，人類對世界的認知與表達是從圖畫開始的。 圖1. 遠古時代的巖畫人類造出文字之前，還經歷過“結繩記事”、“圖畫記事”等階段。 但隨著社會的發展，人類發生了“農業革命”，不再單純依靠狩獵為生，制造和使用工具更加嫻熟，剩余產品逐漸增加，社會組織逐步成熟。 這時，社會組織不斷產生大量的信息，除法令條紋外，還必須記錄各種交易、稅收、商品庫存、節假日以及打勝仗的日期等。 在此之前，人類雖然可以利用圖畫記事，但更多的還是用自己的大腦記錄信息。 隨著信息的大量產生，容易產生記憶過載，于是就有了文字。 象形文字是由原始的圖畫發展而來的。 由于社會的發展，加上圖畫效率低，難以滿足社會化需求，于是人們逐漸從圖畫中抽離出一個個元素，形成象形文字。 象形文字是一種最原始的造字方法，純粹利用圖形來作文字使用，而這些文字又與所代表的東西在形狀上很相像，圖畫性質減弱，象征性質增強。 蘇美爾楔形文字、甲骨文、古埃及象形文字、瑪雅文字都是獨立地從原始社會最簡單的圖畫和花紋產生出來的。 但象形文字也有很大的局限性，因為有些實體事物和抽象事物是畫不出來的，而且寫起來很慢又難讀懂。 圖2. 世界四大古文字隨著社會的進一步發展，文字也得到了很大的發展，在象形文字的基礎上逐步分化出“表音”和“表意”兩種文字。 文字是用來記錄和傳播語言的，而記錄和傳播只有兩種途徑，或“表音”，或“表意”。 就漢字來說，其發展脈絡大致是：結繩記事—圖畫文字—象形文字—形意文字—意音文字。 社會的發展，推動了文字的發展，使得人們在對事物的表達上可以更加豐富多樣，可以指事、象形、形聲、會意、轉注、假借。 人們對世界的認知和表達在廣度和深度上也都有了很大的延伸。 反過來，由于更多樣化的文字，人們能夠更加準確、生動、深刻、靈活地記錄下所見所聞和所思所想，加快了知識的傳播與傳承，推動了社會的大發展。 文字即使再豐富，也有難以突破的局限性。 文字需要理解，不能一目了然，對抽象事物及個體的表達，還不夠形象、到位。 因此，在出現文字之后的時代，許多文獻就以圖文結合的形式流傳下來。 例如，在1912年發現的伏尼契手稿中，字母和語言至今無人破解，但其中的植物、天體出浴美女等許多圖片，甚至出現了構造精致的精美圖案，一目了然，讓人驚嘆。 圖3. 伏尼契手稿二、發展篇：進入了“百花齊放、百家爭鳴”的時代計算機出現之前，人們已經能夠靈活地運用柱形圖、線圖、餅圖等基本圖表來展示數據，而且也衍生了很多新型、創意的數據圖表。 大家應該都知道南丁格爾（國際上以她的生日命名了護士節），但很多人應該不知道南丁格爾玫瑰圖（下圖）就是她創造的。 在克里米亞戰爭期間，南丁格爾通過搜集數據，發現很多死亡原因并非是“戰死沙場”，而是在戰場外感染疾病，或是在戰場上受傷，卻沒有得到適當的護理而致死。 為了解釋這個原因，降低英國士兵死亡率，她畫了這個著名的圖表，于1858年遞交到維多利亞女王手中。 (這么漂亮的圖表，想必女王一定很受感動) 圖4. 南丁格爾玫瑰圖世界著名的繪圖大師米納德，開創了許多重要的主題繪圖技巧，改良了其他技術。 他是首個把餅圖和地圖結合在一起的人，并將流線放入地圖中。 以下圖表是米納德最廣為人知的作品，被EdwardTufte認為是史上最杰出的統計圖。 它描繪了拿破侖的軍隊自離開波蘭－俄羅斯邊界后軍力損失的狀況，在一張圖中通過兩個維度呈現了六種維度信息：拿破侖軍隊人數、行軍距離、溫度、經緯度、移動方向以及時間－地域關系。 圖5. 拿破侖行軍圖計算機出現后，特別是互聯網的興起，人類社會以“摩爾定律”的速度，進入一個全新的時代，科學技術也得到了前所未有的革新與發展，同時也給人們帶來了很多新思維。 技術的進步，讓我們能夠采集到比以前多得多的信息，數據規模不斷成指數量級的增長，數據的內容和類型也比以前要豐富得多，改變了人們分析和研究世界的方式，也給人們提供了新的可視化素材，推動了數據可視化領域的發展。 與以前相比，數據可視化領域發生了很多的變化，得到了很大的發展。 1. 可視化的表現形式和場景更豐富在當今信息時代，信息出現了“泛濫”與“過載”，人們每天都受到各種信息的“轟炸”。 當我們打開網頁或手機APP時，首先進入我們視野的就是各種彈出的廣告信息。 這些信息從內容到形式，都經過了精心設計。 我們走在大街上，映入我們眼球的則是滿大街的廣告海報，還時常有人站在街邊向路人派發傳單。 我們不僅僅只從書上看到了可視化的圖表，還從海報、信息圖、PPT、數據產品、大屏等獲取到了大量的可視化信息。 圖6. 可視化的表現形式2. 可視化展現方式更多樣和靈活數據圖表是最常用的可視化元素。 除柱形圖、條形圖、餅圖、環形圖、線圖、散點圖、面積圖、雷達圖、K線圖、地圖等基本圖表外，現在也出現了更多新式的圖表，如山峰圖、雷達圖、氣泡圖、熱力圖、漏斗圖、樹圖、箱形圖、瀑布圖、河流圖、詞云圖、儀表盤、南丁格爾玫瑰圖、旭日圖、和弦圖、桑基圖、3D圖，等等。 另外，智慧的人們也常常創意性地將各種圖表混搭，例如下圖，地圖和餅圖、散點圖、柱形圖等搭配使用。 圖7. 各種圖表的混搭除圖表外，對圖片和圖標的靈活運用，使得可視化更加美觀、形象、貼切。 圖9. 圖標的靈活運用3. 從靜態到動態由于技術的發展，實時數據采集、實時數據傳輸以及實時數據計算得以實現，人們終于得以欣賞到數據的靈動之美。 以前人們只能看到事后數據形成的分析結果，看到的是數據的過去式，領略的是數據的靜態之美。 而現在，通過實時計算及數據可視化，人們可以知道“當前時刻發生了什么”，看到了數據的變化，看到了數據的動態之美。 4. 設計上更注重用戶體驗由“信息泛濫”引起“信息過載”，從而導致“信息焦慮”。 無論是風格、元素、配色、文字、交互上還是細節上，人們的可視化作品都越來越注重用戶的視覺體驗，希望能讓用戶一目了然，不多花一點兒時間去理解。 在設計風格上，從3D擬物化到簡潔扁平化再到擬物扁平化的發展變化，也在不斷地為用戶“做減法”。 三、原則篇：關于設計的四大原則“別忘了，你是為讀者進行可視化設計。 ” ——《數據之美：一本書學會可視化設計》所有的設計細節，都必須經過精心構思，都必須站在用戶角度來思考。 顏值高或者打扮好看的人，總能牢牢地吸引別人的目光，相反，衣著邋遢不修邊幅的人，卻往往是別人瞅一眼就嫌棄。 那些聰明的人，必然深諳這樣的秘訣：好看的PPT報告，總能在第一時間吸引受眾，再加上生動的演講，就會收到很多好評；廣告牌做得越好，就越吸引路人的注意力，越能讓路人記住，廣告效果也就越好。 當你看到別人的可視化作品時，你是否總覺得不好，但怎么也說不出到底哪些地方不好？如果你熟悉以下基本原則，就算不是一個專業的設計人員，你也可以快速看出哪里出了問題并提出非常中肯的建議。 如果你還能熟練運用這些原則，那你的可視化作品將煥然一新，更加專業、好看、有趣，也將收獲更多讀者的贊賞。 親密性（分組）在生活中，幾乎每件事都有邏輯，人們也喜歡遵循一定的邏輯去理解世間之事，例如時間先后、空間、因果、總-分-總等邏輯結構。 在做可視化設計的時候，我們所要表達的內容一定不能是一些無序呈現，這樣會給讀者造成理解上的混亂。 我們的可視化作品應當能夠遵循多數讀者所能理解的思維邏輯，將內容分成幾部分按順序一步一步地表達出來。 相同部分的內容，彼此相關，應當靠近，放在一起。 這樣閱讀起來才能被理解成為同一單元的內容，而不是多個孤立的不相關的內容。 不同部分的內容，應當明顯地區隔開來，例如上下部分內容之間用一空行隔開或者間距放大。 這樣有助于組織信息，減少混亂，為讀者提供清晰的結構。 圖10. 親密性原則對齊在版式布局上，任何元素的擺放，都可能會影響甚至主導用戶的視覺流程。 因此，任何元素都不能隨意擺放，否則會造成混亂，而混亂會令人不適。 對齊，使每個元素都與其它元素建立起某種視覺聯系。 對齊，也讓可視化作品更加清晰、精巧、清爽。 對齊，不僅包括左對齊、右對齊、頂端對齊、低端對齊，還包括水平居中、垂直居中、橫向分布、縱向分布，等。 圖11. 對齊原則重復/統一我們都有“先入為主”的“陋習”，當看到與之前不和諧不一致的東西，常感突兀，甚至本能抗拒。 因此，在可視化作品中反復使用一些視覺要素，建立上下文之間的聯系，增加條理性，保持視覺上的統一。 任何視覺元素都可以在同一作品中重復使用，例如顏色、形狀、材質、空間關系、線寬、字體、大小和圖片，等等。 圖12. 重復原則對比/強調在做可視化設計時，我們的初心是以圖文的形式把所要表達的信息清晰的傳遞給用戶，讓用戶一目了然，盡量不需要太多思考和理解。 為了達到這個目的，我們需要強調重點，弱化次要，避免作品中所有的元素看起來重要程度都是一樣的。 如果所有的東西都同等重要，那就相當于所有的東西都不重要。 圖13. 強調重點，弱化必要如果你想突出某些信息要點，那就讓對應的元素（字體、顏色、大小、線寬、形狀、空間等）與其它元素不相同，讓它們截然不同，讓用戶首先能夠關注到它們。 圖14. 對比原則表達，力求準確、到位、簡潔、易懂當用戶看到我們的可視化作品時，我們最好要保證所表達的信息能被用戶正確理解。 除使用上面幾個原則外，我們還要附加一些輔助信息，例如文字、箭頭等。 在可視化作品中，文字必不可少，但篇幅要加以控制。 文字的表達，要準確、到位、簡潔、易懂，要能引導用戶正確地理解圖表的意思，要能不引起任何歧義。 圖15. 表達，要準確、到位四、流程篇：要有數據可視化的正確姿勢沒有什么比親手創造美這件事更給人帶來成就感了。 當我們滿懷激動地開始數據可視化時，請不要馬上鉆入某個細節里，不要急著考慮用什么酷炫的圖表來展現，也不要糾結于用什么顏色、什么字體。 我們要有數據可視化的正確打開姿勢。 不同形式的數據可視化流程有所不同，這里主要講重要且相通的部分。 (一) 了解你的需求關于需求，在實現之前，一定要聽清楚做什么，想清楚怎么做，說清楚怎么做。 了解與分析數據可視化需求，主要圍繞以下幾點來展開：1. 看什么，即哪些內容需要可視化。 很少需求方能夠準確、全面地說出他們真正想要什么。 他們只能描述出大概的樣子，因此需要不斷引導他們以明確真正詳細的需求。 · 可視化的目的是什么，用戶是誰，在哪里看，什么情況下看，多久看一次；· 了解數據，看看有哪些指標，哪些指標可以直接取，哪些需要復雜計算，哪些可以實時，哪些只能離線；· 哪些指標必須展現，哪些指標不展現，哪些指標可展現可不展現；· 展現的維度有哪些，按時間、部門、地域、指標，看實時數據還是歷史數據；· 通過可視化，期望從中知道哪些信息，等等。 2. 誰看，即用戶是誰。 如果面對的是求真務實的老板，那可能需要側重于內容，追求邏輯的合理性和數據的準確性；如果是來訪參觀的貴客，那可能為了展示公司實力與形象而追求高大上的圖表設計；如果是不懂技術的業務人員，在可視化時可能需要避免過于技術性。 3. 在哪里看，即有哪些可視化形式。 一次性的工作匯報，可使用PPT，如果老板嫌棄做PPT太慢，可以直接用Excel，或者其它工具，如腦圖；如果為很多用戶提供周期性計算的指標數據，且滿足不同條件下的查看，那適合做一款數據產品或者可視化報表；向來訪的貴客介紹公司情況時，如果想給客人們提供一種賞心悅目的視覺享受，用大屏可視化數據再合適不過了；如果想給公司各部門同事普及知識、介紹成果、通知活動等，做一張可視化信息圖，并在線發布，圖文結合，有趣生動，既吸引更多讀者關注，提升閱讀體驗。 4. 什么情況下看。 “第一印象”肯定是重要的。 用戶“第一眼”感覺不好，當然就沒有了然后，就不會有“第二眼”、“第三眼”，也就不會再往下看了。 所以，要帶給用戶“第一眼”足夠良好的視覺體驗，就要多想想用戶會在什么場景下去看你的可視化作品。 例如，打開手機，多數情形下，用戶只會根據標題有選擇地瀏覽少量文章，因此，取一個生動、有趣、亮眼的標題，比普通標題更有視覺沖擊力，會讓你的文章從眾多內容中脫穎而出，贏得更多用戶點擊閱讀。 圖16. 取一個有吸引力的標題例如，在企業內部（特別是人多的公司），海報、信息圖形式的內容，每天都大量地以郵件地方式群發給各部門人員，或活動通知、或展現成果、或宣傳典型，等等。 每個員工都“信息過載”，只能閱讀少量的信息。 除標題要吸引人外，還需要注意用戶打開郵件的實際場景。 不少用戶打開這種群發郵件時，常常是下面的情況，一堆的收件人，一堆的抄送人，這已經占據了有限電腦屏幕的一部分，剩下的部分就是點擊某個郵件時出現的正文內容的部分。 因此，在這一區域完整顯示出標題（以及內容摘要），才能吸引用戶往下看。 圖17. 多想想具體的場景（二）可視化設計可視化設計是最重要的環節。 只有做好這一環節，后面的事情才會變得簡單順暢。 1. 梳邏輯我們在閱讀時，只要遇到稍微難懂的知識，基本上會本能地第一時間選擇退縮，不再看下去。 之所以覺得難懂，最主要是因為邏輯不清晰給我們帶來理解上的困擾。 邏輯就像一棵樹的樹干，如果我們只見樹葉不見樹干，就會迷失方向。 因此，在可視化設計前，一定要站在用戶的角度，梳理出清晰的邏輯結構。 這一步，想清楚怎么做，很重要，多花點時間也沒關系。 對于數據可視化來說，邏輯就是確定各部分的核心內容，以及內容之間的先后次序和關聯關系，即講什么不講什么，先講什么后講什么。 把邏輯設計得簡單一些，清晰一些，用戶就能越快明白你的“良苦用心”。 2. 定風格風格營造一種氛圍，驅動用戶沉浸式閱讀。 不同的風格，適合不同的用戶不同的場景，例如科技、學院、活潑、嚴肅、可愛，等等。 3. 排版式版式設計就是關于如何處理信息重點，因為在任何設計中，最重要的信息需要首先被注意到，然后是次要信息。 好的版式就像導盲犬，合理地對內容進行布局，適當地安排版式中的視覺流程，引導用戶第一時間看到最需要被關注的部分，暗示用戶“先看什么，后看什么”。 一般來說，可視化作品一般包括標題、正文、圖表、說明文字等要素。 版式就是基于上述提到的幾個原則，確定元素之間的層次結構，合理擺放這幾個要素。 4. 選圖表不是越酷炫的圖表就越適合。 這首先要看展現什么數據。 某些圖表只適合展現相應格式的數據。 其次，也需要對展現數據的圖表進行個性化定制，包括樣式、風格、顏色、字體，使之契合上下文語境，也讓圖表更有溫度。 不要將就而選擇默認設置的圖表，不要做那個“Mr.差不多”或“Ms.還行”。 如果將默認設置的圖表放在可視化作品中，總是顯得那么突兀和不協調。 另外，對默認設置的棄用，可以強迫自己不斷精進，不斷提升可視化的能力。 5. 調細節對單個部分的可視化設計，并不能完全保證整體上的和諧一致。 因此，回到整體，根據前面提到的幾個原則，發現細節問題，對某些細節進行調整，使之整體上保持一致。 例如，各部分視覺元素之間保持對齊，如標題、正文、圖表等；在配色、字體或其它細節上，各部分要盡量做到統一；各部分之間要有明顯的區隔，等等。 （三）指標計算巧婦難為五米之炊。 有數據，才能談數據可視化。 數據的獲取、整合、計算，會占用大量的時間。 這一部分工作是相對獨立的。 但需要注意的是，模擬數據和真實數據是有區別的。 根據模擬數據設計的圖表，一定要用真實數據展現與驗證，驗證圖表與真實數據的契合程度。 例如下圖，模擬數據展示的圖表中各部門之間存在明顯的差異，但改為用真實數據展示時，卻“看起來感覺都一樣”，這時候就需要調整圖表的設置，凸顯視覺上的差異。 圖18. 用真實數據驗證可視化的效果指標的計算過程，這里略去不講。 （四）前端開發數據產品、大屏的可視化實現，還需要前端開發。 理論上來講，只要設計出的圖表，就一定能在前端實現。 但這個可能會受到前端開發人員的技術水平和展現工具的限制。 所以，可視化設計有時候需要尋求一種關于設計與實現之間的平衡。 可視化設計人員最好事先有所評估，采用復雜圖表設計之前最好與開發人員溝通探討實現的可行性。 五、工具篇：你會用Excel設計圖表嗎？Excel是最常用、最基本、最靈活且最應該掌握的圖表制作工具。 可以說，大多數圖表樣式都可以用Excel畫出來。 如果你認為用Excel畫不出來某種樣式的圖表，有可能是你還未掌握Excel的高階技巧。 Excel展現的圖表是靜態的，且支持的數據量比較有限。 所以，如果是企業級的動態數據展現，還需要借助專業的大數據可視化工具。 專業可視化工具有很多，大致可分為三類：企業級專業可視化工具、輕量級在線可視化工具、編程式圖表工具。 企業級專業可視化工具ECharts 是國內使用率非常高的開源圖表工具，可以流暢的運行在 PC 和移動設備上，兼容當前絕大部分瀏覽器，底層依賴輕量級的 Canvas 類庫 ZRender，提供直觀、生動、可交互、可高度個性化定制的數據可視化圖表。 ECharts 3 中更是加入了更多豐富的交互功能以及更多的可視化效果，并且對移動端做了深度的優化。 是最好的開源數據可視化工具庫。 運行在JavaScript上，并使用HTML、CSS和SVG。 使用數據驅動的方式創建漂亮的網頁。 可實現實時交互。 這個JS庫將數據以SVG和HTML5格式呈現，所以像IE7和8這樣的舊式瀏覽器不能利用功能。 Tableau是一款企業級的大數據可視化工具。 Tableau 可以讓你輕松創建圖形，表格和地圖。 它不僅提供了PC桌面版，還提供了服務器解決方案，可以讓您在線生成可視化報告。 服務器解決方案可以提供了云托管服務。 輕量級在線可視化工具BDP個人版，類似Tableau的在線免費的數據可視化分析工具，不需要破解、不需要下載安裝，在線注冊后就能一直使用，操作很簡單，只需要拖拽。 支持幾十種圖表類型，也支持制作數據地圖（自帶坐標糾偏）。 除可視化之外，BDP還有數據整合、數據處理、數據分析等功能。 網絡圖說，基于ECharts，在線圖表制作工具，采用Excel式的操作方式制作樣式豐富的圖表，圖表自定義的選項很豐富，使數據呈現的方式更加美觀個性，易分享傳播。 文圖主要用在你要出一份包含文字說明的報告時使用，提供幾個確定好風格配色的主題供選擇，讓整個報告風格統一、簡潔美觀！文圖能夠良好地適配移動端。 但文圖的排版不是很好用。 創客貼，在線平面設計工具，簡單，快速，輕松完成在線設計，據說是2016最好的在線設計網站。 編程式圖表工具對于掌握編程語言的程序員來說，設計新穎、令人驚艷的數據圖表也可以通過代碼來實現。 Python有很多具有畫圖功能的包，如matplotlib、Seaborn、ggplot、Bokeh、pygal、Plotly、Geoplotlib、Gleam、missingno、Leather，等等。 R語言提供了很多數據可視化工具包，例如ggplot2、ggthemes、ggmap、ggiraph、ggstance、GGally、gganimate、ggradar、ggTimeSeries、ggseas、lattice、rgl、ggvis、htmlwidgets、leaflet、dygraphs，等等。 類似提供強大繪圖編程功能的語言還有PHP、HTML、JavaScript、CSS等。 六、技巧篇：刻意練習是提升可視化技能的唯一途徑不斷練習，不斷精進提升數據可視化技能的唯一途徑就是在理解可視化設計原則和方法論的基礎上，不斷練習，不斷精進。 除此之外，還要有點完美主義。 技巧在于平時的積累。 多觀察，生活中看到好的設計，多想想為什么人家設計那么好，讓你忍不住多看幾眼。 看到不好的設計，多想想到底哪里不好。 看到好看的圖表，看到別人介紹的小技巧，動手做一做。 技巧太多，這里不做展開細講。 “去設施傾向”“這是章北海看到的另一個以前很少有人想象到的現代技術特色——去設施傾向。 這種傾向在地球上還只是初露端倪，但‘去設施化’已成為比地球世界更先進的艦隊世界的基本結構。 這個世界到處都是簡潔空蕩的，幾乎見不到任何設施，只有在需要時，設施才會出現，而且是在任何需要的位置出現。 世界在被技術復雜化后，正在重新變得簡潔起來，技術被深深地隱藏在現實的后面。 ”——《三體》科幻小說《三體》里面的這段話，給了我們提示。 當我們做分析和可視化數據時，如果不用選項框和菜單欄時，應該隱藏起來，用到時才打開。 另外，也盡量讓所使用的軟件最大化。 這樣可以讓內容信息展現在最大的視野區域內，這樣有助于讓我們從中獲取更全面的信息，指導我們下一步做正確的決策。 圖19. 限的視野區域，信息最大化顏色不宜過多，配色要合理我們在可視化設計時，最好不要使用超過三種以上的主色調。 顏色過多，無形中會分散用戶的注意力，使得用戶無法聚焦。 顏色的搭配要合理。 大自然是最好的色彩家，可以借鑒大自然的色彩搭配。 另外，如果你第一眼看到別人的設計，感覺很舒服，賞心悅目，那也可以借鑒作品中的色彩搭配。 相信你的直覺，至少你的身體不會欺騙你。 圖20.顏色不宜過多，配色要合理 圖21.從生活和自然中學習配色技巧
伴隨著ui的受歡迎，很多人剛開始挑選學習培訓ui設計方案，針對沒有基本的人而言，學習培訓ui有一定的
難度系數，可是要是勤奮，肯堅持不懈，一定能夠學好的。下邊我梳理了一些基本信息，供大
家參照！
有關UI設計怎么樣學的難題，我覺得應該是讓人而異的，假如你用心勤奮好學學好是不會太難的，
但假如你僅僅想學來玩下就很難說了。
大部分人學習培訓ui設計方案分成二種狀況，分成通過自學和找UI設計培訓學校二種方法。通過自學必須
一定的基本和資源，還須要方案，要有強力的自控能力和任勞任怨的精神實質，終究學習培訓的過
程毫無疑問會碰到困難，而自控能力不強的人毫無疑問會急于求成！
學習培訓ui設計方案也要制定一個方案，而且要遵照下列幾類標準:方案要行之有效，不必好
高務遠。如果你能堅持不懈天天學習，UI一定能學精；要有頑強的恒心，每日都學習培訓，不
由于一些事而耽擱了學習培訓。 假如哪一天的工作中沒有進行，第二天一定要補上。
近些年，UI設計師的要求便快速提高，乃至出現井噴式之勢，殊不知，歲月如梭，現如今UI設計領域又發生了很大的轉變，乃至出現許多不好的觀點。 有些人說UI設計領域泡沫塑料極大，發展方向無法預估。 并且很多UI設計師都找工作難，高薪職位也是無從說起，這一新起行業發展趨勢已無發展前途可談。 實際上，并不是UI設計領域難找個工作，只是公司對UI設計師的規定提升 了，從文憑及其領域工作經驗上邊要看的較為緊，漸漸地從規定專業能力遷移到專業能力上邊，UI設計師由于綜合工作能力較差而錯過工作中機遇的捫心自問。 據相關法律法規單位統計分析，UI設計優秀人才空缺達十五萬，考慮公司要求的出色室內設計師屈指可數。 可以看出銷售市場對UI設計師的需要量是很充裕的，為何找工作難，你迫不得已好好地考慮到下，你是不是如今技術性已不能滿足公司對UI設計師的新規定。 現階段中國很多從業UI設計工作人員都并不是科班，有一部分是以頁面美工設計，廣告設計改行而成，欠缺對UI設計標準的深入了解和專業能力學習培訓，綜合性水準較弱也在意料之中。 如今公司對UI設計師任職要求較為高，最先必須提高自己各層面的工作能力，才可以考慮公司要求。 物聯網技術時期已將來臨，新起的智能家居產品如智能電視機，智能手環，智能駕駛，智能家居系統等，都對客戶體驗和UI設計擁有 極大的要求，這種是UI設計領域史無前例的境遇，行業發展前景可以說一片光輝。
在快速發展的技術洪流中，我們HTML5研究小組肩負著撰寫一本緊跟時代步伐、更新迅速的HTML5技術書籍的重任。 面對W3C尚未正式發布的2014年標準，用戶和企業已迫不及待地投入HTML5懷抱，促使其廣泛應用。 微軟等巨頭也在調整策略，如IE9雖提供支持但并不完美。 HTML5的魅力和潛力被廣泛看好，它預示著技術革命，將深刻影響生活、工作和學習。 我們的目標是，即使存在風險，也要通過普及和推廣，讓廣大讀者能理解和學習HTML5，探索其可能帶來的變革。 本書面向的讀者包括網頁設計師、初學者、高校計算機專業學生、網絡培訓學員、桌面應用開發者以及對Web應用感興趣的各類人士。 書中不僅提供了技術案例和構想，還分享了我們對HTML5標準的思考，旨在引導讀者深入理解并引發思考。 全書共分7章，內容覆蓋從HTML5新語義標簽到Web App開發的全方位知識。 首章通過HTML5新元素和小網站構建，介紹基礎架構和開發規范。 第二章則深入CSS3，提升視覺效果。 第三章著重于HTML5的API，如Web App，展現其在各領域的潛力。 Web App被視為HTML4和HTML5的分水嶺，HTML5在諸多功能上實現了突破。 第四章深入探討Canvas 2D技術。 第五章聚焦手機瀏覽器應用開發。 第六章結合WebSocket講解實例，并引入環境。 最后一章討論了瘦服務器策略、云概念以及計算能等前沿概念。 附錄部分整理了早期的標簽、屬性和事件變化，以及如何處理框架和術語，還提供了WebGL和CSS模塊的參考資料。
筆者是前端小白一枚，在往前端頁面重構方向學習成長中，今天花了一天時間學習相關的文章在這里集合一些關于重構基礎概念和成長建議，希望能對想了解和學習頁面重構的同學有所幫助文章中提到的相關文章均說明鏈接地址，利于說明文章來源，也方便讀者深入探討抱著學習的態度看這些文章，我也希望能夠在文章中加入自己學習的一些想法，歡迎大家評論探討/*==========================正文分割線=========================*/學前端的小白第一次聽到頁面重構會問，前端工程師和重構工程師有什么區別？那么下面在知乎上的問題可以讓你有一定的理解前端工程師和網頁重構工程師二者有什么區別和聯系？來自 【前端開發工程師】的工作內容是使用 JavaScript、ActionScript 等語言編寫客戶端腳本，實現動態效果。 比如：AJAX 提交文章評論、通過本地存儲保存用戶歷史瀏覽記錄等等。 偏開發。 【網頁重構工程師】的工作內容是通過編寫 CSS、合理化頁面結構來實現頁面效果和提升性能。 比如：對頁面進行微數據處理和SEO、頁面樣式統一等等。 偏設計。 前者的重點在 JavaScript、ActionScript，甚至 iOS、Android客戶端程序；而后者的重點在 HTML、CSS、SEO 等。 兩者技術重疊度很高，在阿里巴巴、淘寶和支付寶沒有這樣分工，均稱為【前端開發工程師】，上面的技能都要懂。 而在騰訊，WOYO 等公司有明確的分工，但據我所知，以上技能他們也都懂的。 對于兩者的區別，我沒有專門考究，僅聽朋友云云和自己的理解，希望能幫到你。 作者：吳釗鏈接：來源：知乎著作權歸作者所有。 商業轉載請聯系作者獲得授權，非商業轉載請注明出處。 我有寫過一篇關于這兩者的對比1、頁面重構需要具備足夠的耐心，反反復復；js工程師要不重復自己。 2、頁面重構需要了解設計師的想法；js工程師需要了解后端工程師的想法。 3、頁面重構偏藝術，需要想象力；js工程師偏程序，需要邏輯思維。 4、頁面重構要關注css3，用代碼實現各種效果；js工程師要關注html5，了解新的js api。 作者：周文彬鏈接：來源：知乎著作權歸作者所有。 商業轉載請聯系作者獲得授權，非商業轉載請注明出處。 /*======================分割線========================*/看完了知乎上的回答，你可能會覺得回答的內容有些抽象，那到底重構是做什么的？頁面重構師頁面重構師，從事的工作簡單的說就是“將設計稿轉換成web頁面”，工作內容可以簡單到直接把PSD從PS里導出成網頁，也可復雜到需要考慮頁面中每個標簽的使用，考慮“頁面性能”。 單純的頁面重構，所涉及到的工作內容一般是“分析設計稿=>切圖=>寫HTML和CSS”，雖然看起來很少，但要做好這份工作，絕非所想的那么容易。 原因很簡單：工作內容單一，在時間和工作量上必會很苛刻，往往跟設計師的工作時間是3:1，即設計師給三天的時間，制作只給一天的時間完成；在這種工作強度下，很多人都是靠著對這份工作的喜愛在維持著，一旦工作熱情消失，很容易就會變得枯燥，保持熱情也成了重構工作者（也許是所有參加工作的人）應該具備的能力。 重構不單是做出頁面，而是做出好頁面：1.結構完整，可通過標準驗證2.標簽語意化，結構合理3.充分考慮到頁面在站點中的作用和重要性，并對其進行有針對性的優化一、設計稿的分析——對設計稿的分析能力1. 能分清設計稿中的公共與私有的部分2. 在1的基礎上對各部分的實現方式有一個初步的方案（包括如何切圖、寫結構、寫樣式）3. 在1的基礎上，準確的給出各部分的實現方案（包括如何切圖、寫結構、寫樣式）4. 在3的基礎上，能同時考慮方案的擴展性、復用性及頁面性能（包括如何切圖、寫結構、寫樣式）5. 在4的基礎上，考慮整站的結構分布（包括文件分布、目錄結構）上面這些都是在還沒開始動手制作之前所要做的。 二、切圖切圖是指將設計稿切成便于制作成頁面的圖片。 都有個誤區，覺得切圖就是把圖片切出來，其實并不完全是這樣，還包括把切出來的圖片合并到一起，怎么切、從哪切才能將性能最大化，說“切圖是一門藝術”完全不為過。 切圖也可以劃分成幾個階段：1. 切成所需要的圖片（如何將需要的部分切出來）2. 在1的基礎上，對切出來的圖片進行一些優化（包括壓縮文件大小、選擇圖片類型）3. 在2的基礎上，規劃切出來的圖片（包括文件分布）4. 在3的基礎上，考慮整體的性能（包括合并圖片、壓縮文件大小）三、HTML和CSS的編寫HTML和CSS的編寫是指將上面完成的內容，通過HTML和CSS的編寫，將設計稿轉換成WEB頁面最重要的一塊，也是我們所要重點掌握的內容，把它們放在一起，是因為它們相互的關聯性太強，HTML的寫法會影響到CSS的寫法，它又可以劃分成下面幾個階段：1. 還原設計稿視覺效果，并通過標準驗證（HTML）2. 在1的基礎上，實現多瀏覽器的兼容（HTML）3. 在2的基礎上，標簽語義化（HTML）4. 在3的基礎上，選擇較優的實現方式（包括模塊化結構，方便程序腳本使用，HTML和CSS）5. 在4的基礎上，考慮到擴展性、復用性和可維護性（HTML和CSS）6. 在5的基礎上，考慮到整站的樣式分布（包括如何實現分布）7. 在6的基礎上，樣式寫法的優化（包括技巧的應用）還有一點是對所遇到問題的解決能力，這一點在不同的階段都可能會遇到，所以沒有寫到上面。 如果你已經達到或超過3、4、5，恭喜你，你已經是一個職業的“頁面重構工作者”了。 為了我們自身的發展，關注新技術、技術創新、提高用戶體驗、審美觀、程序腳本的實現方式等，也是十分必要的。 大家一起進步吧。 來自 /*========================分割線========================*/頁面重構的工作內容你已經知道了， 那么你還有一個很重要的方面要注意，那就是與網頁設計師的溝通配合干貨！網頁設計與重構那些事兒另一個話題：與重構有關的，有時候設計師也不斷的抱怨頁面仔做出的頁面沒有設計稿上的好看，不是間距大了就是間距小了，不是字體小了就是字體大了，不是圖片壓縮的太厲害就是壓根圖片切少了，或者動畫也不是我們想要的效果。 。 越到這些我不能全怪他們，我們也有責任，畢竟他們不是設計，但是我個人的觀點是重構需要一些PS技巧或設計理論，在設計師沒有時間走查頁面的時候也能輸出比較高質量的頁面。 市面上大大小小的瀏覽器幾十種，常見的大致也有十來種，由于每個瀏覽器自身渲染頁面的差異，并不是同一個頁面在所有瀏覽器上看到的都一樣，我大致用90%的還原度來衡量吧，也可能有些設計師要求重構100%還原，那我表示那位重構相當苦逼，保證頁面跟設計稿90%一致，有不少工作需要設計師和重構共同參與的，比喻設計師在時間允許的情況下做好標注，哪個地方多少像素，用什么顏色值，高度是多少等標注在頁面上。 重構者不關關注代碼本身，也可以跳出代碼看看視覺表現層，如果確實對幾像素看不出來，可以截圖放在psd上做對比，這個方法很容易自己發現問題，成本也比較低。 在表格做網頁時期，圖片和圖標幾乎都是單個的，加載一張圖片就是一次http請求，服務器就要讀取一次，頻繁的讀取再加上大量的用戶不斷的訪問，很可能讓服務器承受不起而掛機。 因此需要盡可能的減少http請求，合并背景圖是一個很有效的辦法。 通常背景圖的輸出質量百分比可以調在60-80%，對比較重要的icon、圖片可以調為100%輸出高質量圖片。 在網頁加載過程中，或因為網速原因圖片暫時沒有加載出來而出現短時間空白，建議給該區域預先定義好背景色，以提示用戶該區域是有內容的。 鼠標停在圖片上時，適當的添加title或者alt，以方便用戶在圖片加載失敗時可以知道這張圖片是干什么用的。 按需加載，異步加載，類似蘋果官網上很多地方用到了異步加載，好處是提高主要頁面的加載速度，用戶需要的時候才加載其他附件頁面。 少用CSS濾鏡，現在應該很少人用了，基本都是采用優雅降級或提示用戶升級瀏覽器。 網站上線前壓縮CSS和JS文件，注意記得備份。 我喜歡用這個詞，雖然自己并沒有達到代碼優雅，做到代碼優雅還需要不斷的努力，一些細節足夠讓專家看到你是否具備職業化素養，這里就不班門弄斧了，還是看圖吧~原文地址：站酷作者：@Lerroyli 騰訊MIG無線研發部網頁美術設計師/*======================分割線===================*/張鑫旭大大則是在他的博文中引入了門派的觀點，文章非常長。 在學習過程中也經常能搜到張鑫旭大大相關博文，每一篇文章都特別有張鑫旭獨特文風，作為一個前端入門者，在此表示深深的感謝強烈建議能看到這里的讀者可以去拜訪張鑫旭大大的原版博文，相信讀者會對重構有一個更深的理解。 在這里截取部分文末作者寫文的初衷和希冀。 CSS頁面重構之“門派”之分五、CSS頁面重構“門派”意識與包容心為何要提出“門派”這個概念，我想我希望大家都能以一顆包容的心態對看到其他同行的CSS代碼以及頁面重構方式。 就拿上面QQ校友按鈕與自適應按鈕的例子舉例吧，可能有些同行在使用某一個按鈕時發現這個按鈕的虛框不對稱，可能心中就會暗想，這個網站或者這個頁面制作人員不重視細節，離我還是有些差距的；可能有喜歡自適應按鈕的同行看到QQ校友或是其他很多網站定寬按鈕時，會暗想，這些網站的前端技術真是不咋地，按鈕一點重用性都沒有。 最后的結果可能是相互鄙視與不屑。 其實大可不必，我是體會到了一顆包容的海納百川的心態對于自身的成長非常的重要。 千萬不要拿著自己的那套準則趨評判別人的代碼，去指手劃腳。 您站在直線的A點，怎么能輕易的就明白B點處所包含的思想呢。 我們應該做的是以一顆開放的心態去看待別人您目前看似不屑的代碼與頁面重構方式，并從中學習到新的東西。 這種心態決定了我們成長的高度。 我們要一直保持饑渴的狀態，不要固守自己的那套東西，靈活，吸收與變化。 所以，您要是發現某個頁面某處在IE6下有3像素的偏移，不要輕易斷言，這里是個bug，這個頁面工程師火候不夠。 或許是這個工程師更看重的頁面擴展性與CSS代碼的數量，對這種一般用戶根本不會注意的問題，其沒有必要再寫一個hack去解決；您要是看到頁面上的按鈕將文字也作為圖片切進去了，不要覺得這個工程師功力不夠，覺得這樣子按鈕毫無重用性，或許人家更看重的是視覺體驗，寧可多做幾張圖，多幾個按鈕，也要有更好的視覺體驗效果。 六、實用指導意義雖然沒有明確的“門派”的概念，但是實際上，CSS界確實有隱性的“門派”之分的。 知道這個也是有一定的實際意義的，例如在找工作的時候，（個人觀點，僅供參考），如果您要進入騰訊公司，要清楚騰訊公司寫頁面更看重的是什么，作為一個頗具規模的大互聯網公司，其流程規范等都已經相對非常成熟了，前輩們繼承下來的東西不是你所能左右的，您所能做的就是代碼風格也頁面重構思想要與之相符。 如果您固守你自己那一套，比如說將擴展性與重用性放在首位，對于體驗尤其是兼容性（各個瀏覽器一致）放在次席的話，到頭不幸的肯定是你自己。 你需要就是對其產品頁面的CSS代碼（命名，風格）以及HTML重構思想進行一番研究。 對于大公司，說句可能不對的話，中規中矩地寫你的CSS代碼，這往往反而是最好的。 要是，以后，我羽翼漸豐，有幸能夠面試他人的話，我更看重的將會是對方的CSS與HTML代碼的重用性與擴展性是否足夠高，CSS代碼是否足夠簡潔，性能是否足夠高，對于所謂的兼容性（也重要）不是最先決的條件。 此時，您的代碼與頁面要是方方正正，規規整整，就像是磚頭房子一樣，我一定會把你劈掉的。 我要是流水般的頁面布局。 來自 /*======================分割線===================*/以下節選引用白樹在前端早讀課公眾號上的文章，希望對入門前端的同學有所幫助白樹——博客園：如何學習前端記得群里有人問我現在開始學習前端還來得及嗎，種一棵樹最好的時間是十年前，其次是現在，想做什么就馬上去做，并堅持下去。 對于剛步入前端的同學來說，最重要的應該是學習『基礎』知識，像CSS、JavaScript的基礎原理看多幾遍也不會過時，最好找兩本書系統的學習或者上網找教程如w3school在線教程，然后如我前面提到的找項目或者做demo去實踐，將知識轉化為經驗，并堅持下來，這種學習方式最簡單，進步也最明顯。 有的同學說工作忙沒有太多時間學習，其實可以擠出來，例如我通常會利用每天上班前和下班后的時間，大概有一個鐘在公交或地鐵上，看書或者拿著手機學習，特別是早上上班那段路上，學習效率會很高。 我們知道現在前端的水很深，為了解決各種業務問題，提高生產效率，技術創新特別快，那么具備快速的學習能力是你的核心競爭力之一，并不意味著你每樣新技術都要學，應該根據公司的業務需求選擇適合的框架，其它的了解下，用到時再學習也不遲，更何況使用新框架的學習門檻不會太高，容易上手，這點上看，剛步入前端的新人是特別有優勢的，至于想要掌握它的深沉原理，需要花費很多的功夫去學習，這個階段你可能達到資深工程師的高度。 每個人的學習方法可能對自己進步很大但不適合別人，人都是獨一無二的，要結合自己的生活習慣，通過實踐中思考，找到屬于自己的方法。 在學習的過程中，遇到問題是怎么解決的？在組內有個畢業生妹子，有一次問我3D旋轉動畫的問題，在說完簡單原理后我想把發個例子給她參考，她拒絕了，說要自己思考怎么做，我笑著給她點贊。 學習遇到問題懂得『獨立思考』去解決是一項最基礎的能力，這種能力完全可以培養并形成習慣，不管是在哪個行業工作，對個人的提升大有幫助。 很可惜，我在博客或者群里見過很多剛步入前端的同學，遇到問題就馬上提問，甚至是要求提供現成的demo。 思考后解決不了問題可以網絡或谷歌，例如stackoverflow，需具備一點英語能力。 實在解決不了再上群等方式『提問』，可以參考張鑫旭寫的《如何提問才能進階成為前端大神》分割線===================*/如何做一個好的前端重構工程師來自 作者: smallni 來源: 騰訊TGIDEas 發布時間: 2013-01-05 16:58從專業角度：明確的自身定位目前國內將前端分為重構和JS開發的并不多，雖然PS是重構必用的一個軟件，但要知道重構不是切圖仔，切圖只是重構工作內容的一部分。 我們沒有理由因為自己是重構，而不去學習其他技術，因為你知道你不會干一輩子的重構，JS不能丟，同樣的對前端新技術要熟知。 重構頁面時應該把大部分的時間花在頁面模塊的抽離、性能優化、易維護性、易用性的探索上，而應該花最少的時間去代碼實現。 也許你寫出來的頁面有百萬級的用戶在使用，這里可能有障礙用戶，所以你要考慮各種用戶的感受與體驗，而不僅僅是局限于代碼的完成度上。 注重前端基礎技能前端的基礎知識就像一個房子的地基，如果地基打不好，一旦遇到一點地震可能就會倒。 同時也像一個城堡的各扇門，哪邊的門造的不好，敵人的槍火就可以馬上攻破，所以打好基礎是前端學習更多知識的基石。 CSS屬性的特性、html標簽的語義化、JS的基礎知識、W3C的規范（塊格式化上下文、層疊上下文、框模型等），這些可以多花點時間去學習和鞏固，做到能正確合理的使用某個前端技術方案。 正確對待前沿技術互聯網發展日新月異，前端技術更新也很快，當我們在學css2時，css3已經風靡全球，當我們在學css3時，css4已經被提上了日程。 前端的路上永遠學無止境，所以在某項新技術誕生時，就需要我們正確的去審視。 在做好自己本職工作的同時，保持一顆學習的熱情，新技術可以嘗試使用，但請先一定了解為什么要用這個新技術？使用這個技術能為我們帶來什么改進？在前端技術上，永遠沒有最好的技術方案，只有最合適的技術方案。 最新的不一定是最好的，舊的也不一定是差的，切忌盲目跟風學習新技術，要知道自己正在學的是否能夠學以致用。 (筆者注：其實更多的時候并不是某項新技術，技術早就誕生，只是一個新的前端解決方案或標準被推動出來了，如CSS3其實在2003年就誕生了）更好的溝通能力我們每天可能要和開發、產品、設計、交互、測試等不同的人打交道，所以這就需要我們有一個更好的溝通協調能力，注重一個更好的溝通技巧，減少溝通上的成本。 一切以用戶的價值為依歸，這也正是互聯網行業所需要的一種理念，在與其他同事溝通時除了真誠待人以外，還需要多為用戶去考慮：我們真的需要這么做么？有選擇的參加技術論壇如果自己呆在一個小公司，前端人也不是很多，沒有一個很好的氛圍，那么這時我們就只能通過兩種方式來拓寬人脈：網絡和論壇。 網絡如QQ群、藍色理想等，而面對面的論壇無疑是最真實的一種拓寬人脈的方式。 其實現在國內大的環境下，前端類的技術論壇我自己都數不過來，這時有選擇的參加一個論壇顯得尤為重要，而不該不管自己懂不懂、免費還是收費什么論壇都去參加，其實適合自己的是最重要的。 關注瀏覽器廠商10年前，IE統治了大半個地球，如今，其他的各大瀏覽器廠商已擠進全球化份額爭奪戰，最離不開前端的就是瀏覽器，關注瀏覽器廠商的動作與格局可以讓你擁有前瞻性的視角。 一些瀏覽器廠商的開發者庫：微軟的MSDN，火狐的MDN，谷歌的開發者庫，歐朋（Opera）的開發者庫。 另外可以關注下各瀏覽器廠商的推廣活動，火狐中國會在每一次推出新版本時有體驗活動，微軟的最新的IE10推出時國內也有推廣活動，可以了解這些新版本瀏覽器的特性以及對css3\html5的支持性如何。 更多的承擔和分享在平時更多的去承擔一些額外的工作，譬如在重構團隊的協作規范、編碼規范上提出自己的一些合理化建議，輸出一些利于其他同事更快、更高效提升的文檔。 平時在自己工作遇到了一些好的工作方法或者對一些新技術的研究可以拿出來和大家分享。 重構的團隊氛圍很重要，誰都不希望呆在一個整天只管自己寫代碼的團隊，那樣不管對于個人還是團隊都是不利的。 更多的思考與總結思考指的是意識流，具體是我們在重構過程中的想法和理念，怎么想決定了我們怎么做。 作為重構，很多人拿到設計稿之后就是開始埋頭切圖，用各種奇技淫巧實現各種需求，我們甚至不會在拿到設計稿之后仔細的做一下分析：如何做一個合理的架構、如何抽取合適的模塊、如何用更優雅的方式和輕量的代碼實現頁面中的需求。 也許是目前大的環境下在催促著我們不斷的向前跑：各種前端論壇大多數都在講某個技術，糾結于某一技術細節的實現，講爛掉的性能優化，可很少有人去講該如何合理的選擇一個前端解決方案，如何解決重構中遇到的一系列不同場景中的問題，以及最重要的我們自己的職業生涯思考：我們是準備寫一輩子代碼么？總結也叫review，是復習、回顧的意思，review對于重構來講，顯得尤為重要，定期的項目回顧能夠發現項目中存在的問題從而規避以后再次出現。 當然項目回顧是一方面，更重要的是代碼層面的review，不定期的review可以促使我們在一些代碼的細節把控方面做的更優雅，review除了可以提高代碼的品質外，還能加強團隊的協作精神，以及提高團隊的整體技術能力。 顯然這是一件非常有意義的事。 團隊成員可以在一起review大家的代碼，發現每個人身上的不足和亮點，不然我們真的是只管埋頭自己代碼的苦逼代碼仔了。 從生活角度：保持閱讀的熱情網絡的信息是碎片化的，在我們沒有很好的梳理碎片能力的時候，一本實物書籍對于慰藉我們的心靈顯得尤為重要。 有時生活、工作會讓人壓的喘不過氣來，這時，我們需要去尋找一種方式去釋放壓力，嗯，閱讀是一種很好的方式。 堅持一項運動愛好自己的工作方法，梳理好需求的優先級，預留出一定的時間來放松自己，這個放松一定要讓自己的筋骨活動開，可以是去打打羽毛球，或者去跑步，再或者去健身。 只有讓自己的身體變得強大起來，才有更多的能量值去砍怪升級。 保持樂觀的生活態度善于
接下來給大家解釋一下：
這個圖要從下往上看，為何？——因為下面是上面的基礎；
內容聲明：
1、本站收錄的內容來源于大數據收集，版權歸原網站所有！
2、本站收錄的內容若侵害到您的利益，請聯系我們進行刪除處理！
3、本站不接受違法信息，如您發現違法內容，請聯系我們進行舉報處理！
4、本文地址：http://m.sycxjdsbhs.com/article/d2d3a3aec6af084637f9.html，復制請保留版權鏈接！
Flash素材網是一個提供大量免費Flash素材的網站，它擁有各種各樣的素材，例如人物、背景、道具等等，可以幫助動畫制作人員快速輕松地創建動畫，Flash素材網的功能海量素材，Flash素材網擁有超過100萬個免費Flash素材，涵蓋各種主題和風格，可以滿足不同動畫制作需求，高品質素材，所有素材均由專業設計師精心制作，確保高質量和精美...。
最新資訊 2024-09-30 19:39:05
引言進程管理是系統運維中至關重要的任務，通過了解和使用各種進程管理工具，可以有效地監控、控制和管理系統中的進程，從而確保系統的穩定性和性能，入門級工具ps提供進程信息的命令行工具，常用選項，A，顯示所有進程，e，顯示所有環境變量，f，顯示完整格式，top實時顯示系統進程和資源使用情況的交互式工具，常用快捷鍵，h，顯示幫助，o，按...。
技術教程 2024-09-27 21:17:14
什么是Alpha測試，Alpha測試是一種軟件測試，在軟件開發過程中早期進行，重點是發現錯誤、缺陷和性能問題，它通常在內部進行，由開發團隊之外的受控用戶組執行，Alpha測試需要用戶嗎，是的，Alpha測試需要用戶參與，用戶參與對于以下方面至關重要，真實世界反饋，用戶提供來自真實世界環境的反饋，幫助開發團隊了解軟件在實際情況下的表現，...。
本站公告 2024-09-25 03:00:37
行距是指相鄰文本行之間的間距，合適的行距可以提高可讀性，特別是在閱讀大段文本時，行距太窄或太寬都會затрудняетпрочтение，影響可讀性，以下是對比不同行距效果的表格，行距可讀性默認行距良好行距太窄較差行距太寬較差根據表格，我們可以看出默認的行距，通常為1.5倍字母高度，提供了最佳的可讀性，太窄的行距會使文本顯得擁擠，難...。
互聯網資訊 2024-09-23 03:45:24
log2函數在概率和統計學中得到了廣泛的應用，因為它提供了將變量值轉換成更易于解釋和比較的形式的一種方法，信息論log2函數在信息論中應用最為廣泛，香農熵，一個衡量信息不確定性的指標，定義為，H，X，=，∑，p，x，log2，p，x，其中X是隨機變量，p，x，是X取值x的概率，log2底數的使用使香農熵以比特為單位表示，互信息，兩...。
互聯網資訊 2024-09-17 05:40:24
SurfaceChanged是Android游戲開發中用于檢測屏幕表面變化的一個重要函數，它能夠在屏幕方向、尺寸或格式發生改變時通知開發者，這對于確保游戲在所有設備和條件下都能流暢運行至關重要，SurfaceChanged的原理SurfaceChanged函數是SurfaceHolder類的回調方法之一，SurfaceHolder是一...。
本站公告 2024-09-14 20:55:04
鼠標是游戲玩家必不可少的工具，優化它的靈敏度和設置可以極大地提高你的游戲體驗和性能，本文將深入探討如何優化鼠標代碼，讓你充分發揮鼠標的潛力，實現極致的游戲體驗，了解鼠標代碼鼠標代碼是游戲引擎中的一組命令，用于控制鼠標的光標在屏幕上的移動，這些命令通常包括以下方面，DPI，每英寸點數，鼠標每移動一英寸的點陣數，靈敏度，鼠標指針移動與實...。
最新資訊 2024-09-10 13:22:09
簡介貪吃蛇是一款經典的街機游戲，在C語言中實現它是一個有趣的挑戰，這個項目旨在探索游戲設計和編程原理，通過開發一個貪吃蛇游戲來實踐它們，游戲設計游戲目標貪吃蛇的目標是吃掉地圖上的所有食物，同時避免撞到自己或墻壁，游戲機制蛇由一系列連接的方塊組成，頭方塊可以上下左右移動，當蛇頭方塊吃掉食物時，蛇的長度增加一個方塊，食物在隨機位置重新生成...。
互聯網資訊 2024-09-09 23:02:03
概覽本教程將指導您使用Informix中的動態SQL和存儲過程來提高您的函數編程技能，這些技術將使您能夠創建動態、可重用和高效的函數，動態SQL動態SQL允許您在運行時構造SQL語句并執行它們，這為您提供了創建通用函數的靈活性，這些函數可以接受可變參數并針對不同的數據動態生成SQL，創建動態SQL函數要使用動態SQL，您需要創建具有D...。
本站公告 2024-09-08 09:43:57
隨著HTML5的出現，HTML代碼的標題元素發生了巨大的變化，引入了一個新的標題級別，hgroup，，同時還增強了現有級別的語義和靈活性，這些變化為web開發人員提供了前所未有的標題定制和組織選項，讓他們的網站更具吸引力、用戶友好且易于訪問，標題元素的演變HTML4，標題元素為到，HTML5，新標題元素hgroup被引入，現有元素獲得...。
本站公告 2024-09-07 04:28:13
安陽，一座有著悠久歷史的古城，流傳著許多令人津津樂道的傳說，其中，關于狐仙作祟的故事更是廣為流傳，至今仍為人們所津津樂道，相傳，在安陽市區的一座名為，狐仙廟，的廟宇中，供奉著一尊狐仙神像，這尊神像據說有著顯赫的身世，相傳是當年姜子牙封神時，封的一只九尾狐妖，這只九尾狐妖在奉神之前，曾為禍人間，禍害無窮，被姜子牙封神后，才收斂了妖性，成...。
互聯網資訊 2024-09-05 04:55:44
在現代社會，手機已經成為人們生活中不可或缺的伙伴，挑選一個合適的手機號碼，許多人會考慮號碼后四位的吉兇，以下是一些常見的吉兇預測方法，以及挑選旺運電話號碼的技巧，1.手機號碼后四位相加，將號碼前兩位與后兩位分別相加，例如，若前兩位和后兩位均為12，如5775、3939、4857等，，這通常被認為是大材小用，可能消耗掉個人的好運，2.手...。
技術教程 2024-09-02 05:55:27