原创 九九、vue組件的依賴注入
子組件可以用this.parent訪問父組件的實例,孫子組件可以用this.parent訪問父組件的實例,孫子組件可以用this.parent訪問父組件的實例,孫子組件可以用this.parent.parent來訪問,那曾孫子組
原创 九二、node+cheerio爬蟲學習
爬蟲基礎 以http://web.itheima.com/teacher.html網站目標爲例,最終目的是下載網站中所有老師的照片: 發送http請求,獲取整個網頁內容 通過cheerio庫對網頁內容進行分析 提取img標籤
原创 一零二、Vue中自定義emoji表情包
最近有需求要在後臺管理支持自定義的emoji輸入,記錄一下開發過程。1. 表情包命名2. 定義表情包符合3. 編寫emoji組件4. 頁面中使用5. emoji展示 1. 表情包命名 表情包數量太多,命名到手抖 推薦使
原创 九八、vue15種組件通訊(傳值)
vue15種組件通訊1. props2. $emit3. vuex4. attrs和listeners5. provide和inject6. children7. $refs8. $root9. .sync10. v-slot1
原创 一零一、JavaScript的數組操作合集
JavaScript的數組操作合集1.扁平化n維數組2.去重3.排序4.最大值5.求和6.合併7.判斷是否包含值8.類數組轉化9.每一項設置值10.每一項是否滿足11.有一項滿足12.過濾數組13.對象和數組轉化14.數組的並集,
原创 一零九、react常⻅組件優化技術
componentWillMount:組件掛載之前執行,只執行一次 componentDidMount: 組件渲染完成,只執行一次 =============================================
原创 一零零、Promise.resolve()詳解
Promise.resolve等價於下面的寫法 有時需要將現有對象轉爲 Promise 對象,Promise.resolve方法就起到這個作用。 Promise.resolve('foo') // 等價於 new Promise
原创 八十、Taro使用簡介(Taro 是一套遵循 React 語法規範的 多端開發 解決方案---微信/百度/支付寶/字節跳動小程序、H5、React-Native 等)
GitHub demo 1. Taro 1.1. 介紹 官網 開發文檔 Taro 是一套遵循 React 語法規範的 多端開發 解決方案。由京東的凹凸實驗室團隊於 2018-09-18 歷時 3 個月正式發佈。taro 的目標
原创 一一一、算法與數據結構
React組件通訊鏈表鏈表的創建以及增刪改查操作 鏈表 鏈表的創建以及增刪改查操作 /*======定義結構======*/ let node = function(element) { this.element = elem
原创 八三、前端自動化-PM2一鍵部署
PM2一鍵部署 http://pm2.keymetrics.io/ PM2是node進程管理工具,可以利用它來簡化很多node應用管理的繁瑣任務,如性能監控、自動重啓、負載均衡等,而且使用非常簡單。 好處 無需通過手工或是ftp
原创 七三、vue ssr nuxt.js 使用簡介
1. Nuxt.js服務器端渲染 學習目標 瞭解Nuxt.js的作用 掌握Nuxt.js中的路由 掌握layouts、pages以及components的區別 能夠在Nuxt.js項目中使用element-ui 掌握Nuxt.j
原创 三五、Git上傳代碼(上傳、下載、修改賬號、生成SSH公鑰)
##配置git(第一次用) 配置用戶名 : git config --global user.name “你的名字或暱稱” 配置郵箱 : git config --global user.email “你的郵箱” 查看配置信息:
原创 一一零、前端代碼優化
JavaScript 判斷優化 if( falg ){someMethod()} // 優化後 if( falg ){ someMethod()} if( code === '202' || code === '203
原创 一零八、react Hooks
Hook是React16.8⼀個新增項,它可以讓你在不編寫 class 的情況 下使⽤ state 以及其他的 React 特性。 Hooks的特點: 使你在⽆需修改組件結構的情況下復⽤狀態邏輯 可將組件中相互關聯的部分拆分成
原创 一零七、React組件通訊
React組件通訊1 props2 props 升級版3 Provider,Consumer和Context4 EventEmitter5 路由傳參6 onRef7 ref8 redux9 MobX10 flux11 hooks1