原创 jquery的事件&動畫

一、事件 在1.7之前的版本中jQuery處理事件有多個方法， (google 搜索: jquery live bind degelate)作用各不相同，後來統一的使用on/off方法 1、.on( events [,selector ]

2018-12-12 21:54:58

原创 jquery和原生dom對象的轉換&常用函數方法

一、jquery和原生dom對象的轉換 1、新建jquery對象和長度 var $p= $('p')新建一個jquery對象，一般在新建jquery對象的時候，加上一個$，以便好認。 返回的是一個類似數組對象，jquery可以通過$p[0]

2018-12-12 14:24:56

原创 jquery 屬性&CSS操作 筆記

一、屬性 1、.val([value]) 這是一個讀寫雙用的方法，用來處理input的value，當方法沒有參數的時候返回input的value值，當傳遞了一個參數的時候，方法修改input的value值爲參數值 $('input').va

2018-12-11 20:54:44

原创 jQuery DOM操作

一、創建元素 只需要把DOM字符串傳入$方法即可返回一個jQuery對象var obj = $('<div class="test"><p><span>Done</span></p></div>') 二、添加元素 1、.append(con

2018-12-11 19:54:40

原创 jQuery選擇器 和用jQuery 實現 Tab 切換效果（1）

一、選擇器 二、選擇器的用法 1、.eq(index)，.get([index]) 對於一個特定結果集，我們想獲取到指定index的jQuery對象 $('div').eq(3); //獲取結果集中的第四個jQuery對象 通過類數組下

2018-12-11 17:24:55 3

原创 實現一個簡單音樂播放器

做的一個簡單的半成品播放器 一、需求分析 1、寫靜態頁面2、通過getMusicList函數用Ajax獲取歌曲數據列表musiclist3、通過loadMusic函數實現歌曲的播放功能4、根據獲取的歌曲數據來設置歌名、作者和背景圖片5、設置

2018-12-09 18:54:58

原创 跨域

一、同源策略 瀏覽器出於安全方面的考慮，只允許與本域下的接口交互（當前頁面得url必須和接口得url是同源的）。不同源的客戶端腳本在沒有明確授權的情況下，不能讀寫對方的資源。 1、本域 同協議：如都是http或者https同域名：如都是ht

2018-12-06 19:35:11

原创 使用noode.js創建一個服務器

一、簡單的靜態服務器 1、代碼解析 var http = require('http') // http是nodejs裏面的一個模塊，這個對象能夠提供實現底層的方法。我們通過require去加載這個模塊 var server = http

2018-12-02 21:24:48

原创 mock數據

本文主要是記錄如何mock數據操作，防止我這條金魚過幾天又忘了如何操作。不涉及原理（當然寫原理目前的我也寫不出來，哈哈哈），只是寫了操作步驟。如果有誤歡迎大佬指出 一、使用GitHubpage mock數據 demo：https://git

2018-12-01 10:25:00

原创 Ajax筆記

本文主要是我學習ajax的筆記，不涉及到原理，只是記錄如何使用。如果有錯歡迎各位大佬指出。提前先轉一篇寫的非常全面的博客你真的會使用XMLHttpRequest嗎？ 一、ajax概念 1、ajax是一種技術方案，但並不是一種新技術。它依賴的

2018-11-30 15:56:03

原创 js 事件筆記

一、事件簡述 1、事件概念 在Web中, 事件在瀏覽器窗口中被觸發，執行事先綁定的事件處理器（也就是事件觸發時會運行的代碼塊），對事件做出響應。用戶在瀏覽器的任何一個操作都會去觸發一個事件，JavaScript採用異步事件驅動編程模型，當文

2018-11-27 21:15:24

原创 DOM操作筆記

一、DOM簡介 1、定義： DOM 是 JavaScript 操作網頁的接口，全稱爲“文檔對象模型”（Document Object Model）。 2、作用 它的作用是將網頁轉爲一個 JavaScript 對象，從而可以用腳本進行各種操作

2018-11-25 11:35:33

原创 js 數據類型筆記

這篇文章主要是對阮一峯老師javascript教程中數據類型和運算的筆記，方便記憶。有需要的朋友建議直接觀看阮一峯老師javascript教程，寫得更詳細 一：數據類型概述 1、簡介6種數據 1.1數值（number）：整數和小數1.2字符

2018-11-23 17:25:29

原创 js 定時器筆記

本文是學習js定時器、單線程、同步異步任務的筆記，只適合初學者。 一、定時器（timer） JavaScript提供定時執行代碼的功能，該功能主要由setTimeout()和setInterval()這兩個函數來實現 二、setTimeou

2018-11-23 13:05:23

原创 js數組筆記

一、定義 數組（array）是按次序排列的一組值。每個值的位置都有編號（從0開始）。整個數組用方括號表示，數組的值用'，'分割；數組的數據可以是任何類型。 本質上，數組屬於一種特殊的對象，對應的鍵名也是字符串"0", "1", "2"。。。

2018-11-22 12:20:15 2