vuejs網易雲音樂實戰

A. 求推薦一下關於Web前端的相關資料！

一）前端基本功

前端相關的基礎知識

• 《HTTP/3 來了 ！未來可期》

• 《你可能已經忽略的 git commit 規范》

• 《手寫一個 WebSocket 協議》

• 《5000字解析：前端五種跨平台技術》

• 《一篇搞定移動端適配》

• 《Chrome DevTools中的這些騷操作，你都知道嗎？》

• 《Chrome 運行時性能瓶頸分析》

• 《當瀏覽器全面禁用三方 Cookie》

• 《無形中提高工作效率的 Chrome 插件》

• 《還分不清 Cookie、Session、Token、JWT？》

• 《你連 HTTPS 原理都不懂，還講「中間人攻擊」？》

• 《npm install 原理分析》

• 《不容錯過的 Babel 7 知識匯總》

• 《一文搞懂 Web 中暗藏的密碼學》

• 《解讀HTTP/2與HTTP/3 的新特性》

CSS

• 《那些不常見，但卻非常實用的 CSS 屬性》

• 《面試官：你可以用純 CSS 判斷滑鼠進入的方向嗎？》

• 《二營長，快掏個CSS出來給我畫個井字棋游戲》

• 《CSS 故障藝術》

• 《我寫CSS的常用套路(附demo的效果實現與源碼）》

• 《來自新時代的 CSS》

• 《你還不會 CSS 動畫？》

JavaScript

• 《誰說前端不需要懂二進制》

• 《你不知道的 Blob》

• 《Javascript常用的 60 余種工具方法》

• 《你可以這樣優化 if-else 代碼結構》

• 《JS 圖片壓縮的實現思路》

• 《一個簡潔、有趣的無限下拉方案》

• 《請你實現一個大文件上傳和斷點續傳》

• 《從 ES6 到 ES10 的新特性萬字大總結》

• 《JavaScript 手寫代碼無敵秘籍》

TypeScript

• 《通俗易懂的 TypeScript 入門教程》

• 《用 TypeScript 編寫 React 的最佳實踐》

• 《一文讀懂 JS 裝飾器》

• 《你真的懂 Promise 嗎？》

• 《Typescript 那些好用的技巧》

• 《Typescript 嚴格模式有多嚴格？》

二）前端框架、工具、庫

React

• 《用 TypeScript 編寫 React 的最佳實踐》

• 《2020 年你應該知道的 React 庫》

• 《5 個技巧助你編寫更好的 React 代碼》

• 《10個案例讓你徹底理解React hooks的渲染邏輯》

• 《組件演進史：從Mixin到HOC，再到Hook》

Vue

• 《1.1萬字從零解讀Vue3.0源碼響應式系統》

• 《重頭來過的 Vue 3 帶來了什麼？》

Nodejs

• 《一杯茶的時間，上手 Node.js》

• 《深入理解 Node.js 進程與線程》

Deno

• 《Deno 會取代 Node.js 嗎？》

• 《了不起的 Deno 入門教程》

• 《推倒 Node 重做，Deno 1.0 來了》

Webpack

• 《一文搞懂 Webpack 多入口配置》

GraphQL

• 《GraphQL-前端開發的利劍與橋梁》

• 《GraphQL 入門看這篇就夠了》

• 《前端工程師應該了解的 GraphQL》

VS Code
《動圖演示11個必備 VS Code 插件》

三）面試題精選

• 《高頻前端面試題》

• 《吐血整理！再來一打 Webpack 面試題》

• 《前端同學經常忽視的一個 JavaScript 面試題》

• 《如何輕松拿到淘寶前端 offer》

• 《三年大廠面試官：二面題》

• 《十幾道含答案的大廠面試題總結》

• 《如何答一道驚艷面試官的數組去重問題？》

• 《10 個 CSS 高頻面試題，你都會嗎？》

• 《經常被面試官考的 JS 數據類型知識你真的懂嗎？》

• 《面試須知：瀏覽器相關原理詳細總結》

• 《2019 大齡前端如何准備面試？》

• 《2018 大廠高級前端面試題匯總》

四）前端開發的職業修煉

• 《前端如何在項目中做出亮點》

• 《Facebook 前端技術棧重構分享》

• 《當前端基建任務落到你身上，該如何推動協作？》

• 《使用 docker 高效部署你的前端應用》

• 《關於前端學習路線的一些建議》

• 《各種場景喚起 App 的騷操作》

• 《Web 視頻播放前前後後那些事》

• 《你必須要注意的依賴安全漏洞》

• 《從 12.67s 到 1.06s 的網站性能優化實戰》

• 《網易雲音樂前端性能監控實踐》

• 《一個阿里前端工程師的成長之路》

• 《非常全面的前端協作規范》

• 《一名合格前端工程師的自檢清單》

• 《從 0 到 1 再到 100：搭建、編寫、構建一個前端項目》

希望對你有用，望採納~

B. 能用vue實現網易雲音樂的性別選擇嗎

其實可以用那個啊，去實現網銀營業的性別選擇的，因為前者跟後者是別一

C. 前端需要哪些知識

想要學好前端開發，有一份詳細的學習課程大綱必不可少。下面千鋒武漢Web前端小編給大家分享適合所有新手學習的大綱，相信有這樣一份學習大綱會讓你的學習之路更清晰。

第一階段：前端頁面重構

內容包含了：(PC端網站布局項目、HTML5+CSS3基礎項目、WebApp頁面布局項目)

第二階段：JavaScript高級程序設計

內容包含：1)原生 JavaScript交互功能開發項目、面向對象進階與 ES5/ES6應用項目、JavaScript工具庫自主研發項目)

第三階段：PC端全棧項目開發

內容包含：(jQuery經典交互特效開發、HTTP協議、Ajax進階與PHP/JAVA開發項目、前端工程化與模塊化應用項目、PC端網站開發項目、PC端管理信息系統前端開發項目)

第四階段：移動端項目開發

內容包含：(Touch端項目、微信場景項目、應用 Angular+Ionic開發 WebApp項目、應用 Vue.js開發 WebApp項目、應用 React.js開發 WebApp項目)

第五階段：混合(Hybrid,ReactNative)開發

內容包含：(微信小程序開發、React Native、各類混合應用開發)

第六階段：NodeJS全棧開發

內容包括：(WebApp後端系統開發、一、NodeJS基礎與NodeJS核心模塊二、Express三、noSQL資料庫)

第七階段：大數據可視化

內容包含：(大數據可視化化基礎與實戰、一、數據可視化入門、二、D3.js詳解、三、其他JS庫)

新手學習Web前端一定要好好打好基礎，因為我們是從零基礎開始學習的，所以基礎知識是至關重要的。學習Web前端的過程就是蓋樓房的過程，如果你基礎知識沒有學好，就等於一棟樓房的地基沒有夯實。後期的學習會難上加難。

千鋒武漢網站上有完整的前端教學視頻，從基礎到高級，知識點講授細致，真實項目練習。還有完整版學習路線圖。有需要的可以自己去下載學習試試。

D. webstorm格式化代碼時html代碼一行很長但是格式化不換行

webstorm的格復式化代碼只是對代碼的縮制進、空格這些做了調整，完整的一行代碼並不會換行。但是webstorm可以自行對代碼進行換行設置。具體操作如下：

方法一：

在代碼編輯窗口的左半部分右擊，可以看見有以下幾個選項，