原创 javascript的同源策略以及jsonp請求百度天氣接口
javascript的同源策略以及jsonp請求百度天氣接口 一段腳本只能讀取來自於同一來源的窗口和文檔的屬性，這裏的同一來源指的是主機名、協議和端口號的組合 協議 : http,ftp 主機名 : localhost 端口名：http協
2020-06-30 01:35:51
原创 js基礎學習之--BOM基礎知識總結
BOM總結 BOM 概念:BOM是瀏覽器對象模型,是Bowser Object Model 的簡稱，就是 瀏覽器 工具庫 說明書！ Window對象 Window 對象的角色： (a)javascri
2020-06-30 01:35:51
原创 js進階學習之--面向對象（一）
js進階學習之--面向對象（一） 構建對象的方式一共有三種: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>面向對象</title> <s
2020-06-30 01:35:51
原创 CSS-3D之製作3D骰子
CSS-3D之製作3D骰子 css3 3d其實還是轉換的一種，css3提供了2D轉換，裏面有位移、縮放、旋轉、斜拉，這些個效果都是在2d平面上的效果。那麼3d其實就是多了一個維度，也就是多了個座標軸。 頁面中想做3d效果就需要一個東西，就
2020-06-30 01:35:51
2
原创 Js基礎學習之-- 利用GET方法實現ajax請求
Js基礎學習之-- 利用GET方法實現ajax請求 1.創建XMLHttpRequset對象,兼容IE6 function createXHR(){ if(window.XMLHttpRequest){ return n
2020-06-30 01:35:51
原创 js進階學習之--閉包的理解
js進階學習之--閉包 閉包概念：一個函數引用另一個函數中的變量的函數叫做閉包 <script> //父函數中的變量不會被釋放 function closure(){ var i = 0; return funct
2020-06-30 01:35:51
原创 js基礎學習之--仿百度登錄鼠標拖拽事件
仿百度登錄鼠標拖拽事件 百度的登錄窗口可以在可視的窗口內進行拖拽，當遇到邊界時，進行邊界的碰撞檢測，當小於邊界值時或者大於邊界值時，會進行響應的判斷。中間還用到了兩個封裝的函數，用於取窗口可視區寬度和高度。 <!DOCT
2020-02-23 19:14:35
原创 不定高寬的塊級元素居中的方法
不定高寬的元素居中的方法 1、水平居中 方法一: 父層：text-align:center; 子層: display:inline-block; //將子元素轉換爲行內塊元素即可，這樣就可以使用text-align屬性了 注意：IE
2020-02-23 19:14:34
原创 外邊距重疊
外邊距重疊 在CSS當中，相鄰的兩個盒子（可能是兄弟關係也可能是祖先關係）的外邊距可以結合成一個單獨的外邊距。這種合併外邊距的方式被稱爲摺疊，並且因而所結合成的外邊距稱爲摺疊外邊距。 摺疊結果遵循下列計算規則： 1.兩個相鄰的外邊距
2020-02-23 19:14:34
原创 js基礎學習之--DOM總結
DOM總結 JavaScript組成部分以及關係圖 DOM概念 : DOM是文檔對象模型（Document Object Model）的簡稱，它的基本思想是把結構化文檔（比如HTML和XML）解析成一系列的節點（對象），再
2020-02-23 19:14:34
原创 Js基礎學習之-- 利用正則表達式驗證 模擬註冊界面
註冊界面 要求：用戶名只能是字母或者數字或者下劃線，不能以數字開頭，用戶名長度在6到20之間 密碼兩次驗證必須一致，用戶名密碼不能爲空。 <!DOCTYPE html> <html> <head> <meta http-equi
2020-02-23 19:14:34
原创 HTML基礎學習之 --網頁的寬度、高度自適應
寬高自適應 我們在網頁佈局中經常要定義元素的寬高。但是我們如果定義寬高是一個定數時，當在不同的分辨率的電腦上打開的時候，往往會出現與屏幕不適應的情況，所以我們希望元素大小能根據窗口或子元素自動調整，這就是自適
2020-02-23 19:14:34
原创 定寬定高情況下塊級元素居中的方法
定寬定高情況下元素居中的方法 居中元素定寬定高情況 <span style="font-size:24px;">.father{ width: 500px; height: 500px; border:1px s
2020-02-23 19:14:34
原创 Js 基礎學習之--模擬加入購物車
Js 基礎學習之--模擬加入購物車 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>購物車</title> <style type="tex
2020-02-23 19:14:34
原创 Js基礎學習之 -- DOM兼容 根據標籤、類名獲取節點函數封裝
Js基礎學習之 -- DOM兼容 根據標籤、類名獲取節點函數封裝 1. 作用：所有類選擇器名爲cName的標籤 參數：類選擇器的名（class名） 返回值：所有類選擇器名爲cN
2020-02-23 19:14:34