1、所謂數據響應式就是能夠使數據變化可以被檢測並對這種變化做出響應的機制。 2、MVVM框架要解決的一個核心問題是連接數據層和視圖層，通過數據驅動應用，數據變化，視圖更新，要做到這點的就需要對數據做響應式處理，這樣一旦數據發生變化就可以立即做出更新處理。 3、以vue為例說明，通過數據響應式加上虛擬 ...
watch是監聽某個變數或者屬性的變化，並執行相應的回調函數，通常是一個變數的變化決定多個變數的變化，watch可以進行非同步操作，但不支持緩存。一個偵聽器對應一條數據，當偵聽的數據發生變化是，watch才會執行對應的方法（一對一） computed計算屬性是依賴已有的變數來計算一個目標變數，大多數情 ...
JavaScript 介紹 Javascript 語言誕生主要是完成頁面的數據驗證。因此它運行在客戶端，需要運行瀏覽器來解析執行 JavaScript 代碼。 JS 是 Netscape 網景公司的產品，最早取名為 LiveScript;為了吸引更多 java 程式員。更名為 JavaScript。 ...
今天繼續是對後臺管理部分的一個操作，但是快要結束了，今天結束，明天會進入一個從Vue以來，另外一個名聲顯著的東西了，一隻耳聞從未見識，而且十分的炫酷 他就是 數據可視化Echarts，迫不及待瞭解了 11.銷售屬性添加 當我們點擊添加就，應該把添加的放到table裡面來，table裡面每一行數據是一 ...
今天，來實現這樣一個有意思的交互效果： 將原本的滑鼠指針樣式，修改成自己想要的效果，並且添加上一些特殊的交互效果。 修改滑鼠樣式 首先，第一個問題，我們可以看到，上圖中，滑鼠指針的樣式被修改成了一個圓點： 正常而言應該是這樣： 當然，這裡比較簡單，在 CSS 中，我們可以通過 cursor 樣式，對 ...
從Vue3發佈以來，我就一直對其非常感興趣，就一直想著將其投入公司的生產中，但是開始考慮到很多不確定性就暫時對一些很小的功能進行一些嘗試；慢慢的發現組合式Api的形式非常適合開發（個人感覺），尤其是Vue3.2推出了setup語法糖後直呼真香。後面公司的新項目幾乎全部採用了Vue3了。使用Vue3開 ...
函數 函數是 JavaScript 應用程式的基礎，它幫助你實現抽象層，模擬類，信息隱藏和模塊。在 TypeScript 里，雖然已經支持類，命名空間和模塊，但函數仍然是主要的定義行為的地方。TypeScript 為 JavaScript 函數添加了額外的功能，讓我們可以更容易地使用。 基本示例 和 ...
這裡給大家分享我在網上總結出來的一些知識，希望對大家有所幫助 一、vue腳手架 1.簡介 Vue CLI 是一個基於 Vue.js 進行快速開發的完整系統。 2.命令行操作步驟 npm install -g @vue/cli 安裝3.x版本的vue腳手架 vue -V 測試是否安裝成功 vue cr ...
文本格式化標簽 語義 標簽 加粗 <strong> <b> 傾斜 <em> <i> 刪除線 <del> <s> 下劃線 <ins> <u> 盒子標簽 佈局 <div> 獨占一行，大盒子 <span> 一行可以放多個，小盒子 圖像標簽 <img 屬性=... /> 單標簽 | 屬性 | 屬性值 | 說 ...
HTML基本結構 HTML初識 HTML(Hyper Text Markup Language):超文本標記語言 所謂超文本，有2層含義： 它可以加入圖片、聲音、動畫、多媒體等內容（超越文本限制 ） 它可以從一個文件跳轉到另一個文件，與世界各地主機的文件連接（超級鏈接文本）。 「HTML骨架格式」 ...
介紹 TypeScript 的核心原則之一是對值所具有的結構進行類型檢查。我們使用介面（Interfaces）來定義對象的類型。介面是對象的狀態(屬性)和行為(方法)的抽象(描述) 介面初探 聲明介面需要使用關鍵字interface，接下來我們定義一個介面，需求如下 需求: 創建人的對象, 需要對人 ...
1、新建文件夾在終端打開執行 npm init -y 生成package.json如下,註意如果要發佈到npm,name不能有下劃線,大寫字母等 { "name": "vuecomponentdi", "version": "1.0.0", "description": "", "main": "i ...
這裡給大家分享我在網上總結出來的一些知識，希望對大家有所幫助 基於Vue.js 2.x系列 + Element UI 的後臺系統許可權控制 前言：關於vue許可權路由的那些事兒…… 項目背景:現有一個後臺管理系統，共存在兩種類型的人員 ①超級管理員（稱作admin），②普通用戶（稱作editor） 每種 ...
前言 對於傳統的 JavaScript 程式我們會使用函數和基於原型的繼承來創建可重用的組件，但對於熟悉使用面向對象方式的程式員使用這些語法就有些棘手，因為他們用的是基於類的繼承並且對象是由類構建出來的。 從 ECMAScript 2015，也就是 ES6 開始， JavaScript 程式員將能夠 ...
組件的出現是為了實現以下兩個目標： 降低整體複雜度，提升代碼的可讀性和可維護性 提升局部代碼的可復用性 絕大部分情況下，一個組件就是頁面中某個區域，組件包含該區域的： 功能（JS代碼） 內容（模板代碼） 樣式（CSS代碼） 要在組件中包含樣式，需要構建工具的支撐 組件開發 創建組件 組件是根據一個普 ...
為什麼要用lerna 將大型代碼倉庫分割成多個獨立版本化的 軟體包（package）對於代碼共用來說非常有用。但是，如果某些更改 跨越了多個代碼倉庫的話將變得很 麻煩 並且難以跟蹤，並且， 跨越多個代碼倉庫的測試將迅速變得非常複雜。 為瞭解決這些（以及許多其它）問題，某些項目會將 代碼倉庫分割成多個 ...
昨天太晚就沒來得及更新，今天是spu管理界面，這個界面一共有三個界面需要切換，完成了兩個界面，而且今天的難度在於最後兩個章節，富有一定的邏輯性，當然中間也有很多需要註意的，比如ElementUI的照片牆需要添加list屬性而且值為你的數據並且必須是一個數組必須有name、url屬性 一.spu管理 ...
HTML各知識點總結： 基本標簽 標題標簽、段落標簽、換行標簽、水平線標簽、字體樣式標簽、註釋和特殊符號 網頁插入 圖像、超鏈接，視頻、音頻、列表、表格、表單、內聯框架等 超鏈接 錨鏈接、功能性鏈接 列表 有序列表、無序列表、自定義列表 表格 行、列、跨行、跨列 表單 提交格式、文本框、密碼框、單選 ...