原创 jQuery——創建元素的案例 | 事件參數對象下的屬性

事件參數對象,jQuery中事件參數對象同樣存在 e.button: 鼠標按鍵的鍵值 e.altKey: 用戶是否按下了alt鍵——布爾類型 e.shiftKey: 用戶是否按下了shift鍵——布爾類型 e.ctrlKey: 用

原创 jQuery——一些亂七八糟的案例和方法

事件觸發 <script src="jquery-1.12.1.js"></script> <script> $(function(){ //文本框添加獲取焦點的事件

原创 jQuery——爲元素解綁事件不同方法

例:bind解綁事件 用什麼方式綁定事件,最好用對應的方式解綁事件 bind括號中寫什麼事件的名字就會把這個事件解綁,會把這個元素的這個點擊的多個事件都會解綁 <style> div{

原创 Bootstrap筆記4

圖片響應式 目的: 各種終端都需要正常顯示圖片 移動端應該使用更小(體積)的圖片 實現方式 將元素中直接設置的圖片背景刪除,換成兩個data-屬性(如:data-img-sm=“小圖路徑”,data-img-lg=“大圖路徑”)

原创 Bootstrap筆記2

柵格系統 Bootstrap提供了一套響應式、移動設備優先的流式柵格系統,隨着屏幕或視口(viewport)尺寸的增加,系統會自動分爲最多12列。它包含了易於使用的預定義類,還有強大的mixin用於生成更具語義的佈局。 簡介: 柵

原创 VUE——v-for指令的四種使用方式

v-for循環普通數組 <div id="app"> <p v-for="(item, i) in list">索引值: {{i}} --- 每一項: {{item}}</p> </div>

原创 Javascript——爲元素註冊事件案例

例:爲元素註冊事件 <input type="button" value="分離html" id="btn1"/> 先有按鈕,才能獲取,獲取之後才能註冊事件 <script> //根據id屬

原创 VUE——全局過濾器的基本使用

過濾器: Vue.js允許你自定義過濾器,可被用作一些常見的文本格式化。過濾器可以用在兩個地方:mustachc插值和v-bind表達式。過濾器應該被添加在JavaScript表達式的尾部,由“管道”符指示; //

原创 VUE——定義格式化時間的全局過濾器

使用品牌案例部分的代碼,修改部分如下。 <td>{{ item.ctime | dateFormat }}</td> <td>

原创 VUE——案例同上。根據關鍵字實現數組過濾

<tbody> <!--之前,v-for中的數據,都是直接從data上的list中直接渲染過來的--> <!--現在,我們自定義一個searc

原创 VUE——生命週期函數組建運行和銷燬

</html> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src

原创 Javascript——GlobalEventHandlers

參考:https://developer.mozilla.org/en-US/docs/Web/API/Element GlobalEventHandlers描述了一系列web worker(如HTMLElement, Docum

原创 Web API——獲取元素、事件基礎

1. 如何獲取頁面元素 DOM在實際開發中主要用來操作元素 獲取頁面中的元素可使用以下幾種方式: (1)根據ID獲取 (2)根據標籤名獲取 (3)根據HTML5新增的方法獲取 (4)特殊元素獲取 2. 根據ID獲取 使用getEl

原创 Web API——執行事件的步驟 & 操作元素

執行事件的步驟 1.獲取事件源 var div = document.querySelector('div'); 2.註冊事件(綁定事件) div.onclick 3.添加事件處理程序(採取函數賦值形式)

原创 扶朕起來,朕還能接着編!

HTML: HTML初步認識 HTML骨架及基本語法特性 HTML——HTML5新元素 HTML——HTML5新表單屬性 CSS: CSS——關於列表 CSS——div & span CSS——表單和input標籤 CSS——常見