原创 WebPack4接入TypeScript開發
接入TypeScript 1、添加開發依賴 npm install --save-dev typescript awesome-typescript-loader source-map-loader 2、創建 tsconfig
2020-06-17 05:25:09
原创 自動生成changeLog
通過git commit 的信息生成changeLog 這麼做的前提是，我們的commit信息必須遵循公司的commit的規範。 快速上手 $ npm install -g conventional-changelog-cli $
2020-06-17 04:22:57
1
原创 React 組件根據數據動態渲染
數據驅動的UI界面 import React from 'react'; import * as componentLib from './components/index'; import {dataMap} from './d
2020-06-17 04:22:57
原创 我做面試官--我會問你那些問題
初級面試題目 如何讓兩個div並排排列 實現一個水平垂直居中佈局 position 的默認屬性是什麼 標準盒模型和怪異盒模型的區別 webpack分爲那幾個部分 A頁面在完成某件事後，要跳轉到B頁面，B頁面
2020-06-17 04:22:57
原创 我做面試官---你的簡歷咋就這麼多問題呢
最近在網上上收集簡歷，看的簡歷多了，真的是爲這些候選人捏把汗。作爲面試官，我自己看着你們的簡歷都無語，你說我還怎麼給你機會呢？ 下面就說說都有哪些問題吧： 1、文檔格式： 還有人用word發簡歷，這都什麼年代了，還用word，能不
2020-06-01 21:55:41
原创 【前端面試必會】---- 類型轉換 &隱式提升
類型轉換 & 隱式提升 最新的ECMScript定義了7種數據類型 原始類型 Booolean Null Undefined Number String Symbol 對象 Object 參考文檔 JS類型轉換（強制和自動的規則
2020-06-01 21:55:41
原创 構建前端npm包
參考文章 構建前端npm庫開發框架 看完整篇文章之後，我們會發現整個腳手架，最關鍵的莫過於webpack的配置文件，我們爲每個模塊配置loader，入口、出口。然後通過package.json的script，來配置執行不同webp
2020-06-01 21:55:41
原创 web頁面視頻播放器選型
視頻點播服務商選型 前言： 在構建公司官網時，需要展示公司的宣傳視頻，爲了保證流暢的播放效果，以及視頻封面，我沒有考慮將視屏部署在網站服務器上，而是考慮採用雲點播服務。之所以這麼做，就是考慮雲點播會有加速，播放更流暢，用戶體驗更好
2020-06-01 21:55:41
原创 結合面試題講解 async await
面試題在文章尾部，文章前半部分介紹原理。 首先，await 只能出現在 async 函數中。 1、async 的作用 async 函數負責返回一個 Promise 對象如果在async函數中 return 一個直接量， async
2020-06-01 21:55:41
原创 webpack原理分析
webpack原理分析 什麼是webpack 本質上，webpack是一個現代JavaScript應用程序的靜態模塊打包器(module bundler)。當webpack處理應用程序是，它會遞歸的構建一個依賴關係圖(depend
2020-05-06 06:04:51
原创 構建前端團隊的私有npm倉庫
有一點規模的團隊，都需要逐漸構建自己的npm包。現在有一個比較好的解決方案Sinopia，可以快速搭建和部署私有的npm服務器。 本文詳細記錄了我在搭建私有npm包時，遇到的問題，以及個人的思考。 1. 安裝Sinopia 安裝
2020-02-22 15:59:52
原创 二叉樹構造和遍歷
今天又看了一遍樹的操作，發現二叉樹的先序遍歷，中序遍歷，後序遍歷的原理竟然如此簡單。雖然以前也會，但是今天找到了更簡單的方法。 溫故而知新，很好。 /** * Created by BiuBiu_Jiao on 2018/3/
2020-02-22 15:59:31
原创 git bash 集成到 webStorm 中（IDEAPhpStormWebStorm適用）
將git bash 集成的webstorm中，用命令行操作git會更加方便。一直在找相關的方法，今天找到了，分享一下。平時開發離不開 git，windows 下一般會安裝 git bash。目前最順手的 IDE 應該是 JetBrains
2020-02-22 15:59:31
原创 vue實現autoComplete組件
需要掌握的技術點 1、採用mock服務器 2、實現下拉自動匹配，和其他列表的自動匹配 3、在輸入法輸入的時候，頁面的輸入框不監聽輸入法中的內容 研究方法： 1、查看開源代碼如何實現 2、記錄研究過程中的知識點 知識補充：
2020-02-22 15:59:31
原创 JavaScript溫故知新----splice、slice的區別
數組的操作方法中，我們們常用的有concat、splice、slice。 splice、slice這兩個方法，名字類似，但是方法差距比較大。 slice的英文意思是剪貼，功能是從數組中截取某一部分，作爲一個新的數組返回。 spl
2020-02-22 15:59:31