原创 Ajax基礎
Ajax基礎 Ajax的原理簡單來說通過XmlHttpRequest對象來向服務器發異步請求，從服務器獲得數據，然後用javascript來操作DOM而更新頁面。這其中最關鍵的一步就是從服務器獲得請求數據。原生創建ajax可分爲以下四步
2019-02-22 22:04:53
原创 JS正則表達式詳解
1.正則語法規則[xyz]字符集，匹配任何一個包含的字符[^xyz]否定字符集，匹配未包含的字符\w數字字母下劃線\W非數字字母下劃線\s空白字符\S非空白字符\d匹配數字\D匹配非數字\b單詞開頭或結束的位置\B非單詞開頭或結束的位置^開
2019-02-22 22:04:53
原创 Ajax基礎
Ajax基礎 Ajax的原理簡單來說通過XmlHttpRequest對象來向服務器發異步請求，從服務器獲得數據，然後用javascript來操作DOM而更新頁面。這其中最關鍵的一步就是從服務器獲得請求數據。原生創建ajax可分爲以下四步
2019-02-12 13:37:46
原创 ajax跨域之jsonp
跨域之jsonp jsonp跨域原理 script便籤可以跨域，基於這個機制，可以在A域的頁面中定義jsonp函數，script標籤返回這個函數的調用 如下代碼所示A域頁面代碼 <body> <div>正在獲取數據……</div> <s
2019-02-12 13:37:46
原创 ajax跨域之CORS
跨域 背景 同源策略:不同域的客戶端腳本在沒有明確授權的情況下，不能讀寫對方資源由於瀏覽器同源策略的存在，使得某些場景下需要跨域獲取數據的場景就需要一些方法來實現跨域請求 同域:同協議 同域名 同端口 跨域手段1-CORS 舉例 服
2019-02-12 13:37:35
原创 正則輔助工具
這裏推薦一個十分好用的正則在線測試平臺--regex101https://regex101.com/這個工具爲我們詳細的展示了正則匹配內容以及匹配過程，十分直觀，且支持多種語言的正則實現 界面如下 簡單的使用演示十分清晰的展示了匹配到了
2019-02-12 13:37:23
原创 JS正則表達式詳解
1.正則語法規則[xyz]字符集，匹配任何一個包含的字符[^xyz]否定字符集，匹配未包含的字符\w數字字母下劃線\W非數字字母下劃線\s空白字符\S非空白字符\d匹配數字\D匹配非數字\b單詞開頭或結束的位置\B非單詞開頭或結束的位置^開
2019-02-12 13:37:23
原创 CSS的浮動及其在佈局中的應用
CSS浮動是什麼 CSS中浮動屬性(float)設計的初衷是爲了解決頁面展示樣式時需要文字環繞圖片的場景；類似於Word中的文字環繞屬性，基礎使用場景如下: 浮動前: 浮動後: 代碼實現如下(簡化版) <style> img{
2018-09-11 08:47:32
原创 CSS浮動佈局案例
CSS浮動佈局案例 這裏介紹下float佈局的幾種常見佈局方式，如果對基礎知識有疑問可以去看一下上一篇文章CSS浮動基礎知識 流體佈局 顧名思義流體佈局就是佈局格式可以隨着窗口大小的變化而變化，具體實現如下 代碼演示(後續CSS代碼
2018-09-11 08:47:32