原创 Js中對象初認識
對象 1.對象初識 JavaScript的對象是一組由鍵-值組成的無序集合，例如： var person = { name: 'zhangsan', age: 20, tags: ['js', 'web',
2020-06-16 13:44:54
原创 面向對象編程-貪喫蛇小遊戲
頁面中的地圖map html結構 <div id = "map"></div> 樣式 #map{ width:800px; height:600px margin:0
2020-06-16 13:44:54
原创 對象改進(引入prototype)
function Phone(brand, color, size){ this.brand = brand; this.color = color; this.size = size; this.call = function () {
2020-06-16 13:44:54
原创 jq其他屬性操作及jq事件機制
A.jQ其他屬性操作 1.val方法 val方法用於設置和獲取表單元素的值，例如input、select、textarea. //填參數設置值 $("#name").val(''大觸"); //不填參數獲取值 $(“#name”)
2020-06-16 13:44:52
1
原创 表單驗證以及獲取手機驗證碼的小demo
// 需求：根據不同的響應結果，進行響應。 // (1) 如果接口調用成功 // 如果響應代碼爲100，倒計時 // 如果響應代碼爲101，提示手機號重複 // (2)如果
2020-06-16 13:44:52
原创 type,邏輯中斷，==運算符，深複製
1.typeof 返回的是字符串 只能判斷簡單數據類型，若果是複雜數據類型只能都判斷出object，（instanceof） typeof是一個關鍵字，不是函數，（）的作用僅僅是提升優先級 特殊兩點：1）function是複雜數據類型但
2020-02-20 19:13:02
原创 jquery選擇器
1.css選擇器通用 1）標籤選擇器，以文檔元素作爲選擇器 2）ID選擇器，以ID標識符作爲選擇器； 3）類選擇器，class 4）並集選擇器，div,img,ul 5）後代選擇器，#id ul li 6 )通配選擇器 ，*{
2020-02-20 19:12:50
原创 js的null與undefined的設計初衷
null表示一個“空”的值，它和0以及空字符串''不同，0是一個數值，''表示長度爲0的字符串，而null表示“空”。 在其他語言中，也有類似JavaScript的null的表示，例如Java也用null，Swift用nil，Python
2020-02-20 19:12:50
1
原创 事件對象及常用屬性
事件對象： 觸發某個事件，都會產生一個事件對象Event， document.onclick = function (e) { console.log(e); } //獲取事件對象的兼容性代碼 //e = e || window.even
2020-02-20 19:12:50
原创 DOM操作
一般來說，DOM操作分爲3個方面，即DOM Core(核心)、HTML-DOM和CSS-DOM。 1.DOM Core dom core 並不專屬於JS，任何支持DOM的程序設計語言都可以使用它，它的用途並不僅限於處理網頁，可以用來處理
2020-02-20 19:12:50
原创 Jquery初識及用法
一、js的幾個弊端： 1、js的入口函數只能有一個，後面的會覆蓋掉前面，而且是當頁面上的所有的資源都加載完畢之後才執行J 2、找對象麻煩，方式單一 3、手動去寫for循環 4、原生js有兼容問題 5、代碼的容錯率不高一旦報錯，後面都不執行
2020-02-20 19:12:50
原创 js的棧堆概念
棧堆概念 Js中沒有棧堆概念，引入它爲了方便理解和更好的學習： 數據類型 基本類型數據叫做值類型，複雜類型又叫做引用類型 a.值類型，簡單數據類型，在存儲時，變量中存儲的是值本身，因此叫做值類型。 b.引用類型，複雜數據類型，
2020-02-20 19:12:50
原创 鼠標經過,產品圖片的局部放大
原理：兩張圖片，大div包含兩個圖片的div，大圖片隱藏 找到對象 var box = document.getElementById("box");//大的盒子模塊 var smallBox = document.getElemen
2020-02-20 19:12:50
原创 事件流及其三階段
事件流 1.事件的捕獲階段 2.事件的目標階段 3.事件的冒泡階段 事件有三個階段，首先發生的是捕獲階段，然後是目標階段，最後纔是冒泡階段，對於捕獲和冒泡，我們只能干預其中的一個，通常來說，我們可能會干預事件冒泡階段，而不去幹預事件捕
2020-02-20 19:12:50
原创 簡易鼠標移動
document.addEventListener("mousemove", function (e) { box.style.left = e.pageX-box.offsetWidth/2+"px"; box.style.top =
2020-02-20 19:12:50