原创 前端基礎總結之HTTP

HTTP 是瀏覽器和服務器通信時所採用的協議,它的特點有:    1,基於TCP/IP通信協議,    2,工作過程:        瀏覽器作爲HTTP客戶端通過URL向HTTP服務端即WEB服務器發送所有請求        Web服務器

原创 前端基礎總結之HTML

HTML語義化        語義化的含義就是用正確的標籤做正確的事情,html語義化就是讓頁面的內容結構化,便於對瀏覽器、搜索引擎解析;在沒有樣式CSS情況下也以一種文檔格式顯示,並且是容易閱讀。        搜索引擎的爬蟲依賴於標記

原创 nodejs筆試編程(單行多行輸入)

單行輸入 const readline = require('readline'); const rl = readline.createInterface({ input: process.stdin, output:

原创 前端基礎總結之CSS

清除浮動爲什麼:當一個元素浮動之後,不會影響到 塊級框的佈局而只會影響內聯框(通常是文本)的排列,文檔中的普通流就會表現得和浮動框不存在一樣,當浮動框高度超出包含框的時候,也就會出現包含框不會 自動伸高來閉合浮動元素(“高度塌陷”現象)。

原创 DOM的相關知識

DOM節點Node類型節點的屬性:(node只能獲取當前節點的東西,不能獲取裏面的東西)(文本節點不等於文本內容)nodeName 節點元素的標籤名,和tagName等價nodeType 元素節點的類型值,nodeValu

原创 HTML5與ES6

HTML5增加標籤:1、結構標籤(1)section:獨立內容區塊,可以用h1~h6組成大綱,表示文檔結構,也可以有章節、頁眉、頁腳或頁眉的其他部分;(2)article:特殊獨立區塊,表示這篇頁眉中的核心內容;(3)aside:標籤內容

原创 虛擬機使用docker搭建Prometheus

首先使用docker拉取鏡像包 docker pull prom/node-exporter docker pull prom/prometheus docker pull grafana/grafana     啓動node-expor

原创 瀏覽器存儲技術

cookiecookie是指存儲在用戶本地終端上的數據,瀏覽器端會儲存你在這個站點的一些信息,比如登錄狀態,用戶ID,密碼、瀏覽過的網頁、停留的時間等信息,記錄在cookie裏,方便下次訪問時發送給服務器端。cookie數據會自動在web

原创 grunt sass失敗

錯誤1:顯示sass/copy not found(任務沒有載入)        出現這個錯誤是因爲沒有在項目中安裝"load-grunt-tasks"錯誤2:grunt-sass失敗但是grunt-copy可以成功,是因爲沒有安裝gru

原创 使用docker部署Prometheus的Alertmanager工具,並配置郵件報警

下載運行Alertmanager docker run -d -p 9093:9093 -v /root/alertmanager/:/etc/alertmanager/ docker.io/prom/alertmanager:lates

原创 前端基礎總結之JS(上)

數據類型: 基本數據類型:Number、String 、Boolean、Null和Undefined 按值訪問,可以操作保存在變量中實際的值,存放在棧(stack)內存中的簡單數據段,數據大小確定,內存空間大小可

原创 關於構建項目的理解

1,什麼是構建項目?         前端項目中,項目的構建可以理解爲編譯,是要將源代碼轉化成宿主瀏覽器可以執行的代碼,核心是對資源的管理,產出包括JS,CSS,HTML等資源。         項目構建過程一般在腳手架創建初始項目文件之

原创 Mock服務

1,定義:mock是在測試過程中,對於一些不容易構造/獲取的對象,創建一個mock對象來模擬對象的行爲 2:使用:當單元測試/接口測試中測試對象依賴其他對象,這些對象的構造複雜、耗時或者根本無法構造(未交付),而我們只測試對象內部邏輯的質

原创 使用websocket實現“你畫我猜”

1,環境配置(nodejs) 文件結構: package.json: { "name": "websocket", "version": "1.0.0", "description": "", "main": "ind

原创 星星評分的實現和改進

1,首先下載星星的圖片 下載logo的網址  https://icomoon.io/ 2,使用雪碧圖 雪碧圖合成地址 https://www.toptal.com/developers/css/sprite-generator .bg-