原创 HTML5繪圖筆記2：繪製圖形
繪製直線 繪製直線也需要使用路徑，這裏的直線實際上是線段（條），有起點和終點。 在Canvas上畫線，我們將使用以下兩種方法 moveTo(x,y) 定義線條開始座標 lineTo(x,y) 定義線條結束座標 繪製線條我們必須
2020-02-21 12:29:47
原创 HTML5繪圖筆記4：操作圖形
保存和恢復canvas狀態 save()存當前環境的狀態 restore()返回之前保存過的路徑狀態和屬性 <canvas id="myCanvas" width="400" height="200"></canvas> <scr
2020-02-21 12:29:46
原创 HTML5的SVG繪圖筆記5：漸變與透明度
SVG 漸變 漸變是一種從一種顏色到另一種顏色的平滑過渡。另外，可以把多個顏色的過渡應用到同一個元素上。 線性漸變 linearGradient可用來定義 SVG 的線性漸變。 linearGradient 標籤必須嵌套在 def
2020-02-21 12:29:46
原创 HTML5的SVG繪圖筆記1：SVG基礎
SVG優點 圖形文件可使用任何文本編輯器創建，可讀性強，易於修改。 與現有技術可以互動融合，可通過JS腳本來控制SVG對象。 SVG圖形格式方便建立文字索引，實現基於內容的圖像搜索。 SVG圖形可被高質量地打印。 SVG圖形格式
2020-02-21 12:29:46
原创 HTML5的SVG繪圖筆記3：變換
平移 使用translate方法，可以移動座標軸原點。 transform= translate(<x>[,<y>]); 旋轉 使用rotate方法，可以定義目標對象繞某點旋轉一定的角度。 transform=rotate(<an
2020-02-21 12:29:46
原创 Vue基礎：計算屬性和偵聽器
計算屬性 1、簡單示例 <div id="app"> <p>最初信息：{{message}}</p> <p>computed後信息：{{reversedMessage}}</p> </div> <script> v
2020-02-21 12:29:46
原创 HTML5的SVG繪圖筆記2：繪製SVG基本圖形
繪製矩形 rect元素用來創建矩形及其各種變化。 <rect x="" y="" rx="" ry="" width="" height="" style=" " /> 例子 <svg> <rect height="200" w
2020-02-21 12:29:46
原创 HTML5 Canvas設計動畫：時鐘
<style type="text/css"> div{ text-align: center; margin-top: 250px; } #clock{ border: 1px soli
2020-02-21 12:29:46
原创 vue基礎：vue介紹
聲明式渲染 響應式聲明渲染機制 Vue 是一個響應式系統。 Vue.js 用模板語法聲明式將數據渲染進 DOM 系統。 視圖是來自狀態聲明映射，狀態發生變化，數據自動渲染。 <!DOCTYPE html> <html> <
2020-02-21 12:29:46
原创 jQuery基礎：jQuery選擇器
jQuery選擇器繼承了CSS的語法，並且選擇器的功能比CSS更強大，可以對DOM元素的標籤名、屬性名、類名、狀態等進行更快速準確的選擇。jQuery對象如果要使用DOM方法，有如下處理方法。 （1）如果待操作對象是DOM對象，只
2020-02-21 12:29:45
原创 jQuery基礎：初識jQuery
jQuery設計的宗旨是“Write Less，Do More” jQuery已經集成了JavaScript、CSS、DOM和Ajax於一體的強大功能，它可以用最少的代碼完成更多複雜而困難的功能，從而得到了開發者的青睞。 jQue
2020-02-21 12:29:45
原创 HTML5的IndexedDB數據庫
IndexedDB數據庫概述 NoSQL數據庫 新一代數據庫，其含義是Not Only SQL 或non-relational，具有非關係型、高效的特點。與關係型數據庫比較，NoSQL數據庫適用於數據模型比較簡單、高併發讀寫、海量
2020-02-21 12:29:45
原创 Vue基礎：vue模板語法
Vue.js 使用了基於 HTML 的模板語法，允許開發者聲明式地將 DOM 綁定至底層 Vue 實例的數據。所有 Vue.js 的模板都是合法的 HTML ，所以能被遵循規範的瀏覽器和 HTML 解析器解析。 在底層的實現上，V
2020-02-21 12:29:45
原创 Vue基礎：列表渲染
用 v-for 把一個數組對應爲一組元素 用 v-for 指令基於一個數組來渲染一個列表。v-for 指令需要使用 item in items 形式的特殊語法，其中 items 是源數據數組，而 item 則是被迭代的數組元素的別
2020-02-21 12:29:45
原创 Vue基礎：vue組件基礎
基本示例 <div id="components-demo"> <button-counter></button-counter> </div> <script> // 定義一個名爲 button-counte
2020-02-21 12:29:45