一、vue公共元件的理想狀態是什麼樣子的？
1. 黑盒性，即除了你自己以外，其他的開發者在快速閱讀使用文件之後可以立刻上手，而不用關心你的內部實現；
2. 獨立性，即做好解耦，不與父元件有過多關聯；
3 自定義性，適當地暴露一些輸入介面或者方法給外部用於自定義，同時也要設定好這些屬性在外部未輸入時的預設值。
二、react官網建議的refs的使用場景，以及不建議使用的場景。
下面是幾個適合使用 refs 的情況：
2.觸發強制動畫。
3.整合第三方 dom 庫。
官網說的是避免使用 refs 來做任何可以通過宣告式實現來完成的事情。例如：避免在dialog元件裡暴露open()和close()方法，最好傳遞isopen屬性。
三、prerender(效能優化)
prerender是乙個重量級的選項，它可以讓瀏覽器提前載入指定頁面的所有資源。（預載入參考文章：
<linkrel
="prerender"
href
="/thenextpage.html"
/>
前端題目雜記
更多情況 參考 1 單行文字垂直居中 child 2 多行文字垂直居中 父元素使用display table和子元素使用display table cell屬性來模擬 子元素設定vertical align middle即可垂直居中 html 多行文字 多行文字 多行文字 多行文字 多行文字 多行文...
前端優化雜記
1 每個請求都需要經過解析，連線等過程，也是相當耗時的，所以儘量減少請求，該合併的合併。2 不要出現404，請求乙個不存在的資源，可能會導致較長時間的等待和阻塞，直到伺服器返回錯誤的資訊。3 不要出現重定向，重定向相當於發起雙倍請求，耗時又耗資源。4 指令碼一定放在樣式後面，最後放在body結束標籤...
搭建前端私有npm雜記
隨著前端隊伍越來越壯大，專案間共享 就變得尤為重要。常用的框架 類庫沒必要在每個專案都放乙份，團隊內部產出的公共模組也需要有合理的共享機制。現在，用npm管理前端 已經是業界趨勢。樓主嘗試用私有npm 資源管理系統的方式搭建起一套前端資源倉庫，用以在公司內部託管公共 並為開發環境提供 源。本文記錄一...