~~~
使用 mock模擬接口 語法
{
"base": {
//生成隨機數組
"range": "@range(3, 7)",
//生成隨機字符串
"string": "@string(7, 20)",
//生成隨機字符
"character": "@character('abcde')",
//生成隨機數
"float": "@float(60, 100)",
"integer": "@integer(60, 100)",
//生成隨機自然數
"natural": "@natural(60, 100)",
"boolean": "@boolean"
},
//生成隨機時間
"date": {
"date": "@date",
"time": "@time",
"datetime": "@datetime",
"now": "@now"
},
"image": {
"image": "@image('200x100', '#50B347', '#FFF', 'EasyMock')"
},
"color": {
"color": "@color",
"hex": "@hex",
"rgb": "@rgb",
"rgba": "@rgba",
"hsl": "@hsl"
},
"text": {
"paragraph": "@paragraph(1, 3)",
"sentence": "@sentence(3, 5)",
"word": "@word(3, 5)",
"title": "@title(3, 5)",
"cparagraph": "@cparagraph(1, 3)",
"csentence": "@csentence(3, 5)",
"cword": "@cword('零一二三四五六七八九十', 5, 7)",
"ctitle": "@ctitle(3, 5)"
},
"name": {
"first": "@first",
"last": "@last",
"name": "@name",
"cfirst": "@cfirst",
"clast": "@clast",
"cname": "@cname"
},
"web": {
"url": "@url",
"domain": "@domain",
"protocol": "@protocol",
"tld": "@tld",
"email": "@email",
"ip": "@ip"
},
"address": {
"region": "@region",
"province": "@province",
"city": "@city(true)",
"county": "@county(true)",
"zip": "@zip"
},
"helper": {
"capitalize": "@capitalize('hello')",
"upper": "@upper('hello')",
"lower": "@lower('HELLO')",
"pick": "@pick(['a', 'e', 'i', 'o', 'u'])",
"shuffle": "@shuffle(['a', 'e', 'i', 'o', 'u'])"
},
"miscellaneous": {
"id": "@id",
"guid": "@guid",
"increment": "@increment(1000)"
}
}
~~~
- JavaScript介紹
- js基本語法
- 調試方法
- 標識符
- 數據類型(基本,引用)
- 基本數據類型
- 引用數據類型
- 嚴格模式.
- 全局變量和局部變量
- DOM 節點
- DOM 改變元素內容(樣式 內容)
- 節點改變元素內容(通過父子節點找到元素然后操作)
- 添加元素
- 設置 移除 屬性
- DOM下的事件
- 知識點整理
- 異步
- Ajax
- this指向問題
- 設備類型檢測(手機 平板 電腦)
- 函數
- 函數的參數
- 重載
- 數據類型
- 構造函數
- 返回上一個網頁
- 數組 (重點)
- 增加數組內容
- 刪除數組元素
- 復制數組
- 修改數組元素(功能強大實現 增 刪 改)
- 數組元素查詢
- 數組遍歷
- 最值
- 展開語法
- join
- 排序問題
- 求和
- 顛倒數組
- 判斷是不是一個數組
- 二維數組
- 數組和字符串之間轉換
- 數組去重
- 將jquery對象轉為javascript對象
- 元素偏移量
- 獲取一個元素距離頂部的距離
- 可視區域寬高
- 布局視口 (移動設備)
- 文檔碎片
- 表格中的 thead tbody
- 獲取元素寬度
- 滾動區域寬高
- div滾動條設置
- 使用 offsetWidth 設置父元素寬度和子元素寬度之和一樣
- 字符串的方法
- js功能實現
- 點擊顯示 隱藏
- 點擊變色 兄弟元素隱藏.
- 點擊顯示隱藏區域.
- 兼容性問題.
- 選擇按鈕,
- 獲取外部樣式
- 點擊彈出下標
- 通過屬性改變img 的src
- 小米登錄 es6實現js
- try catch
- 小米登錄es5實現js
- js實現導航欄點擊加載多個頁面
- js實現網頁之間的跳轉和在指定div加載頁面
- iframe 高度實現自適應
- js 獲取滾動條距離頂端的距離
- jQuery animate() 方法 動畫效果
- fade(js實現遮罩層漸變色)
- js輪播實現
- 超哥輪播js
- 輪播動畫原理
- 數組實現瀑布流
- 電子表計時器date
- 從豆瓣接口上取數據實現搜索功能(重點!!!!)
- 封裝
- 不使用js-ajax 使用VueResource實現數據請求
- 需要常看的知識點
- 移動端響應布局rem
- rem+vw
- 原型
- JS的模塊化如何解決
- ES5和ES6模塊化寫法
- js內置對象
- 結構賦值es6
- 字符串模板 分割字符串
- 談基本數據類型中的方法(本不帶有方法)
- Math
- date
- 正則
- 備選字符集
- 連號的備選字符集
- replace() 查找替換(過濾)
- 量詞
- 不確定的數量
- search找下標
- test()檢驗是否包含正則表達式
- 實例
- 驗證電話號碼
- 郵箱驗證
- 將指定內容過濾(天貓 淘寶)
- 預定義字符集(簡化)
- 嚴格匹配 ^ $
- Ajax
- http get post
- $.get()和$.post()詳解
- jquery-ajax 數據請求
- 使用Vue Ajax在網頁中渲染數據
- axios向服務器端get,post數據(重點)
- 跨域
- 原生Ajax
- 原理步驟 json解析字符串
- 多態
- js中的面向對象
- js中的類和繼承
- 原型和原型鏈
- 參數表達式
- 字符串中常用的方法
- mock.js
- scrollReveal 滾動顯示
- Node.js模塊里exports與module.exports的區別