原创 前端基礎總結之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-