整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
tyle 修飾
width 寬度
height 高度
title 想說明的
text-align 水平對(duì)齊方式
center 居中 left 居左 right 居右
line-height 垂直對(duì)齊方式/行高 當(dāng)行高等于高度時(shí)候垂直居中
background 背景
image 引入背景圖片(url)
background-position： 背景定位(x軸，y軸；)
background-repeat 背景平鋪
:no-repeat;不平鋪 repeat-x;水平平鋪 repeat-y;垂直平鋪
background：url() repeat left center #00;
順序：背景圖片 重復(fù) 定位 顏色
top/right/bottom/left/center 方向英文：上、右、下、左，中
color 顏色
font 文字
font-family 字體
font-size 字號(hào)
font-weight：normal 正常 :bold 加粗
font-style: normal;取消傾斜 :italic;斜體
font:italic bold 24px/24px ‘楷體’;
順序：是否斜體 是否粗體 字體大小/行高 字體
文本修飾屬性：
text-decoration：
overline 頂劃線
underline 下劃線
line-through 中劃線/刪除線
none 無/取消下劃線
display 轉(zhuǎn)化顯示模式 元素轉(zhuǎn)化
block 塊
inline 行內(nèi)
inline-block 行內(nèi)塊
省略號(hào)
white-space:nowrap 強(qiáng)制不換行
overflow:hidden 溢出隱藏
text-overflow：ellipsis 省略號(hào)
font-family：‘微軟雅黑’ 讓省略號(hào)在下面
必須給寬度
偽類
a:link 設(shè)置未訪問時(shí)候的顏色 點(diǎn)擊后變成a的正常顏色
a:visited 設(shè)置訪問過后顏色
a:hover 當(dāng)鼠標(biāo)放上去會(huì)變顏色
a:active 鼠標(biāo)點(diǎn)擊變顏色
順序 lvha 驢哈
auto 自動(dòng)居中
margin 外邊距
margin-top 上外邊距
margin-right 右外邊距
margin-bottom 下外邊距
margin-left 左外邊距
padding 內(nèi)邊距
padding-top 上內(nèi)邊距
padding-right 右內(nèi)邊距
padding-bottom 下外邊距
padding-left 左外邊距
float 浮動(dòng) ：left|right|none 左|右|不浮動(dòng)
cursor:pointer 小手的代碼。。
clear：left|right|both 清除浮動(dòng)
overflow：hidden 溢出隱藏
index 首頁
base 里面寫清除默認(rèn)樣式的
text-indent：em 首行縮進(jìn) （LOGO名字）
以后logo 必須用H1引背景圖片 里面寫上字
position：relative|absolute|fixed 定位
relative 相對(duì)定位
absolute 絕對(duì)定位
fixed 固定定位
Left/top/right/bottom 定位的偏移量
z-index 改變標(biāo)簽z軸堆疊順序
opacity 透明代碼 1不透明（0.9 0.8.。。。。） 0透明
filter：alpha（opacity：0-100）
input{outline:none} 取消焦點(diǎn)
post 相對(duì)安全 gat 不安全 input 表單 單標(biāo)簽 type="text" 賬號(hào)/文本 type="password" 密碼 type="submit" 提交 type="button" 只是一個(gè)點(diǎn)擊按鈕 type="radio" 單選框 label雙標(biāo)簽 選項(xiàng)內(nèi)容 type="checkbox" 復(fù)選框 label雙標(biāo)簽 選項(xiàng)內(nèi)容 value="提示 如 請(qǐng)輸入密碼" placeholder="也是提示" select option 選項(xiàng)欄 textarea 下拉框 resize：none 禁止任意拖放 name="user" 賬號(hào) name="password" 密碼
table{ border-collapse:collapse;} 讓border合并
tr加
colspan=“3” 橫向合并
rowspan=“3” 縱向合并
align 左右對(duì)齊方式 middle（左）left center right
valign 上下對(duì)齊方式 top center bottom
cellspacing=“0” 清除外面的邊距
cellpadding=“0” 清楚里面的邊距
表頭
表身
表低
frameborder="0" 取消邊框 screlling="no" 取消滾動(dòng)條 iframe src
letter-spacing：具體數(shù)值 字母間距
word-spacing：數(shù)值 單詞間距
overflow：auto 溢出滾動(dòng)
visibility：hidden 隱藏
charset 字符集
utf-8 國際編碼
gb2312/gbk 中國編碼
author 作者
copyright 版權(quán)
keywords 關(guān)鍵詞
description 介紹
js
@media screen and (max-width:900px){}; 屏幕自適應(yīng)
媒體 屏幕 最大
push :添加一個(gè)數(shù)組元素
document ：文檔
pop ：刪除最后一個(gè)數(shù)組元素
console ：控制臺(tái)
shift ：刪除第一個(gè)數(shù)組元素
string ：字符串
Concat 組合數(shù)組
undefined ：未定義
typeof ：關(guān)鍵字
join：數(shù)組轉(zhuǎn)化為指定分隔符
slice：返回指定數(shù)組
length：數(shù)組長(zhǎng)度
Array：數(shù)組
number：數(shù)字
boolean：布爾
alert：提示框
parseInt：轉(zhuǎn)化為整型數(shù)值
continue：繼續(xù)
is NaN：非數(shù)字
sort：升序
break：截?cái)?跳出
reverse：倒序
object：對(duì)象類型
parseFloat：轉(zhuǎn)化為浮點(diǎn)值
index：索引
floor：向下取整
variable：變量
ceil：向上取整
round:四舍五入
abs：返回絕對(duì)值
eval：解析字符串并運(yùn)算
max：比較最大值
return：返回
min：比較最小值
addEventListener：事件名 函數(shù)
to.fixed：保留小數(shù)點(diǎn)
attachEvant：（on）事件名
random：隨機(jī)數(shù)
eletment：元素
eventName：事件名
function：函數(shù)
removeEventListener：事件解除
detachEvent：刪除已注冊(cè)事件
open（）：彈出一個(gè)新窗口
function：函數(shù)（方法）
showModalDialog：彈出一個(gè)模式窗口
close（）：關(guān)閉當(dāng)前窗口
Date：日期對(duì)象
getFullYear（）：年份
getMonth（）：月份（0–11）
getDate（）：幾號(hào)
getDay（）：星期幾（周一至周六）
getHours（）：小時(shí)（0–23）
getMinites（）：分鐘
getSeconds（）：秒數(shù)（0–59）
getMilliseconds（）：毫秒數(shù)
getTime（）：從1970至今的毫秒數(shù)
Date.now（）：從1970至今的毫秒值
tolocaleDatestring（）：輸出本地化的日期
setTimeout：延遲時(shí)間
tolocaleTimestring（）：輸出本地化得時(shí)間
clearTimeout：定時(shí)器對(duì)象
tolocalestring：輸出本地化的日期和時(shí)間
setInterval：間隔時(shí)間
clearInterval：停止
window.status：瀏覽器狀態(tài)欄信息
window.screen：屏幕信息
screen.width：屏幕寬度
screen.height：屏幕高度
screen.availwidth：去掉任務(wù)欄寬度
screen.avaiheight：去掉任務(wù)欄高度
history：瀏覽歷史記錄
location：地址欄對(duì)象
navigator：用于獲取用戶瀏覽器信息
appCodeName：瀏覽器代碼名的字符串表示
appName：返回瀏覽器的名稱
appVersion：返回瀏覽器的平臺(tái)和版本信息
platform：返回運(yùn)行瀏覽器的操作系統(tǒng)平臺(tái)
userAgent：返回由客戶機(jī)發(fā)送服務(wù)器的
user-agent：頭部的值
Exception：異常 意外情況（try—catch）
獲取元素對(duì)象方式:
getElementByld：
getElementsByName：
gatElementsByTagName：
getElementByClassName：
onlick 當(dāng)點(diǎn)擊的時(shí)候
onmouseover 鼠標(biāo)移入
onmouseout 鼠標(biāo)移出
onblur：失去焦點(diǎn)事件
onkeydown：鍵盤按下事件（前）
onkeypress：鍵盤按下事件（后）
onload：當(dāng)頁面加載完成之后觸發(fā)
onchange;內(nèi)容改變事件
onkeydown;鍵盤按下事件（前）
onkeyup;鍵盤松開事件
onkeypress;鍵盤按下事件（后）
onmouseout：鼠標(biāo)移出事件
onmouseover：鼠標(biāo)移入事件
onselect：內(nèi)容被選中事件
ondblclick：鼠標(biāo)雙擊事件
onfocus：獲得焦點(diǎn)事件
onkeyup：鍵盤松開事件
復(fù)選框操作 checked=" "
checked 默認(rèn)選中
false 不選中
true 選中
typeof 查看數(shù)據(jù)類型
object 對(duì)象
number 數(shù)字
string 字符串
function 函數(shù)
boolean 布爾值 true false
undefined 未定義
parseInt 整數(shù)
parseFloat 浮點(diǎn)數(shù)/小數(shù)
Number 數(shù)字
hide 隱藏
show 顯示
skin 皮膚
code 代碼
even 事件
array 數(shù)組
integer 整數(shù)
veruant 變量
common 公用
switch
case 情況
break 中斷整個(gè)循環(huán)
continue 跳出本次循環(huán)
default 不履行/所有情況都不滿足的時(shí)候走這個(gè)
null 沒有/空對(duì)象
computed 計(jì)算后/生效的
eval（JS可以讀懂的代碼：如‘1+1’->字符串） 這個(gè)代碼會(huì)把（）里面的字符串換成計(jì)算機(jī)讀懂的代碼來計(jì)算 + - * % 都行 （計(jì)算用的）
return 返回
write 輸入
find 查找
interval 間隔
setInterval（函數(shù)名，1000/） 間隔定時(shí)器
clearInterval 清除間隔定時(shí)器
Timeout 超時(shí)
setTimeout 延遲定時(shí)器
clearTimeout 清除延遲定時(shí)器
obj.disabled 讓按鈕/變成不可使用
true 不可用
false 可用
date 時(shí)間
get 獲取
set 設(shè)置
Fullyear 滿年
month 月 （從0月開始）
day 日 獲取需要 date
week 星期 獲取需要day （從0到6）
hours 小時(shí)
minutes 分鐘
seconds 秒
single 一個(gè)/一倍
dubble 兩個(gè)/兩倍
triple 三個(gè)/三倍
arguments 函數(shù)傳參-實(shí)參的集合
arguments.length 函數(shù)傳參-實(shí)參的長(zhǎng)度
arr.push（） 向數(shù)組最后添加一項(xiàng)
arr.unshift() 向數(shù)組前面添加一項(xiàng)
arr.pop（）刪除數(shù)組最后一位.
arr.shift（） 刪除數(shù)組第一位
arr.splice(開始的位置，刪除的個(gè)數(shù)，添加的東西1。。。)
arr.join(’’) 變字符串 是中間的隔開東西 如- ，空格 等等。。。
arr.concat(arr1,arr2,arr…要拼接的數(shù)組…); 數(shù)組拼接/合并數(shù)組
arr.reverse() 反轉(zhuǎn)/顛倒數(shù)組
arr.sort() 數(shù)組排序 按照字符串比大小的方法來排序
arr.sort(function(a1,a2){ return a1-a2 //從小到大 return a2-a1 //從大到小 }) a1 a2隨便起 代表的是數(shù)組中隨機(jī)的某兩項(xiàng)
str.charAt() 字符串里面的下標(biāo)
str.indexOf(‘’) 下字符串對(duì)應(yīng)的下標(biāo)數(shù)（相同的就取第一個(gè)）
str.lastIndexOf（‘’）下字符串對(duì)應(yīng)的下標(biāo)數(shù)（相同的就取最后一個(gè)）
str.substring (開始位置，結(jié)束位置)/（開始位置-不寫結(jié)束位置默認(rèn)就從開始位置到最后） 截取子串
str.toUpperCase() 大寫字母
str.toLowerCase() 小寫字母
str.split(切割的方式 ‘-’ ‘’ '空格’等) 切割變成數(shù)組
str.charCodeAt(‘a(chǎn)’) 輸入字符查找對(duì)應(yīng)的編碼
String.fromCharCode(編碼) 輸入編碼查找對(duì)應(yīng)的字符
json.name=value; 添加
delete json.name 刪除
token 括號(hào)
try catch(e) 異常
math.random() 求隨機(jī)數(shù)
parseInt（math.random()（m-n）+n） 求n-m之間隨機(jī)的整數(shù)， 前包括后不包括
math.abs() 求絕對(duì)值
math.max(，，，) 求最大值
math.min(，，，) 求最小值
math.pow(n,m) 求n的m次方
math.sqrt(a) 開方
math.PI π
math.ceil(12.3) 向上取整 13
math.floor(12.3) 向下取整 12
math.round(a) 四舍五入
!important Css樣式值后面加這個(gè) 權(quán)重最大
navigator.userAgent UA 例子判斷瀏覽器的類型
navigator.language 語言
navigator.platform 操作系統(tǒng)
Sibling 兄弟
next 下一個(gè)
previous 上一個(gè)
獲取元素/節(jié)點(diǎn)：
(父級(jí)) obj.children 找：兒子/子級(jí) 子節(jié)點(diǎn)
(子級(jí)) obj.parentNode 找：父親/父級(jí) 父節(jié)點(diǎn)
(同級(jí)) obj.nextElementSibling || obj.nextSibling 下一個(gè)同級(jí)/節(jié)點(diǎn) (同級(jí)) obj.previousElementSibling || obj.prenviousSibling 上一個(gè)同級(jí)/節(jié)點(diǎn)
(父級(jí)) obj.firstElementChild ||obj.firstChild 首節(jié)點(diǎn)
(父級(jí)) obj.lastElementChild || obj.lastChild 尾節(jié)點(diǎn)
創(chuàng)建元素：
document.createElement_x(‘標(biāo)簽名’) 創(chuàng)建元素
添加插入
(父級(jí)) obj.appendChild(誰) 往元素里面最后添加一個(gè)
帶剪切效果
(父級(jí)) obj.insertBefore(把誰，加在誰的前面) 往元素里面添加一個(gè)
帶剪切效果
刪除元素：
(父級(jí)) obj.removeChild(子級(jí)) 刪除子級(jí)
window.open() 打開
window.close() 關(guān)閉
a標(biāo)簽：target=""
不填 默認(rèn)新頁面打開
_blank 新頁面打開
_self 本頁面打開
window.location 地址欄信息
window.location.href 鏈接信息
window.location.search 數(shù)據(jù)信息
window.location.hash 錨點(diǎn)信息
*了解就行 面試背住
window.location.procotol 協(xié)議信息
window.location.hostname 域名信息
window.location.port 端口號(hào)信息
window.location.pathname 路徑信息
back 返回
forward 向前
history 歷史
window.history.back 返回歷史記錄 退
window.history.forward 返回歷史記錄 前
alert（） 彈
confirm 詢問提示框
prompt 問答提示框
console.log（） 在F12中顯示;
document.write（*） 在頁面中輸入
scroll 滾動(dòng) 有兼容問題
client 客戶端/可視區(qū)
offsetHeight/Width 物體盒子模型的寬高
offsetTop/Bottom/方向 物體距上/下/左/右的距離
offsetparent 定位父級(jí)
window.onScroll 當(dāng)滾動(dòng)的時(shí)候 滾動(dòng)事件
window.onresize 當(dāng)縮放的時(shí)候 縮放事件
onfocus 當(dāng)獲取焦點(diǎn)的時(shí)候
onblur 當(dāng)失去焦點(diǎn)的時(shí)候
obj.getAttribute(‘屬性名’) 獲取屬性名對(duì)應(yīng)的屬性值
obj.setAttribute(‘屬性名’,‘屬性值’) 設(shè)置屬性
obj.removeAttribute(‘屬性名’) 刪除屬性
event 事件
onmousemove 鼠標(biāo)移動(dòng)事件
onload 當(dāng)圖片加載完成時(shí)
onerror 當(dāng)圖片加載失敗時(shí)
cancelBubble 取消冒泡
onkeydown 當(dāng)按鍵按下的時(shí)候
onkeyup 當(dāng)按鍵抬起的時(shí)候
oEvent.keycode 鍵盤編碼
oncontextmenu 當(dāng)按右鍵的時(shí)候
return false 阻止瀏覽器右鍵菜單
cache 緩存
onmousedown 鼠標(biāo)按下時(shí)
onmouseup 鼠標(biāo)抬起時(shí)
onmousemove 鼠標(biāo)移動(dòng)事件
obj.setCapture() 開始捕獲
obj.releaseCapture() 取消捕獲
obj.cloneNode() 克隆復(fù)制一個(gè)節(jié)點(diǎn)
document/obj.addEventListener（‘不加on的事件名’,函數(shù)名,false） 添加事件綁定 兼容高級(jí)
document/obj.attachEvent（‘加on的事件名’,函數(shù)名） 添加事件綁定 兼容IE系列
document/obj.removeEventListener（‘不加on的事件名’,函數(shù)名,false） 解除事件綁定
document/obj.detachEvent（‘加on的事件名’,函數(shù)名） 解除事件綁定
onmouseenter 鼠標(biāo)移入
onmouseleave 鼠標(biāo)移出
onmousewheel 鼠標(biāo)滾輪事件
DOMMouseScroll 鼠標(biāo)滾動(dòng)事件
oEvent.wheelDelta 非火狐 測(cè)試鼠標(biāo)滾輪向上向下彈得數(shù)字
oEvent.detail 火狐 測(cè)試鼠標(biāo)滾輪向上向下彈得數(shù)字
return false 阻止瀏覽器默認(rèn)事件 但是在事件綁定中失效
oEvent.preventDefoult 在事件綁定中用 阻止瀏覽器默認(rèn)事件（如果單獨(dú)用只兼容高級(jí)瀏覽器）
oninput 當(dāng)輸入的時(shí)候 iE9- 沒有此方法
onpropertychange 當(dāng)屬性改變的時(shí)候 IE系列
oEvent.srcElement 事件源 非火狐
oEvent.target 事件源 高級(jí)瀏覽器
duration 期間
start 開始
count 次數(shù)
complete 完成
var bFlag=false/ture 開關(guān) 自定義
easing 速度類型：
linear 勻速
ease-in 加速
ease-out 減速
window.onload 頁面加載完畢后執(zhí)行（代碼、資源）
DOMReady 頁面加載完畢后執(zhí)行（代碼）
DOMContentLoaded DOM加載事件
obj.onreadystatechange 監(jiān)控事件（模擬DOM加載事件）
readyState 加載狀態(tài)
document/obj.readyState 加載狀態(tài)
ondbclick 鼠標(biāo)雙擊
queryselector 新的獲取元素方法
window.location.reload 重新加載
cookie
expires 期限
session 一個(gè)會(huì)話（瀏覽器打開和關(guān)閉）
path 路徑
define 定義
require 引用其他模塊
exports 導(dǎo)出模塊
module 批量導(dǎo)出模塊，
data-main 主要數(shù)據(jù)/初始化接口
success 成功
error 失敗
Request 請(qǐng)求
ActiveX 瀏覽器插件
XMLHttpRequest（） ajax 創(chuàng)建/ 不兼容ie6-
ActiveXObject（‘Microsoft.XMLHTTP’） 創(chuàng)建/(插件) ie系列
oAjax.open()打開
oAjax.setRequestHeader(‘content-type’, ‘a(chǎn)pplication/x-www-form-urlencoded’);
oAjax.send() 發(fā)送
onreadystatechange 接收/當(dāng)通信狀態(tài)變化
oAjax.abort() 使中止
oAjax.readyState 是否完成/加載狀態(tài)
oAjax.status 是否成功
response 回答/響應(yīng)
oAjax.responseText 返回結(jié)果
JSON.parse() 可以把字符串json變成json 不過json要正規(guī)些 雙引號(hào)
JSON.stringify() json打印出來的方法
encode 編碼
decode 解碼
Component 組件/元件
encodeURIComponent(‘中文’) 中文轉(zhuǎn)化成編碼
decodeURIComponent(‘編碼’) 編碼轉(zhuǎn)化成中文
str.replace 替換
new RegExp() 正則表達(dá)式
str.search() 跟indexOf一樣 在正則用
str.match 匹配
正則.test（你要校驗(yàn)的str） true 正確滿足 false 不滿足 用這個(gè)的時(shí)候一定配合行首和行尾
轉(zhuǎn)譯
\d 數(shù)字 [0-9]
\w 數(shù)字、英文、下劃線 [0-9a-z]
\s 空白字符 所有的空白字符
. 代表任意字符
\D 非數(shù)字 [^0-9]
\W 非數(shù)字、英文、下劃線 [^0-9a-z]
\S 非空白字符
\u4e00-\u9fa5 中文
量詞
{n} n個(gè)
{n,m} n-m個(gè)
{n,} 最少n個(gè)，最多隨便
{0，m} 最少隨便 最多m個(gè)
{1，} 就是 若干個(gè)
{0，} 任意個(gè) 可以沒有
？ {0,1} 最少?zèng)]有 最多1個(gè)
\ 轉(zhuǎn)譯特殊字符
| 或的意思
i 忽略大小寫
g 全局匹配
m 多行模式
^ 行首 如果在方括號(hào)里面是除了
$ 行尾
*jq
hide 隱藏
show 顯示
toggle 點(diǎn)擊
hover 移入
fadeIn 淡入
fadeOut 淡出
animate 運(yùn)動(dòng)函數(shù)（move）
slideDown 滑動(dòng)從上往下出來
slideUp 滑動(dòng)從下往上隱藏
eq(下標(biāo)) 標(biāo)簽獲取的下標(biāo)
li>a li下面的第一級(jí)a
偽類選擇器:
li:last li最后一個(gè)
li:first li第一個(gè)
li:eq(2) 第三個(gè)li
obj：even 偶數(shù)
obj：odd 奇數(shù)
obj：has(“p/標(biāo)簽名”) 里面包含‘p’這個(gè)標(biāo)簽的就會(huì)選取
obj：contains(“p/內(nèi)容”) 內(nèi)容有得‘p’ 就都會(huì)選取
event/自己起行參名字.pageX X軸坐標(biāo)
event/自己起行參名字.pageY Y軸坐標(biāo)
offset().top 物體絕對(duì)的位置 ->getPos()函數(shù)
offset().left 物體絕對(duì)的位置
position().top 物體距定位父級(jí)距離 ->offsetTop
position().left 物體距定位父級(jí)距離
document.scrollTop 和原生一樣
document.scrollLeft 和原生一樣
.width/.height 物體本身的寬高
innerHeight/Width 物體內(nèi)部的寬高 包括padding 不包括邊框
outerHeight/Width 物體盒子模型寬高
父級(jí).append(子級(jí)) 在父級(jí)內(nèi)的后部追加
父級(jí).prepend(子級(jí)) 在父級(jí)內(nèi)的前面追加
子級(jí).appendTo(父級(jí)) 在父級(jí)后部追加
子級(jí).prependTo(父級(jí)) 在父級(jí)前部追加
obj1.after(obj2) 把2放在1的后面
obj1.before(obj2) 把2放在1的前面
bind() 事件綁定
unbind() 事件解綁
live() 事件委托
die() 解除事件委托
**以上四種不推薦 因?yàn)樵磉€是昂 所以推薦on
obj.on（） 可以事件綁定/委托
each 循環(huán)
$.trim() 去除首尾空格
extend() 延伸
height() 就是寬度
innerHeight 包括padding、不包括邊框
outerHeight 盒子模型的
offset().left -> getPos()
position().left -> offsetLeft()
scrollTop() -> scrollTop
eve.pageX/Y 坐標(biāo)
maxlength 表單元素最大長(zhǎng)度 屬性
$.fn.函數(shù)名=function(){} 建立jq封裝函數(shù)
$.fn.extend({函數(shù)名1:function(){},函數(shù)名2:function(){},…})
漢字：[0x4e00,0x9fa5]（或十進(jìn)制[19968,40869]）
數(shù)字：[0x30,0x39]（或十進(jìn)制[48, 57]）
小寫字母：[0x61,0x7a]（或十進(jìn)制[97, 122]）
大寫字母：[0x41,0x5a]（或十進(jìn)制[65, 90]）
parent() 父級(jí)
offsetParent() 定位父級(jí)
parents() 所有父級(jí) 括號(hào)里面可以篩選 比如放class名字或…
str/arr.slice（開始位置，結(jié)束位置） 切 從開始到結(jié)束 如果只有開始 就從開始到最后。 前包后不包
prototype 原型
form表單中 submit 提交 reset 重置
xxx instanceOf xxx 檢測(cè)一個(gè)對(duì)象屬于某個(gè)類
xxx.constructor==xxx 看構(gòu)造函數(shù) 雙等是判斷 直接父級(jí)屬不屬于xxx 一個(gè)等號(hào)是賦值讓直接父級(jí)等于xxx
fn.call(this的指向，參數(shù)一，參數(shù)二，…) 改變this的指向 fn中的this=
fn.apply(this的指向，[參數(shù)一，參數(shù)二，…]) 改變this的指向 fn中的this=
init 開始
localStorage 本地存儲(chǔ)
一般的規(guī)范
localStorage.name=value 存
localStorage.name 取
delete localStorage.name 刪除一條
localStorage.clear() 刪除全部
規(guī)范的存取
localStorage.setItem(name,value)
localStorage.getItem(name)
localStorage.removeItem(name)
sessionStorage 臨時(shí)存儲(chǔ) 和localStorage一樣用法
include() 包含
template.defaults.openTag=’’; 自定義模板開始樣子
template.defaults.closeTag=’’; 自定義模板結(jié)束樣子
template.config(‘openTag’,’’)
template.config(‘closeTag’,’’)
template.config(‘escape’,true/false) true不默認(rèn)轉(zhuǎn)譯 false默認(rèn)轉(zhuǎn)譯
m model 模型
v view 視圖
c controller 控制器
scope 范圍 作用域
then 然后
model模型
bind綁定
ng-app=""; 引用其他模塊
ng-model="" 數(shù)據(jù)從哪來
ng-bind="" 或 model 或 {{xxx}} 數(shù)據(jù)到哪去
ng-init 初始化
ng-repeat 循環(huán)
angular.module(‘名字’,[依賴模塊).controller(‘名字’,function(依賴項(xiàng)){})
$scope
$http
$interval
$timeout
` 反單引號(hào) 包住字符串 拼接是這樣 ${}
|currency:"" 貨幣
date:"" 時(shí)間戳轉(zhuǎn)化處理
route 路由/狀態(tài)
filter 過濾器
directive 指令
restrict 類型 E:‘element’ C:‘class’ M:‘comment’ A:‘a(chǎn)ttribute’
service 依賴
oDate.toString() 獲取正常時(shí)間
creator.ionic.io 做手機(jī)端的框架網(wǎng)站不錯(cuò)
ng-show true false 顯示 隱藏
ng-hide true false 隱藏 顯示
ng-clack
comment 注釋
bundle 打包
transclude 嵌入
params 參數(shù)
provider 提供者
.config() 配置
s c o p e . scope. scope.watch(數(shù)據(jù)，fn)
template 模板
templateUrl:‘模板地址’ 模板
$ bower install * 下載東西用的
ReactDOM.render(什么東西，渲染到哪)
type=‘text/babel’
state 狀態(tài)
extends 延伸 繼承
constructor 創(chuàng)建
super 超類/父類
component 組件
React.Component
this.props.屬性
組件中 ref和正常的ID類似
vue
el：‘id’
data:{}
$index
capitalize 首字母大寫
uppercase 變大寫字母
lowercase 變小寫字母
ev.stoppropagation() 阻止冒泡
ev.preventDefault() 阻止默認(rèn)事件 angular
angular.bind(this的指向，要改變指向的函數(shù)名，參數(shù))
bootstrap 開啟應(yīng)用模式
copy(復(fù)制誰,復(fù)制到哪里) 復(fù)制/克隆
equals(a,b) 比較
forEach 循環(huán)
fromJson 字符串json轉(zhuǎn)化成json
extend（obj，obj1，obj2。。。） 擴(kuò)展
標(biāo)簽里面屬性 transition=“名字” 過渡 動(dòng)畫
.名字-
transition 過渡
transition：時(shí)間 讓誰變/all ease;
enter 進(jìn)來
leave 出去
route 路由/狀態(tài)
watch 監(jiān)控
props 存東西 可在替換模板身上用
Router-view 狀態(tài)視圖
v-link="{path:名字
animation:8s test/名字 linear infinite/數(shù)值/次數(shù);
background-size 背景尺寸
contain 以最合適的狀態(tài)展示 可能會(huì)留白
cover 盡可能填滿
nth-child(下標(biāo) 注意：從1開始) 注意:項(xiàng)目不用這個(gè)。禁用
nth-of-type(下標(biāo) 注意：從1開始) 注意:項(xiàng)目不用這個(gè)。禁用
background-origin： 背景從哪里開始
content-box
border-box
padding-box
文整理了Web前端開發(fā)中的各種CSS規(guī)范，常用命名等，下面和千鋒廣州小編一起來看看吧！
?
常用命名
標(biāo)題: title
摘要: summary
箭頭： arrow
商標(biāo)： label
網(wǎng)站標(biāo)志： logo
轉(zhuǎn)角/圓角： corner
橫幅廣告： banner
子菜單： subMenu
搜索： search
搜索框： searchBox
登錄： login
登錄條：loginbar
工具條： toolbar
下拉： drop
標(biāo)簽頁： tab
當(dāng)前的： current
列表： list
滾動(dòng)： scroll
服務(wù)： service
提示信息： msg
熱點(diǎn)：hot
新聞： news
小技巧： tips
下載： download
欄目標(biāo)題： title
熱點(diǎn)： hot
加入： joinus
注冊(cè)： regsiter
指南： guide
友情鏈接： friendlink
狀態(tài)： status
版權(quán)： copyright
按鈕： btn
合作伙伴： partner
投票： vote
左/右/中：left/right/center
簡(jiǎn)介：profiles
評(píng)論：comment
ID命名
(1)頁面結(jié)構(gòu)
容器: container
頁頭：header
內(nèi)容：content/container
頁面主體：main
頁尾：footer
導(dǎo)航：nav
側(cè)欄：sidebar
欄目：column
頁面外圍控制整體布局寬度：wrapper
左右中：left right center
(2)導(dǎo)航
導(dǎo)航：nav
主導(dǎo)航：mainbav
子導(dǎo)航：subnav
頂導(dǎo)航：topnav
邊導(dǎo)航：sidebar
左導(dǎo)航：leftsidebar
右導(dǎo)航：rightsidebar
菜單：menu
子菜單：submenu
標(biāo)題: title
摘要: summary
(3)功能
標(biāo)志：logo
廣告：banner
登陸：login
登錄條：loginbar
注冊(cè)：regsiter
搜索：search
功能區(qū)：shop
標(biāo)題：title
加入：joinus
狀態(tài)：status
按鈕：btn
滾動(dòng)：scroll
標(biāo)簽頁：tab
文章列表：list
提示信息：msg
當(dāng)前的: current
小技巧：tips
圖標(biāo): icon
注釋：note
指南：guild
服務(wù)：service
熱點(diǎn)：hot
新聞：news
下載：download
投票：vote
合作伙伴：partner
友情鏈接：link
版權(quán)：copyright
class命名
(1)顏色:使用顏色的名稱或者16進(jìn)制代碼,如：
.red { color: red; }
.f60 { color: #f60; }
.ff8600 { color: #ff8600; }
(2)字體大小,直接使用"font+字體大小"作為名稱,如：
.font12px { font-size: 12px; }
.font9pt {font-size: 9pt; }
(3)對(duì)齊樣式,使用對(duì)齊目標(biāo)的英文名稱,如：
.left { float:left; }
.bottom { float:bottom; }
(4)標(biāo)題欄樣式,使用"類別+功能"的方式命名,如：
.barnews { }
.barproduct { }
推薦的CSS書寫順序
相關(guān)的屬性聲明應(yīng)當(dāng)歸為一組，并按照下面的順序排列：
Positioning
Box model
Typographic
Visual
由于定位（positioning）可以從正常的文檔流中移除元素，并且還能覆蓋盒模型（box model）相關(guān)的樣式，因此排在首位。盒模型排在第二位，因?yàn)樗鼪Q定了組件的尺寸和位置。
.xxx {
/* Positioning */
position: absolute;
top:0;
right:0;
bottom:0;
left:0;
z-index:100;
/* Box-model */
display: block;
float: right;
width: 100px;
height: 100px;
/* Typography */
font: normal 13px "Helvetica Neue", sans-serif;
line-height:1.5;
color:#333;
text-align: center;
/* Visual */
background-color:#f5f5f5;
border: 1px solid #e5e5e5;
border-radius: 3px;
/* Misc */
opacity:1;
}
以上就是今天的分享，希望對(duì)大家的學(xué)習(xí)有幫助哦！
你可能注意到了Fubiz發(fā)布的微妙的動(dòng)畫標(biāo)志，他們最近推出了網(wǎng)站重新設(shè)計(jì)，或者在新的CSS-Tricks標(biāo)志中隱藏的復(fù)活節(jié)彩蛋，或者甚至是David Stanfield網(wǎng)站上的非循環(huán)動(dòng)畫標(biāo)志。通常，動(dòng)畫標(biāo)志主要用于視頻，但最近，我們看到這些精美和美麗的動(dòng)畫標(biāo)志在網(wǎng)站上被高效使用。
無論是顯示為動(dòng)畫GIF還是使用CSS和SVG創(chuàng)建，動(dòng)畫標(biāo)志有令人驚嘆的力量，引起您的注意力的品牌，使其高度難忘。此外，使用運(yùn)動(dòng)設(shè)計(jì)師David Stanfield的標(biāo)志作為示例，為您提供了一種獨(dú)特的方法，向您的目標(biāo)讀者或潛在客戶展示您的設(shè)計(jì)技能，增加一些個(gè)性。
雖然目前沒有廣泛使用，我們?cè)O(shè)法找到一個(gè)精巧的動(dòng)畫標(biāo)志的小集合，希望能激勵(lì)你去創(chuàng)建自己的。下面我們來看看夢(mèng)幻的Fubiz標(biāo)志吧。如果你有更多關(guān)于網(wǎng)站建設(shè)、網(wǎng)站優(yōu)化、logo設(shè)計(jì)、品牌設(shè)計(jì)、印刷、APP/微信開發(fā)等產(chǎn)品服務(wù)的需求，歡迎咨詢摩恩網(wǎng)絡(luò)官網(wǎng)，新上線企業(yè)VI設(shè)計(jì)套餐和網(wǎng)站營銷推廣系統(tǒng)（強(qiáng)）！
*請(qǐng)認(rèn)真填寫需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
