原创 flex 、 table 、 float 、position 頁面佈局
表格佈局 這是一種比較老的佈局方式，就是採用表格進行網頁佈局，這種佈局方式在一些小型網站中用起來比較方便，如果是大型網站，僅僅採用表格佈局肯定有點力不從心。你也可以在網站的某一個部分採用表格佈局。 <html> <head
2020-06-30 01:13:42
原创 再聊跨域
CORS 【跨域資源共享】 // 當然可以指定域名訪問（通配符存在安全問題） // 但是這種跨域方式是不可以攜帶憑證的（ withCredentials ） res.setHeader("Access-Control-Allow-
2020-06-30 01:13:42
1
原创 less 相關用法
less 基於 nodejs ,先安裝 node ，然後 npm 安裝 less less 的嵌套語法 .content { width: 200px; height: 200px; background-co
2020-06-30 01:13:42
原创 移動端踩坑
事件點透 原因：元素觸碰之後，會立即執行 touch 事件，然後會有一段時間的延遲，延遲過後在點擊的位置上尋找對應元素，看看是否有鼠標事件，如果有就會立即執行 <!-- 事件點透案例 --> <html> <head>
2020-06-30 01:13:42
原创 前端代碼模塊化
CommonJS 規範 基於文件系統，不適用於瀏覽器 node 端 模塊文件 // m1.js const mod = { a: 1, b: 3, fn() { console.log("hello"
2020-06-30 01:13:42
原创 typescript 接口、泛型、函數
接口 接口提供了一套統一的訪問方式，但是具體的訪問邏輯和數據需要後面從新定義。只能描述 Object、 class 、 function 的類型。而且同名的 interface 會自動合併。【跟 type 的區別是 type 能
2020-06-30 01:13:32
1
原创 Vue 基礎應用
VUE 實例 在我們使用 vue 之前我們需要事先得到 一個 vue 實例對象，我們需要傳遞一個對象用於描述你的 vue 實例。 const app = new Vue({}); DOM 相關 el 提供一個在頁面上已
2020-06-30 01:13:32
原创 webpack 基礎使用
webpack 模塊化打包工具 哈希值 通過一定的哈希算法，將一段較長的數據映射爲較短小的數據,這段短小的數據就是大數據的哈希值。一旦原始數據發生變化，其哈希值也會變化。一般可以用於文件校驗。 MIME Type 網絡資
2020-06-30 01:13:32
原创 typescript 類的相關用法
類 class User { id: number; username: string; constructor(id: number, username: string) { // 通過 this 關聯實例對
2020-06-30 01:13:32
原创 迭代對象 和 Generator
迭代協議 其實就是一個迭代邏輯，完全可定製，規定了迭代什麼，返回什麼，如何迭代等等信息 迭代對象 表示可被迭代的對象，具體來說就是實現了 [Symbol.iterator] 方法的對象 // 一般可以在一個數組的原型中找到
2020-06-07 23:09:48
原创 fs 模塊
文件相關 針對文件的所有操作而言，沒有加 Sync 的都是異步操作 引入模塊 const fs = require("fs"); 如果沒有該寫入的文件，會自動創建該文件 flag a : 追加寫入 w : 覆蓋寫入
2020-06-07 23:09:48
原创 js 針對異步的處理
Promise promise 的三種狀態問題（pending、resolve、reject） 在沒有明確執行狀態之前都是 pending（等待中） let p1 = new Promise((resolve, rejec
2020-06-07 23:09:48
原创 服務端主動推送數據、長連接
EventSource 服務端主動推動數據 EventSource 是服務器主動向客戶端推送數據的一個網絡事件接口。一個 EventSource 實例會對 HTTP 服務開啓一個持久化的連接，以 text/event-str
2020-06-07 23:09:48
原创 Buffer 和 Stream
Buffer Buffer 是二進制數據，只不過呈現形式採用了兩位的 16 進制 創建 指定 字節的 Buffer let buf = Buffer.alloc(10); 通過字符串創建 Buffer let buf
2020-06-07 23:09:48
1
原创 Map 跟 Set 常規操作
Set 對象允許你存儲任何類型的唯一值，無論是原始值或者是對象引用。存儲的是類數組數據。不是鍵值對。 var mySet = new Set(); mySet.add(1); // Set [ 1 ] mySet.add(5)
2020-06-03 01:45:08