原创 帶你體驗Vue2和Vue3開發組件有什麼區別

我們一直都有關注和閱讀很多關於Vue3的新特性和功能即將到來。但是我們沒有一個具體的概念在開發中會有如何的改變和不一樣的體驗。還有一些童鞋已經開始又慌又抓狂了 – “又要開始學新的寫法了 (ノToT )ノ ~┻┻”。 所以這裏我

原创 js實現二叉樹根節點到所有葉子節點組成的路徑數字之和

思路:首先會用到的就是樹的遍歷,其次爲了得到每個路徑的數字之和,需要對每次遍歷完的結果進行保持,於是會用到遞歸的思想。 // 測試數據如下: var root2 = { val: 1, left: {

原创 實現 element message 消息提示組件

提示組件UI樣式如下: 設計思路: element message消息提示是方法的方式觸發:this.$message({}); 本質上還是組件,故需要將組件轉化爲方法的方式來使用 最後將方法掛載到 Vue prototype

原创 Vue彈窗組件的實現

彈窗組件包含內容: 彈窗遮罩層 內容層的實現(涉及slot、props、$on、$emit) 實現步驟: 搭建組件UI樣式,HTML、css實現遮罩層、內容區 編寫彈窗內容:通過組件slot插槽接收父組件傳遞過來的彈窗內容

原创 js之字形輸出二叉樹

/* 1 2 3 4 5 6 7 輸出:[[1], [3, 2], [4, 5, 6, 7]] */ // 主要思想就是二叉樹的遍歷 function prin

原创 js數據結構☞二叉樹遍歷

二叉樹結構 // 構造函數實現 function TreeNode(val) { this.val = val; this.left = null; this.right = null; } // class 實現 clas

原创 js object 深、淺拷貝

基本類型值 常見基本數據類型:string、number、boolean、undefined、null、symbol; 基本類型是按值來訪問的,從一個變量複製基本類型到另一個變量後,這兩個變量是完全獨立的,二者互不影響。 va

原创 js實現雙向鏈表

雙向鏈表 function DoubelLinkedList() { let Node = function (ele){ this.ele = ele; this.prev = null; this.next

原创 js實現基於數據的棧結構

棧: ,是一種遵循 後進先出(LIFO) 的特殊線性表結構,存在棧頂、棧底。 存儲上有: 鏈式存儲 和 順序存儲 兩種。 擁有方法如下: push(ele);      // 入棧,將一個或多個新元素添加到棧頂 pop();

原创 js實現單鏈表、單鏈表循環

鏈表 是一種物理存儲單元上非線性、非連續的數據結構。每個節點由數據域(存儲的數據值)和指針域(存儲的是指針信息指向鏈表的下一個或上一個元素)組成。正式由於指針的存在,鏈表在物理存儲上是非連續的。 特點: 添加、刪除節點效率高,只

原创 constructor 中爲什麼要調用super和傳遞props

來自官網中的一段代碼,入下: // 通過該方法將props傳遞到父類的構造函數中 constructor(props) { super(props); this.state = {date: new Date()}; }

原创 react 之 create-react-app 啓動命令 npm run eject

前言:使用 create-react-app 初始化 react 項目時: 初始化後項目文件只有: node_modules 是各個依賴存放的位置 public 用來存放靜態資源,其不參與構建 src 項目源碼文件,一般開發就

原创 JS中string值類型爲什麼會有length屬性、以及其他字符串方法 -- js包裝對象

前言 JavaScript數據類型包含兩種:基本類型(或原始類型)和引用類型; 基本類型的值是保存在棧內存中的簡單數據段,是按值來訪問的。有 String、Number、Boolean、Undefined、Null; 引用類型的

原创 Git Flow工作流的學習與理解

問題:Git flow workflow是什麼? Git:是一款開源的分佈式版本控制系統 Workflow:工作流,是指完成操作或辦公協作等操作時,要遵循的一套規範流程 Git flow workflow:使用 git 要遵循的

原创 Mac 的使用

之前一直使用的都是Windows系統,大都數情況下都是可視化的操作。第一次接觸Mac時,很多操作都會用到終端命令,有些不熟悉,導致很多流程時間開銷較大,在此,結合自己初次接觸,系統環境配置等的操作,做簡要總結。(PS:前端開發)