大神說的目標：Vue 挑戰(zhàn)20k+

組件間通信

component 官網(wǎng) 詳解

組件間的傳遞方式：

• 父傳子 直接屬性傳遞
• 子傳父 this.$emit 時間傳遞兄弟組件 利用父組件搭橋
• 組件和子孫 provide / inject
• 子孫 -> 祖先 this.$dispatch 或provide 獲取組件元素實例
• $listeners $attrs //很少用
• 沒有明顯關系 event-bus 或者 vuex
• 仿造element-ui 的k-form

K-form -K-form-itemK-input

查看vue源碼的路徑

vue源碼 -> package.json -> build->config.js->web-full-esm.js

溫馨提示：任何功能，都要使用源碼級別

ssr 思考ssr問題

1.項目有兩個入口 web server

2.解決問題首屏渲染，和seo問題

1.兩個入口路由的統(tǒng)一

2.vuex 的數(shù)據(jù)統(tǒng)一

3.報錯的統(tǒng)一

4.css 的統(tǒng)一

1.大部分ssr 都考慮到了

5.同構就是把瀏覽器解析vue的計算，放在了服務器上，所有收評出來完成dom，加大服務器的壓力

6.高流量，怎么辦

1.降級成csr。 （手動配置，服務器性能監(jiān)控閥值，服務端渲染報錯）

2.負載均衡 加機器

補充：SSR 和CSR是什么

SSR：Server side render 將組件或頁面通過服務器生成html字符串，再發(fā)送到瀏覽器，簡單理解下來，發(fā)了一個請求，服務器返回的不是接口數(shù)據(jù)，而是一整個頁面的HTML結構，再結合界面之前定義的CSS把頁面展示出來；VUE 服務器渲染文檔 。

CSR：Client side render通過接口請求數(shù)據(jù)，前端通過JS動態(tài)處理和生成頁面需要的結構和頁面展示

Vue 權限

1.頁面的權限

1.路由淶源，路由分成兩個數(shù)組

1.固定的路由，和權限無關

2.權限路由addRoutes 動態(tài)添加頁面，動態(tài)路由表

3.通過配置 path,compontent,meta,{role:’admin’.’user’,’boss’,’sales'}

4.路由守衛(wèi)token來判定

2.按鈕層級的權限 （利用自定義指令）

另外老師介紹了一下利用二進制流的方式去判斷文件的后綴

利用md5校驗分片上傳

1.切片

2.通過前端切片md5校驗文件是否傳遞過后段

3.并發(fā)數(shù)控制，以及失敗后的自啟動

vue 怎么能夠凸顯出來自己的實力

任何一個需求或者框架都能分級，分出10k、20k、30k、40k...你自己的亮點，i比別人強的地方，讓面試官愛上你的地方

Vue api使用，其實沒啥亮點

原理源碼上的升級：vue的vdom和react的vdom有啥區(qū)別

業(yè)務復雜、流量大了之后的解決方案

文件上傳

10k :axios.post + 進度條 + 拖拽+粘貼

15k:斷點續(xù)傳，其他大數(shù)據(jù)量

20k:計算md5的優(yōu)化，web-worker 切片hash

25k:切片上傳的并發(fā)數(shù)，并且某個切片的報錯，允許重試3次

30k:文件切片大小如何和網(wǎng)絡速度匹配，彩英TCP的慢啟動邏輯

vue原理

面試造火箭、工作寧落實，很常見的

算法和數(shù)據(jù)結構的理解：

vdom樹形結構、

keep-alive，lri緩存的設計(鏈表)

設計模式k-form 策略模式實現(xiàn)

軟件工程

干貨：前端萬變不離其宗，真正核心是：算法 網(wǎng)絡協(xié)議 操作系統(tǒng)

總結

以上是生活随笔為你收集整理的antd vue form 手动校验_参与《开课吧》vue训练营笔记(Day1)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內容還不錯，歡迎將生活随笔推薦給好友。