原创 Vue3學習筆記(六)—— 作業

第一章:Vue 3.0 概述 1、選擇題 1.1、在MVVM設計模式中,Model代表的是_______。 A. 數據模型        B. 控制器       C. 視圖      D、監聽模型 1.2、在Vue中掛載點是在______

原创 Vue3學習筆記(四)——組件、生命週期

一、組件 如果我們將一個頁面中所有的處理邏輯全部放在一起,處理起來就會變得非常複雜,而且不利於後續的管理以及擴展,但如果,我們將一個頁面拆分成一個個小的功能塊,每個功能塊完成屬於自己這部分獨立的功能,那麼之後整個頁面的管理和維護就變得非常

原创 Vue3學習筆記(三)——模板語法、Class 與 Style 、ES6新增數組方法

一、模板語法 Vue 使用一種基於 HTML 的模板語法,使我們能夠聲明式地將其組件實例的數據綁定到呈現的 DOM 上。所有的 Vue 模板都是語法層面合法的 HTML,可以被符合規範的瀏覽器和 HTML 解析器解析。 在底層機制中,Vue

原创 Vue3學習筆記(二)——組合式API(Composition API)

一、常用 Composition API 官方文檔: https://v3.cn.vuejs.org/guide/composition-api-introduction.html 組合式 API (Composition API) 是一系

原创 Vue3學習總結(一)——MVC與vue3概要、模板、數據綁定與綜合示例

一、前端MVC概要 1.1、庫與框架的區別 框架是一個軟件的半成品,在全局範圍內給了大的約束。庫是工具,在單點上給我們提供功能。框架是依賴庫的。Vue是框架而jQuery則是庫。 1.2、MVC(Model View Controller

原创 TypeScript學習筆記(四)—— TypeScript提高

一、類型type 1.1、定義 Type又叫類型別名(type alias),作用是給一個類型起一個新名字,不僅支持interface定義的對象結構,還支持基本類型、聯合類型、交叉類型、元組等任何你需要手寫的類型。 type Num =

原创 10分鐘學會前端工程化(webpack5.0)

一、概要 1.1、前端工程化 隨着前端的不斷髮展與壯大,前端變得越來越複雜,組件化、模塊化、工程化、自動化成了前端發展中不可或缺的一部分,具體到前端工程化,面臨的問題是如何提高編碼->測試->維護階段的生產效率。 前端工程化是使用軟件工程的

原创 TypeScript學習筆記(三)—— 編譯選項、聲明文件

一、編譯選項與配置文件 自動編譯文件 編譯文件時,使用 -w 指令後,TS編譯器會自動監視文件的變化,並在文件發生變化時對文件進行重新編譯。 示例: tsc xxx.ts -w 自動編譯整個項目  如果直接使

原创 TypeScript學習筆記(二)—— TypeScript基礎

一、原始數據類型基本使用 TypeScript中擁有更多的類型,如下表所示: 類型例子描述 number 1, -33, 2.5 任意數字 string 'hi', "hi", hi 任意字符串 boolean true、

原创 TypeScript學習筆記(一)—— TypeScript入門

一、TypeScript概要 TypeScript是一種由微軟開發的自由和開源的編程語言,它是JavaScript的一個超集,擴展了JavaScript的語法,而且本質上向這個語言添加了可選的靜態類型和基於類的面向對象編程。安德斯·海爾斯伯

原创 Node.js學習筆記(四)——NodeJS訪問MongoDB與MySQL數據庫

一、MongoDB MongoDB是開源,高性能的NoSQL數據庫;支持索引、集羣、複製和故障轉移、各種語言的驅動程序豐富;高伸縮性;MongoDB 是一個基於分佈式文件存儲的數據庫。由 C++ 語言編寫。旨在爲 WEB 應用提供可擴展的

原创 Node.js學習筆記(一)——Node.js概要、NPM與package.json

一、簡介 1.1、概要 Node.js 是一個基於Google Chrome V8 引擎的 JavaScript 運行環境。Node.js 使用了一個事件驅動、非阻塞式 I/O 的模型,使其輕量又高效。Node.js 的包管理器 npm,

原创 Node.js學習筆記(二)——Node.js模塊化、文件讀寫、環境變量

一、Node.js模塊化 1.0、變量作用域 (1)、在瀏覽器端使用var或不使用關鍵字定義的變量屬於全局作用域,也就是可以使用window對象訪問。 <script> var a = 100; (fun

原创 Node.js學習筆記(三)——Node.js開發Web後臺服務

一、Express Express 是一個簡潔而靈活的 node.js Web應用框架, 提供了一系列強大特性幫助你創建各種 Web 應用,和豐富的 HTTP 工具。使用 Express 可以快速地搭建一個完整功能的網站。使用Node.

原创 JS與ES6高級編程學習筆記(五)——ECMAScript6 代碼組織

一、概述 ES6不僅在語法上有很大的改進,在代碼的組織結構上也有重大升級,ES6中新增加了像Set、WeakSet、Map、WeakMap、ArrayBuffer、TypedArray和DataView等數組結構;原生的模塊化解決了複用、依