原创 Vue傳值方式

1. provide和inject實現祖先與後代組件傳值 /* 祖先組件 */ export default { //... methods: { test(val) { console.log("tes

原创 基於Vue的Upload組件實現

Upload組件基本實現 倉庫:https://gitee.com/aeipyuan/upload_component 前端 1. 組件結構 <template> <div class="uploadWrap"> <!--

原创 瀏覽器的進程和線程

1. 瀏覽器進程 概念:進程是操作系統分配資源的最小單位,每個進程之間有獨立的地址空間 瀏覽器中存在以下進程: 瀏覽器進程:負責頁面顯示、用戶交互、子進程管理等功能 渲染進程:將HTML、CSS、JS轉化爲可交互網頁,默認

原创 Keep-Alive組件的使用

使用場景 組件切換時緩存之前加載的狀態不會被銷燬,避免反覆渲染同時減少網絡請求 使用方式 使用keep-alive中的屬性include或exclude,根據組件name判斷 <keep-alive include="t

原创 459. 重複的子字符串 next數組

459. 重複的子字符串 給定一個非空的字符串,判斷它是否可以由它的一個子串重複多次構成。給定的字符串只含有小寫英文字母,並且長度不超過10000。 輸入: "abab" 輸出: True 解釋: 可由子字符串 "ab" 重複兩次

原创 HTML 5 ShareWorker

ShareWorker和Worker區別 worker:專屬線程,只針對當前運行環境(HTML 5 Web Workers) sharedWorker:共享線程,同源策略下,多個運行環境共用同一個線程,包括數據。 方法 star

原创 canva學習筆記

創建canvas 標籤 <canvas id="canvas" width="600" height="400">瀏覽器不兼容提示文本</canvas> js實例 let canvas = document.getEle

原创 6.21筆試小結

1. 進程與線程 進程是資源分配的基本單位 進程又擁有自己獨立的資源,系統每創建一個進程就會爲其分配一部分地址空間,由此進程與進程之間不會互相干擾 線程是程序執行的基本單位 線程與CPU資源分配無關,多個線程共享同一進程的

原创 axios和fetch的封裝

axios import axios from 'axios'; import qs from 'qs'; /* 全局默認 */ switch (process.env.NODE_ENV) { case 'producti

原创 最短路徑(javascript實現)

743. 網絡延遲時間 有 N 個網絡節點,標記爲 1 到 N。 給定一個列表 times,表示信號經過有向邊的傳遞時間。 times[i] = (u, v, w),其中 u 是源節點,v 是目標節點, w 是一個信號從源節點傳遞

原创 字典樹(js實現)

function TreeNode(val) { this.key = val; this.cnt = 1;//字符串佔用個數 this.isEnd = false; this.value = nu

原创 複雜鏈表的複製leetcode

複雜鏈表的複製 請實現 copyRandomList 函數,複製一個複雜鏈表。在複雜鏈表中,每個節點除了有一個 next 指針指向下一個節點,還有一個 random 指針指向鏈表中的任意節點或者 null。 示例1: 輸入:he

原创 十大排序算法總結(Javascript實現)

十大排序算法 複雜度: 不穩定的排序:“快選希堆” 1. 直接插入排序 枚舉一個元素分別與前面的元素比較,直到遇到比自己更小的 function insertSort(arr) { for (let i = 1; i <

原创 TCP與UDP學習小結

TCP六個標誌位: SYN – 同步(建立聯機) ACK – 確認 PSH – 傳送 FIN – 結束 RST – 重置 URG – 緊急 TCP通訊過程 1. 三次握手建立連接 客戶端發一個SYN握手包給服務端 服務

原创 Fiber學習

生成virtual DOM樹 bable轉換jsx的結果 let style = { border: "1px solid orange", margin: "5px" } let element = ( <div id="A