原创 《Vue.js 設計與實現》讀書筆記 - 第14章、內建組件和模塊

第14章、內建組件和模塊 14.1 KeepAlive 組件的實現原理 KeepAlive 一詞借鑑了 HTTP 協議。 KeepAlive 組件可以避免組件被頻繁的銷燬/重建。本質是緩存管理,再加上特殊的掛載卸載邏輯。 卸載時將組件放入另

原创 《Vue.js 設計與實現》讀書筆記 - 第10章、雙端 Diff 算法

第10章、雙端 Diff 算法 10.1 雙端比較的原理 上一章的移動算法並不是最優的,比如我們把 ABC 移動爲 CAB,如下 A C B --> A C B 按照上一章的算法,我們遍歷新的數組,然後定下第一個元素 C

原创 LeetCode 407. 接雨水 II (優先隊列)

參考 優先隊列的思路解決接雨水II,逐行解釋   從最外圈開始不斷向內遍歷,如果內部的高度小於外部的高度,則證明該位置可以蓄水,否則不能,水會順着該外圈流出去。 每次都處理外圈高度最小的那個位置 a,遍歷它的四周。 如果它旁邊的某個位置 b

原创 LeetCode 218. 天際線問題 (掃描線+優先隊列)

掃描線+優先隊列 https://leetcode-cn.com/problems/the-skyline-problem/solution/tian-ji-xian-wen-ti-by-leetcode-solution-ozse/ 先把

原创 el-table 寬度自適應bug

和 flex 一起使用的時候會有這個問題。只能自動變寬不能自動變窄。 在  flex-grow:1;  的那一層設置  overflow: auto; 

原创 用 JavaScript 刷 LeetCode 的正確姿勢【進階】

之前寫了篇文章 用JavaScript刷LeetCode的正確姿勢,簡單總結一些用 JavaScript 刷力扣的基本調試技巧。最近又刷了點題,總結了些數據結構和算法,希望能對各爲 JSer 刷題提供幫助。 此篇文章主要想給大家一些開箱即用

原创 Vue 可拖拽組件 Vue Smooth DnD 詳解和應用演示

本文發佈自 https://www.cnblogs.com/wenruo/p/15061907.html 轉載請註明出處。 簡介和 Demo 展示 最近需要有個拖拽列表的需求,發現一個簡單好用的 Vue 可拖拽組件。安利一下~ Vue Sm

原创 LeetCode 1819. 序列中不同最大公約數的數目(數論)

題目描述 給你一個由正整數組成的數組 nums 。 數字序列的 最大公約數 定義爲序列中所有整數的共有約數中的最大整數。 例如,序列 [4,6,16] 的最大公約數是 2 。 數組的一個 子序列 本質是一個序列,可以通過刪除數組中的某些元

原创 Vite2 如何設置打包後文件名

vite.config.js build: { rollupOptions: { output: { entryFileNames: `assets/[name].${timestamp}.js`, c

原创 原生CSS、HTML 和 JavaScript 實現酷炫表單

一直使用 Vue/React ,習慣了用組件,偶爾想用原生三劍客寫點 Demo 發現樣式醜的不忍直視。最近看 掘金小冊《玩轉CSS的藝術之美》看到 CSS 相關的內容,發現原生 CSS 也可以把表單處理的很好看。 效果:   完整代碼:

原创 在 Node.js 中使用 ES6 模塊 import 和 export

1、Node版本 >= 13 2、使用 ES6 模塊 a.js export const A = 'A'; index.js import { A } from './a.js'; console.log(A); 3、創建 pac

原创 待填坑 [LeetCode] 730

window.fetch eventsource (服務端推送) pipe loading 加載條 樹狀數組 [LeetCode] 730 Vue 源碼:響應式、模板編譯、nextTick、keep-alive 項目-你畫我猜 項目-UI

原创 LeetCode 1000. Minimum Cost to Merge Stones (區間 DP)

根據寒神題解 https://leetcode.com/problems/minimum-cost-to-merge-stones/discuss/247567/JavaC%2B%2BPython-DP 題意: 每次可以把連續 K 堆石頭合

原创 LeetCode 730. Count Different Palindromic Subsequences (區間DP)

題意 給一個字符串S,求它所有子序列中不同非空迴文串的數量。字符串由 'a' 'b' 'c' 'd' 四個字母組成。   由於題目要求的是不同迴文串。 abba 的迴文串子序列爲 a,b,aba,abba 其中 aba 只能算一次。   最

原创 Vue Cli 創建項目在 GitHub 部署 history 路由模式

1、修改打包路徑 在 vue.config.js 中添加  publicPath  配置,其中 teambition-vue 是你項目的 github 名字。否則會找不到資源。 module.exports = { ...