原创 inline-block元素高度爲0，父級仍被撐起
背景 最近遇到一個問題，在 div 元素下插入一個 iframe 元素，寬、高、邊框都設置爲0了，但 div 還是被撐起了一個高度。 <div style="background: orangered;"> <ifram
2020-06-13 23:19:43
原创 vue 中使用防抖函數組件
初級 1、先寫好防抖函數 /** * @desc 防抖函數 * @param {需要防抖的函數} func * @param {延遲時間} wait * @param {是否立即執行} immediate */ expo
2020-06-13 23:19:43
原创 JS設計模式——享元模式
什麼是享元模式？ 享元模式（Flyweight Pattern）是一種結構型設計模式。從字面意思理解就是共享對象的模式。如果系統中出現大量相似度高，狀態變化小的對象，可以嘗試重用現有的同類對象來減少內存使用，達到性能優化。 在享元
2020-06-13 23:19:43
原创 V8引擎不同版本對 await 處理方式差異
最近看了下 JS 異步編程的發展史。這是其中一篇文章：JavaScript 異步編程。 在文章中發現有個例子的異步執行順序和我自己執行的不一樣。 先貼出測試代碼： async function async1(){ cons
2020-06-13 23:19:43
原创 大數據之路讀書筆記
總述 人類正從IT時代走向DT時代 1、數據採集層 數據從生產業務端到大數據系統的傳輸 2、數據計算層 離線計算平臺和實時計算平臺 數據整合和管理體系 作用：構建統一、規範、可共享的全域數據體系，避免數據的冗餘和重複建設，
2020-06-13 23:19:43
原创 一鍵複製網頁中的表格功能
實現方式 function copyTable() { const table = document.getElementById('table') const range = document.createRa
2020-04-23 01:17:34
原创 iframe高度引發探索
背景 最近遇到一個問題，在 div 元素下插入一個 iframe 元素，寬、高、邊框都設置爲0了，但 div 還是被撐起了一個高度。 <div style="background: orangered;"> <ifram
2020-03-30 03:41:09
3
原创 JS設計模式——裝飾器模式
什麼是裝飾器模式？ 裝飾器模式（Decorator Pattern）允許向一個現有的對象添加新的功能，同時又不改變其結構。這種類型的設計模式屬於結構型模式，它是作爲現有的類的一個包裝。 實例 拿最近比較火的吃雞遊戲（絕地求生：大逃
2020-02-27 15:35:23
原创 JS設計模式——工廠模式
什麼是工廠模式？ 工廠模式（Factory Pattern）是創建型設計模式。在工廠模式中，我們在創建對象時不會對客戶端暴露創建邏輯，並且是通過使用一個共同的接口來創建對象。 簡單工廠模式 假如有一個屏幕生產工廠，生產各類屏幕。每
2020-02-21 11:21:26
原创 JS設計模式——Mixin模式
什麼是 Mixin 模式？ Mixin 模式屬於結構型設計模式。正如字面意思，就是爲了在一個類中能夠混入另一個類的某些方法，以較低的複雜性達到複用的目的。甚至可以用來間接實現多繼承。 實例 在 JS 中，我們利用對象原型來實現 M
2020-02-21 11:21:26
1
原创 JS設計模式——外觀模式
什麼是外觀模式 外觀（Facade）模式是屬於結構型模式，通過提供外觀的包裝隱藏系統的複雜性。 火箭發射系統很複雜，但真正使用它的人，可能就需要一個按鈕，讓它發射就好。那麼發射按鈕就隱藏了啓動程序及發射系統的複雜性。 我們用的各種
2020-02-21 11:21:26
原创 JS設計模式——原型模式
什麼是原型模式？ 原型模式屬於創建型模式。是基於現有對象模版，通過克隆的方式創建新的對象。 解決什麼問題？ 比如定義一個 person1 的對象 const person1 = { name: 'zkk', age: 18,
2020-02-21 11:21:26
原创 JS設計模式——命令模式
什麼是命令模式？ 命令模式（Command Pattern）是一種數據驅動的設計模式，它屬於行爲型模式。請求以命令的形式包裹在對象中，並傳給調用對象。調用對象尋找可以處理該命令的合適的對象，並把該命令傳給相應的對象，該對象執行命令
2020-02-21 11:21:26
原创 從機器學習談起
原文鏈接：https://www.cnblogs.com/subconscious/p/4107357.html 在本篇文章中，我將對機器學習做個概要的介紹。本文的目的是能讓即便完全不瞭
2019-10-25 19:19:04
原创 Vue中使用debounce防抖（ts）
一、抽象組件使用方式 1、封裝抽象組件（debounce.js 文件） import Vue from 'vue' const debounce = (func, time, ctx, immediate) => { let
2019-09-26 18:04:21
30