原创 圖解HTTP讀書筆記（二）
第2章：簡單的HTTP協議2.1 http協議用於客戶端和服務器的通信2.2 通過請求和響應的交換達成通信上圖爲某個客戶端發送給服務器的請求報文，請求報文由請求方法、請求的uri、請求使用的協議及版本以及其它可能的請求首部字段和可能的內容
2020-06-17 04:41:25
原创 0、''、undefined、null、NAN比較
用Boolean函數能將5個表達式(0、''、undefined、null、NAN)轉換成false，其他的情況爲true。if語句就是用Boolean函數轉爲true或者false，繼而根據結果執行後面的語句的。非運算符也是先用Bool
2020-06-17 04:41:25
原创 nodejs中的阻塞和非阻塞（https://nodejs.org/en/docs/guides/blocking-vs-non-blocking/）
一、簡述這片文章主要講述Nodejs中的阻塞和非阻塞回調，涉及到事件循環和libuv。但是你並不需要提前瞭解這些知識，你只需要具備js和Nodejs回調模式的基礎。"I/O"指的是與系統硬盤的交互以及libuv所支持的網絡交互。1.Blo
2020-02-20 13:51:39
原创 圖解http讀書筆記（一）
1.3 網絡基礎1.http協議屬於tcp/ip協議簇中的一種，屬於應用層協議。2.TCP/IP協議簇分爲4層，從下往上依次爲：數據鏈路層、網絡層（IP）、傳輸層（TCP、UDP）、應用層（HTTP、FTP、DNS）。其中，數據鏈路層與物
2020-02-20 13:51:39
1
原创 js編程題
1.將一個字符串的後四位顯示，前面的字符用'#'表示function maskify(cc) { return cc.slice(0, -4).replace(/./g, '#') + cc.slice(-4); }function
2020-02-20 13:51:39
原创 js基礎題
1.var y = 1; if (function f(){}) { y += typeof f; } console.log(y); // 1undefined2.function foo(){ return foo
2020-02-20 13:51:39
原创 vue and react
React 虛擬DOM（https://zhuanlan.zhihu.com/p/28562066）通過在 JS 和 DOM 之間增加一個新的抽象表示層，從而在需要更新時，對比這一表示層的 diff，最終差量更新 DOM。當有數據變化時，
2020-02-20 13:51:39
原创 input事件--keydown、keypress、keyup、input、change事件
鍵盤事件 keydown：當任意鍵按下時，（鍵盤上的F鍵不觸發） keypress：當字符鍵按下時（上下左右箭頭鍵不觸發,shift ctrl option command都不觸發） keyup：當鍵彈起時 change：當input中的
2020-02-20 13:51:39
6
原创 常用通用原生js函數
1. 獲取視口寬度 getViewportWidth: function(){ var pageWidth = window.innerWidth; if (typeof pageWidth !
2020-02-20 13:51:39
原创 css3
css3新添加的常用的特性有哪些？1.邊框：border-radius、box-shadow、border-image2.背景：背景漸變、background-image、background-size、background-origin
2020-02-20 13:51:39
原创 前端性能優化
1.首屏時間 = DNS時間 + 建立連接時間 + 後端響應時間 + 網絡傳輸時間 + 首屏頁面渲染時間前端優化策略1、減少http請求：將圖片、js、css合併，對於圖片還可以使用lazy load5、將樣式表放在頂部，這樣能夠更快的渲
2020-02-20 13:51:39
原创 未知高度和寬度元素 上下左右居中
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,
2020-02-20 13:51:37
原创 前端踩坑
1.display遇上transition。需求：元素漸隱漸現，或者帶有某種動畫出現時，也就是說元素剛開始的樣式display:none, opactiy: 0, transition: all ease 500。後續用js控制元素的樣式
2020-02-20 13:51:37
原创 border-left、border-right、border-top、border-bottom深入理解
一、有寬和高 1.一個矩形的4個邊的組成部分 .box { border-right: 55px solid red; width: 200px; height: 200px; border-bottom:
2019-04-18 13:06:13
原创 兼容ios和android的帶有輸入框的底部懸浮按鈕
需求： 頁面底部有個fixed的button，和一個處於正常文檔流中的輸入框，當嘗試往輸入框輸入內容時，會喚起手機鍵盤。需求是喚起鍵盤的時候，fixed的按鈕不希望被鍵盤頂上去，即不希望按鈕在鍵盤上部，而是希望按鈕仍舊在底部，被鍵盤蓋住。
2019-04-18 13:06:13
9