原创 自定義表格的添加行/刪除行

自定義表格的添加行/刪除行 1、創建好表頭,定義好列名,以及刪除控件的列,添加行的按鈕 <div class="row col-lg-12 col-md-12" style="margin-left:2px;"> <butt

原创 JavaScript中的函數、對象

JS中的函數 聲明方式 方式一 function 函數名(){ 函數體 } 方式二 var 函數名=function(){ 函數體 } 方式三 var 函數名=new Function(“函數體”); 執行方式 函數名();

原创 jQuery學習筆記

jQuery學習筆記(一) 基本選擇器 名稱 用法 描述 ID選擇器 $(“#id”); 獲取指定ID的元素 類選擇器 $(“.class”); 獲取同一類class的元素 標籤選擇器 $(“div”); 獲取同

原创 JS和jQuery的區別

一、本質上的區別 1.JavaScript 是通過標籤插入到HTML頁面,可由所有的現代瀏覽器執行的一種輕量級的編程語言。 2.JQuery是一個JavaScript函數庫。或者說是JavaScript。 使用JQuery首先要在 H

原创 【Web前端】CSS使用方法

*本文主要介紹CSS的基礎語法,以及插入到HTML中的方法,供遺忘時快速查閱。(本文內容結合W3C教程編寫) CSS基礎語法 CSS規則由選擇器和聲明組成 選擇器是要改變樣式的HTML元素,也可以是表示多個元素的id或class; 聲

原创 ajax的原理

其原理: 通過XmlHttpRquest對象來向服務器發送異步請求的,從而從服務器中獲得數據後,然後用js來操作DOM來更新頁面 簡單來說: 用於後臺與服務器交互數據,這就能實現可以在不重新加載整個網頁的情況下,對網頁的部分進行更新

原创 繪製餅狀圖

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <canvas wi

原创 滾動監聽

引用bootstrap <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"> 調用

原创 有關touch的一點內容

1.touch是移動端的觸摸事件,是一組事件 touchstart 當手指觸摸屏幕的時候觸發 touchmove 當手指來回滑動的時候觸發 touchend 當手指離開屏幕的時候觸發 touchcancel 當被迫中止滑動的時

原创 在canvas中畫鍾

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <canvas wi

原创 學習c3h5

使用畫布 canvas 1:創建畫布 <canvas width="500" height="500" style="border: 1px solid #eeeeee"></canvas> 2:在script中獲取畫布 var c

原创 canvas中的方塊

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <canvas wi

原创 學習c3和h5第二天

animation:動畫名稱 動畫時間 運動曲線 何時開始 播放次數 是否反方向 animation-iteration-count:infinite; 無限循環播放 animation-play-state:paused;

原创 學習jQuery第六天

什麼是ajax? 用來做數據交互使用的 其原理: 通過XmlHttpRquest對象來向服務器發送異步請求的,從而從服務器中獲得數據後,然後用js來操作DOM來更新頁面 簡單來說: 用於後臺與服務器交互數據,這就能實現可以在不重新

原创 學習jQuery第五天

今天做一個簡單的小遊戲 部分js代碼 設置隨機顏色 function colors() { var r = Math.floor(Math.random() * 255); var g = Math