原创 JavaScript ES6中 class的本質

es6 - 代碼一 class Math { // 構造函數 constructor(x,y) { this.x = x; this.y = y; } add() {

2019-10-27 21:45:30

原创 TypeScript interface 類類型 繼承接口

類實現接口 一個類實現一個接口，與Java裏接口的基本作用一樣。 一個demo🌰 // 動物的接口 interface Animal { type: string; sound: string; voice():void; }

2019-10-23 14:15:32

原创 TypeScript interface 函數類型 可索引類型

函數類型 接口能夠描述JavaScript中對象擁有的各種各樣的外形。 除了描述帶有屬性的普通對象外，接口也可以描述函數類型。 ---- 中文官方文檔 自己寫的demo🌰: // 函數類型 interface Add { (a:num

2019-10-23 11:25:44

原创 TypeScript學習 接口interface（二）可選屬性、只讀屬性

可選屬性 接口裏的屬性不全是必須的，有些可以不用 一個示例🌰： 首先創建一個帶有可選屬性的接口 // 創建一個人的接口, 姓名，年齡必須，但是簽名是可選的 interface Person { name: string, age:

2019-10-22 21:15:24

原创 TypeScript學習 接口interface初識

接口的作用就是爲這些類型命名和爲你的代碼或第三方代碼定義契約。 -----來源：官方文檔 個人理解 我的理解：接口就是一個自定義的類型 一個示例🌰： 求一個數的平方 function sqr(num: number) { con

2019-10-22 20:05:27

原创 基於vue.js 和node構建的個人博客項目（前後端分離）

前言 本項目是一款個人學習的博客項目，主要是爲了學習vue2 和 node.js。另外涉及到MySQL redis nginx 等技術棧知識 項目地址 預覽地址 （PC或者手機） > 注意：PC端支持markdown編輯博客，但是手機端不支

2019-10-20 19:45:28

原创 側邊欄高度隨中間內容高度自適應

經常看見一個管理系統右側邊欄，要使得側邊高度隨着和中間內容增多而增高。如圖： 實現css代碼： /* 父元素 */ .wrap { overflow: hidden; } /* 左側分欄 */ .left { w

2019-08-30 20:35:06 2

原创 01.TypeScript 開始

當前TypeScript 的版本是 3.3.3333 安裝 TypeScript 命令行運行如下命令，全局安裝 TypeScript： npm install -g typescript 安裝完成後，在控制檯運行如下命令，檢查安裝是否成功(

2019-07-27 20:46:12 1

原创 ngnix、vue、node.js、redis實現前後端分離的環境配置

一、 windows 1. 安裝配置nginx 1.1. 下載安裝 1.2. 常用命令 # 開啓nginx start nginx nginx.exe # 停止nginx nginx.exe -s stop

2019-07-08 14:35:06 8

原创 ubuntu遠程搭建 lamp環境

最近服務器重裝了，安裝環境的時候百度了很多，爲了以後方便，特此整理 一、安裝Apache // 安裝 sudo apt install apache2 -y // 重啓apache /etc/init.d/apache2 restart

2019-07-08 09:45:04

原创 vue 中使用 vue-echarts 插件

安裝依賴 npm install vue-echarts --save 引入依賴 main.js import ECharts from 'vue-echarts/components/ECharts' Vue.component('ch

2019-05-29 11:15:07 1

原创 node.js 原生的post和get請求

把今天學到的東西記錄一下 const http = require('http') // querystring 模塊提供用於解析和格式化 URL 查詢字符串的實用工具 const querystring = require('querys

2019-05-27 22:35:05 1

原创 JavaScript檢測數據類型

1.typeof typeof 操作符是確定一個變量是String、Number、Boolean、undefined的最佳工具 引用來源：《JavaScript高級程序設計》圖靈程序設計叢書 看下面例子： var s = 'hello';

2019-04-20 12:05:03

原创 CSS浮動float

參考教程（經驗分享：CSS浮動(float,clear)通俗講解） 首先了解一下標準文檔流的排版：從上到下，從左到右，遇塊換行 浮動可以理解爲讓某個div元素脫離文檔流，漂浮在文檔流之上 block元素無視float元素 啥意思呢，就是

2019-04-19 15:25:17 1

原创 CSS Position（定位）

Position（定位） position可以取五個值 參數 描述 absolute 絕對定位；脫離⽂檔流的佈局，遺留下來的空間由後⾯的元素填充。定位的起始位置爲最近的⽗元素(postion不爲static)，否則爲Body⽂檔

2019-04-19 15:25:06