原创 canvas畫貝塞爾曲線(bezierCurveTo)

簡單描述:頁面上有四個點,鼠標拖動四個點的位置來改變貝塞爾曲線的形狀,雙擊放置點位 效果圖: <!DOCTYPE html> <html lang="en"> <head> <meta charse

原创 css 背景定位 文字樣式及文本溢出隱藏···

css樣式表特性: 1.繼承性 2.層疊性 一個選擇器可以被重複定義 在多個不同的定義中,不重複的屬性可以層疊在一起 如果屬性重複的話,以後定義的爲準 3.優先級 樣式定義衝突時,按照不同樣式的優先級

原创 應用緩存 indexedDB

使用應用緩存的兩個步驟: 1.創建應用緩存的文件 2.在html中引用應用緩存的文件 <link rel="icon" href="icon.png"/> 設置圖標應用緩存的詳細使用: 1. 需要在服務端配製應用緩

原创 canvas做簡單畫板功能

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>畫板</title> <style

原创 百度地圖開發者平臺API項目應用

1、進入百度地圖開發者平臺網站 進入web開發 2、註冊百度開發者賬號 3.閱讀開放平臺概述 4.創建應用 創建完成: 百度地圖開放平臺 JavaScript API 類參考地址 <!DOCTYPE html>

原创 顏色單位 盒模型 border

顏色單位: 盒子模型: 別名:方框屬性、盒子屬性、盒子模型 框模型主要設置了元素的 外邊距、內邊距、邊框、高度、寬度、 元素實際寬度=左外邊距+左邊框+左內邊距+寬度+右內邊距+右邊框+右外邊距 外邊距: 1、什麼

原创 webSql基礎用法

webSQL 是一個操作數據庫的對象 裏面封裝了操作數據庫的方法 是通過sql語句操作數據庫的(創建數據庫、建表、增刪改查) Sql語句?是一個可以操作數據庫的字符串 類似正則的規則 他不會自己執行,需要各個平臺單獨操作數據

原创 Canvas的基本介紹和使用

canvas可以做什麼? 做遊戲:白鷺引擎、trees…… 動畫 圖表、頻譜 畫圖 HTML5 不止是單純的 HTML 本身是一個標籤<canvas></canvas>,默認是300*150的寬高,本身就具

原创 CSS浮動與定位 visibility opacity vertical-align cursor屬性概述

浮動: 定位: 1.什麼是相對定位? visibility與display: **visibility與display的區別: visibility設置元素隱藏會佔位display不會佔位

原创 CSS3-多列-視口-媒體查詢-彈性盒/彈性佈局-Node介紹

css3多列: column-count: 設置列的個數,可以把一行文字分割成設置的列的個數,如果設置了列的寬度,當列的最小寬度和不夠總寬度的時候,列的數量就會縮小。 column-width:可以設置列的最小寬度

原创 table標籤與列表標籤

table tr td th 表格屬性 table: width:寬度 height:高度 align:水平對齊方式(left center right) border:設置表格的變寬,以px(像素)爲單位 ce

原创 canvas簡單動畫效果

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Canvas</title> <style typ

原创 js介紹-js中的變量和數據類型及相互轉換-運算符及表達式

1、什麼是js? 2、如何編寫js? 3、如何調試js? 1、什麼是js:專門編寫網頁交互的語言 交互:用戶操作->程序處理和響應操作->返回處理結果 js運行於js解釋器\引擎 ->解釋執行 js的發展歷程 1995

原创 html元素 css樣式 選擇器

fieldset元素-爲控件分組 legend元素-爲分組指定一個標題 <fieldset> <legend>地址信息</legend> 地址:<input type="text"> 郵

原创 邏輯運算與循環結構

1、邏輯運算:綜合多個關係運算結果得出的結論 返回值:true false && || ! 與 或 非 &&:一假則假 ||:一真則真 !:顛倒 短路邏輯:在