原创 初步認識Vue(一)

Vue的初步認識 前端發展歷史 html html [ 1990 ] ----> html5 [ 2008.1.12 ] css css 1.0 1996 css 2.0 1998 css 3.0 2001 EcmaScr

原创 vue中的生命週期(一)-初始化

生命週期 Vue的生命週期分爲三個階段,分別爲: 初始化,運行中, 銷燬,一共8個鉤子函數 注意: 生命週期鉤子函數不允許寫成箭頭函數 1.什麼是生命週期? vue中的生命週期指的是 組件 從創建到銷燬的一個過程,在這個過程中,

原创 雲服務器部署

雲服務器 提供者 ​ 阿里雲 ​ 百度雲 ​ 新浪雲 ​ 騰訊雲 ​ 。。。 阿里雲服務器 ECS node環境搭建 流程 購買一個雲服務器 購買域名,進行備案 【 不做 】 || 雲服務器提供的 ip地址(公有)

原创 vue項目環境搭建

vue項目環境搭建 cli3 / cli2 創建項目 vue create 項目名 項目目錄構建( src 源代碼開發目錄中的 ) pages 頁面 components 組件 common 公共

原创 vue-router

Router SPA ( single page App ) 單頁面應用 多頁面應用 有多個html文件,通過a標籤的連接聯通各個頁面 缺點 開發起來太冗餘,編譯、壓縮很耗時間 頁面之間的跳轉速度太慢,這個時候就會出現一

原创 正向代理和反向代理

正向代理 ​ 正向代理類似一個跳板機,代理訪問外部資源。 舉個例子: 我是一個用戶,我訪問不了某網站,但是我能訪問一個代理服務器,這個代理服務器呢,他能訪問那個我不能訪問的網站,於是我先連上代理服務器,告訴他我需要那個無法訪問

原创 vue中的生命週期(二)-運行中

運行中 觸發條件:數據更新 beforeUpdate <div id="app"> <Hello></Hello> </div> <template id="hello"> <div> <p>{{msg}

原创 cli的安裝及介紹

cli 簡介 cli是vue提供的一個用來快速構建項目環境的一個工具,底層使用的是webpack 版本 cli2 cli3 cli3對電腦的配置有一定要求 一、cli的安裝 npm/cnpm/yarn 都可以使用 yarn 1

原创 vue中的生命週期(三)-銷燬

銷燬 觸發條件: 當組件銷燬時 beforeDestroy destroyed 這兩個鉤子功能一致的,這兩個鉤子沒有太大的區別 作用: 用來做善後的,比如計時器的關閉 第三方實例的刪除 1. 通過開關的形式 - 外部銷燬 <di

原创 vue中的生命週期-初始化(一)

生命週期 Vue的生命週期分爲三個階段,分別爲: 初始化,運行中, 銷燬,一共8個鉤子函數 注意: 生命週期鉤子函數不允許寫成箭頭函數 1.什麼是生命週期? vue中的生命週期指的是 組件 從創建到銷燬的一個過程,在這個過程中,

原创 新舊slot插槽用法

slot 作用域插槽 舊: slot-scope 使用流程 在組件的模板中書寫slot插槽,並將當前組件的數據通過 v-bind 綁定在 slot標籤上 在組件使用時,通過slot-scope = “slotProp” 來接

原创 vue組件通信

組件通信 爲什麼要進行組件通信? 組件可以說是一個具有獨立功能的整體,但是當我們要將這些組件拼接在一起時,這些組件相互之間要建立聯繫 ,這個聯繫我們就稱之爲通信 組件通信的方式有以下幾種( 王者級 ) 父子組件通信 使用pro

原创 虛擬dom和diff算法

vue2.0加入了virtual dom,有點向react靠攏的意思。vue的diff位於patch.js文件中,複雜度爲O(n)。 瞭解diff過程,我們先從虛擬dom開始。 1. 虛擬dom是什麼? 虛擬dom( virtua

原创 關於node.js

nodejs JavaScript是一個什麼語言 輕量級 弱類型 腳本語言 JavaScript的運行環境是什麼? 瀏覽器?瀏覽器內核中的JavaScript解析引擎 JavaScript 可以幹什麼? 特效? DOM操作 交互

原创 net-socket製作簡易的聊天室

文件目錄 server.js 這個js文件中寫的是主服務器的代碼 代碼如下 const net = require ( 'net' ); const port = 9000; const hostname = 'localh