原创 rxjs最佳實踐
rxjs最佳實踐 RxJS是JavaScript中最流行的函數響應式編程（FRP）。每天都有很多人在項目中使用RxJS。大多數開發人員都知道常見的代碼精簡的最佳實踐，但RxJS的最佳實踐呢？當涉及到FRP時，你是否知道該做什麼和不
2020-07-05 02:14:26
7
原创 leetcode-js面試題 | 1.兩數之和
題目 給定一個整數數組 nums 和一個目標值 target，請你在該數組中找出和爲目標值的那 兩個 整數，並返回他們的數組下標。 你可以假設每種輸入只會對應一個答案。但是，數組中同一個元素不能使用兩遍。 示例: 給定 nums
2020-06-27 14:52:49
原创 js事件循環機制和ui渲染 | 前端面試經典
js事件循環機制和ui渲染 事件循環 任務隊列 所有的任務可以分爲同步任務和異步任務，同步任務，顧名思義，就是立即執行的任務，同步任務一般會直接進入到主線程中執行；而異步任務，就是異步執行的任務，比如ajax網絡請求，setTim
2020-06-27 01:18:47
原创 【ng-alain】解決sf設置了visibleIf的字段，默認執行required驗證
利用 validator 參數： // @delon/form schema: SFSchema = { properties: { money:{ type:'string',
2020-06-27 01:18:47
原创 css技巧 | 如何設置粘性頁尾
一個 CSS 技巧，如何使用 Flexbox 佈局將網頁的頁尾始終放置在窗口最底部。 <body class="Site"> <header>…</header> <main class="Site-content">…<
2020-06-27 01:18:47
原创 TypeScript 變量後跟感嘆號代表什麼？
let x!: number[]; initialize(); x.push(4); function initialize() { x = [0, 1, 2, 3]; } 假設我們沒有在 x後面加上感嘆號，那麼Typ
2020-06-27 01:18:47
原创 js數據結構之雙向鏈表doublyLinkedList
雙向鏈表圖示： 代碼實現（包含增、刪、遍歷方法）及示例： /** * 雙向鏈表節點 * 包含三個值: 當前節點的值和分別指向前後節點的鏈接 */ class Node { constructor(element) {
2020-06-17 10:27:12
原创 在Angular項目中引入pdf.js，解決電子簽名不顯示
以下是針對解決電子簽名不顯示的pdf預覽的方案： 將pdfjs相關源碼下載後，拷貝至項目目錄下，如src/asssets， 另外需要修改 pdf.worker.js中代碼，將以下代碼註釋： if (data.fieldType =
2020-06-09 23:34:06
46
原创 js防抖和節流的實現及使用
作用 防抖和節流是針對響應跟不上觸發頻率這類問題的兩種解決方案。 在給 DOM 綁定事件時，有些事件我們是無法控制觸發頻率的。 如鼠標移動事件 onmousemove, 滾動滾動條事件 onscroll，窗口大小改變事件 onre
2020-06-09 23:34:06
原创 css變量的常見應用
聲明變量 html { --brand-color: hsl(230, 80%, 60%); } .logo { fill: pink; /* fallback */ fill: var(--brand-color)
2020-06-09 23:34:06
原创 使用mac自帶服務器Apache
打開終端，開啓Apache: //開啓apache: sudo apachectl start //重啓apache: sudo apachectl restart //關閉apache: sudo apachect
2020-06-09 23:34:06
原创 react項目設置代理(proxy)
安裝http-proxy-middleware npm install http-proxy-middleware 在src下建立setupProxy.js文件 const proxy = require("http-pr
2020-06-09 23:34:06
原创 Angular | 已知字典表value值，反顯對應label
應用場景 在一些業務場景中，尤其是表單展示數據時，會包含一些存爲字典表的數據，比如地址信息等，後端接口如果只返回了key值，則需要前端通過調用字典表接口去查詢value值來反顯到表單上。 業務html: dictSrv.provi
2020-05-21 01:14:49
8
原创 數據結構Javascript實現 | 優先隊列 PriorityQueue
概念 優先隊列中的每個元素都有各自的優先級，優先級最高的元素最先得到服務；優先級相同的元素按照其在優先隊列中的順序得到服務。 優先隊列的出隊順序與入隊順序無關，和優先級有關。 圖示 代碼 優先隊列節點 class Node {
2020-05-18 12:40:21
原创 前端性能優化工具 - Lighthouse
Lighthouse是一個Google開源的自動化工具，主要用於改進網絡應用（移動端）的質量。目前測試項包括頁面性能、PWA、可訪問性（無障礙）、最佳實踐、SEO。Lighthouse會對各個測試項的結果打分，並給出優化建議，這些
2020-05-18 12:39:30