原创 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