原创 git的使用

更多基礎閱讀可參考:廖雪峯 Git教程 參考原文出處:塗根華的博客 一、下載: 首先下載git,並安裝。完成後並在開始菜單裏面找到 "Git --> Git Bash",如下: 會彈出一個類似的命令窗口的東西,就說明Git安裝成功。如下

原创 Vue.js

Vue.js 是當下很火的一個JavaScript MVVM 庫,以數據驅動和組件化的思想構建的。相比於 Angular.js ,Vue.js 提供了更加簡潔、更易於理解的API,使得大家能夠快速地上手並使用。 <div id="app"

原创 HTTP深入淺出 http請求

HTTP (HyperText Transfer Protocol) 是一套計算機通過網絡進行通信的規則。計算機專家設計出 HTTP,使 HTTP 客戶(如 Web 瀏覽器)能夠從 HTTP 服務器( Web 服務器)請求信息和服務,HT

原创 閉包、作用域和模仿塊級作用域

閉包: 有權訪問另一個函數作用域中的變量的函數。我的理解是:能夠讀取其他函數內部變量的函數。由於在 Javascript 中,只有函數 a 內部的子函數b纔可以讀取函數 a 的局部變量,所以把閉包簡單理解成:定義在一個函數內部的函數。創建

原创 從輸入一個url 到頁面加載完成,這個過程發生了什麼

輸入地址 瀏覽器查找域名的 IP 地址 (解析地址) 瀏覽器向 web 服務器構造併發送一個 http 請求 http 報文傳輸過程 服務器接收並處理 HTTP 報文 服務器構造併發送一個相應報文 瀏覽器接收報文,並開始渲染頁面 瀏覽器

原创 定位

相對定位:static/relative 那些脫離文檔流的元素,比如設置了浮動獲絕對定位的元素不會對相對定位產生影響。 static:在 css 中爲元素定義 top、left、right、bottom、z-index 都不會生效(非 s

原创 前端AJax的實現

前端AJax的實現 首先運用HTML和CSS來實現頁面,表達信息; 運用XMLHttpRequest和web服務器進行數據的異步交換; 運用JavaScript操作DOM,實現動態局部刷新; 此處只介紹第三步,分爲一下幾部分: 實例

原创 JavaScript this 的理解

this 對象是在運行時基於函數的執行環境綁定的:在全局函數中,this 等於 window,而當函數被視爲某個對象的方法時,this 等於這個對象。不過匿名函數的執行環境具有全局性,因此其 this 對象通常指向 window (fu

原创 事件event

事件流描述的是從頁面中接收事件的順序。  其中IE的事件流是事件冒泡流,而Netscape Communicator 的事件流是事件捕獲流。 1、事件冒泡:事件開始時由最具體的元素(文檔中嵌套層次最深的那個節點)接收,然後逐級向上傳播到較

原创 String 對象方法

創建 String 對象 new String(s); String(s); 當 String() 和運算符 new 一起作爲構造函數使用時,它會返回一個新創建的 ==String 對象== 。 當不用 new 運算符調用 Strin

原创 html 的 meta 總結,html 標籤中 meta 屬性使用介紹

文章轉自 haorooms博客 引言 META 標籤是 HTML 語言 HEAD 區的一個輔助性標籤,位於 HTML 文檔頭部的標記和標題之前,提供用戶不可見的信息。 meta 標籤通常用來: 1. 爲搜索引擎 robots 定義頁面主

原创 一側寬度固定另一側寬度自適應且等高列布局

最近意識到自己的 css 佈局基礎不太紮實,然後突發奇想給自己定個簡單的題目,實現完後查閱資料,無意中找到一篇簡單又很詳細的 好文章。 首先題目是: 左側固定寬度,右側自適應屏幕寬; 左右兩列,等高佈局; 左右兩列要求有最小高度,例如:

原创 TCP IP協議 三次握手與四次揮手

一、TCP 的流量控制 TCP 使用==窗口機制==進行流量控制 什麼是窗口? 連接建立時,各端分配一塊緩衝區用來存儲接收的數據,並將緩衝區的尺寸發送另一端。 接收方發送的確認信息中,包含自己剩餘的緩衝區尺寸。 剩餘緩衝區空間的數量叫做

原创 JavaScript 面向對象

JavaScript 面向對象的程序設計(創建對象的方式/集成的方式) 屬性類型:數據屬性、訪問器屬性 數據屬性:Configurable、Enumerable、Writable、value 注意:在對象上直接定義屬性,則其默認值分別爲:

原创 響應式

響應式: 針對某些設備的某些特徵可以由不同的樣式,通過媒體查詢對頁面進行重構。 流動網格、彈性圖片和媒介查詢是響應式互聯網設計的三大技術成分。 響應式網站是一個設計理念,它是多想技術的綜合體。 媒體查詢 在 CSS2 中 <link re