# 前端技術(shù)點(diǎn)

**目錄 (Table of Contents)**

[TOCM]

[TOC]

# jQuery EasyUI

## 什么是jQuery EasyUI？

-jQuery EasyUI 是一組基于jQuery 的UI 插件集合。

## jQuery EasyUI能做什么？

-jQuery EasyUI 的目標(biāo)就是幫助Web 開發(fā)者更輕松的打造出功能豐富并且美觀的UI 界面。開發(fā)者不需要編寫復(fù)雜的JavaScript，也不需要對(duì)css 樣式有深入的了解，開發(fā)者需要了解的只有一些簡(jiǎn)單的html 標(biāo)簽。

## jQuery EasyUI常用的控件有哪些？

1.Base 基礎(chǔ)

[+pagination](http://jeasyui.com/documentation/pagination.php?_=1497498043300/ "分頁")

[+searchbox](http://jeasyui.com/documentation/searchbox.php?_=1497431935446/ " 搜索框")

[+tooltip](http://jeasyui.com/documentation/tooltip.php?_=1497432903855 "提示框")

[+progressbar](http://jeasyui.com/documentation/progressbar.php?_=1497433585968/ "進(jìn)度條")

2.Layout 布局

[+panel](http://jeasyui.com/documentation/panel.php?_=1497433613367/ "面板")

[+layout](http://jeasyui.com/documentation/layout.php?_=1497432903858/ " 布局")

[+tabs](http://jeasyui.com/documentation/tabs.php?_=1497432903859/ "選項(xiàng)卡")

3.Menu and button 菜單和按鈕

[+linkbuttton](http://jeasyui.com/documentation/linkbutton.php?_=1497432903860/ "鏈接按鈕")

[+menubutton](http://jeasyui.com/documentation/menubutton.php?_=1497432903861/ " 菜單按鈕")

[+spitbutton](http://jeasyui.com/documentation/splitbutton.php?_=1497432903862/ "分割按鈕")

4.Form 表單

[+textbox](http://jeasyui.com/documentation/textbox.php?_=1497432903863/ "文本框")

[+passwordbox](http://jeasyui.com/documentation/passwordbox.php?_=1497432903864/ " 密碼框")

[+combo](http://jeasyui.com/documentation/combo.php?_=1497432903865/ "自定義下拉框")

[+combobox](http://jeasyui.com/documentation/combobox.php?_=1497432903866/ "下拉列表框")

[+combotree](http://jeasyui.com/documentation/combotree.php?_=1497432903867/ "樹形下拉框")

[+combogrid](http://jeasyui.com/documentation/combogrid.php?_=1497432903868/ "樹形表格下拉框")

[+combotreegrid](http://jeasyui.com/documentation/combotreegrid.php?_=1497432903869/ "樹形表格下拉框")

[+numberbox](http://jeasyui.com/documentation/numberbox.php?_=1497432903870/ "數(shù)值輸入框")

[+datebox](http://jeasyui.com/documentation/datebox.php?_=1497432903871/ "日期輸入框")

[+datetimebox](http://jeasyui.com/documentation/datetimebox.php?_=1497432903872/ "日期時(shí)間輸入框")

[+datetimespinner](http://jeasyui.com/documentation/datetimespinner.php?_=1497432903873/ "日期時(shí)間微調(diào)框")

[+calendar](http://jeasyui.com/documentation/calendar.php?_=1497432903874/ "日歷")

[+spinner](http://jeasyui.com/documentation/spinner.php?_=1497432903875/ "微調(diào)")

[+numberspinner](http://jeasyui.com/documentation/numberspinner.php?_=1497432903876/ "數(shù)字微調(diào)")

[+timespinner](http://jeasyui.com/documentation/timespinner.php?_=1497433946853/ "時(shí)間微調(diào)")

[+slider](http://jeasyui.com/documentation/slider.php?_=1497432903878/ "滑動(dòng)條")

[+filebox](http://jeasyui.com/documentation/filebox.php?_=1497432903879/ "文本框")

5.Window窗口

[+window](http://jeasyui.com/documentation/window.php?_=1497432903880/ "窗口")

[+dialog](http://jeasyui.com/documentation/dialog.php?_=1497432903881/ " 對(duì)話框窗口")

[+messager](http://jeasyui.com/documentation/messager.php?_=1497432903882/ "消息窗口")

6.DataGrid and Tree 表格和數(shù)據(jù)

[+datagrid](http://jeasyui.com/documentation/datagrid.php?_=1497432903883/ "數(shù)據(jù)表格")

[+tree](http://jeasyui.com/documentation/tree.php?_=1497432903884/ "樹")

[+treegrid](http://localhost/ "樹形表格")

## 怎么看懂jQuery EasyUI文檔（jQuery EasyUI 1.5 版 API 中文版）？

-jQuery EasyUI文檔包括學(xué)前的說明，基礎(chǔ)，布局，菜單和按鈕，表單，窗口，表格和樹，擴(kuò)展幾大部分，各大部分又分了一些小類。學(xué)前一些說明稍微看看了解一下，各個(gè)小類重點(diǎn)看看。各個(gè)小類中包括案例，屬性，方法和事件，案例中有標(biāo)簽創(chuàng)建一個(gè)放置區(qū)和使用Javascript創(chuàng)建一個(gè)放置區(qū)兩種寫法，重點(diǎn)學(xué)習(xí)后一種。下面的屬性、方法和事件大概看看，熟記一下常用的，不常用的可以使用時(shí)再來查找。

# Vue.js

## Vue.js是什么？

-Vue.js（讀音 /vju?/，類似于 view） 是一套構(gòu)建用戶界面的漸進(jìn)式框架。與其他重量級(jí)框架不同的是，Vue 采用自底向上增量開發(fā)的設(shè)計(jì)。

## Vue.js能做什么？

-Vue 的核心庫只關(guān)注視圖層，它不僅易于上手，還便于與第三方庫或既有項(xiàng)目整合。另一方面，當(dāng)與單文件組件和vue生態(tài)系統(tǒng)支持的庫結(jié)合使用時(shí)，Vue 也完全能夠?yàn)閺?fù)雜的單頁應(yīng)用程序提供驅(qū)動(dòng)。如果你還在用jquery頻繁操作你的DOM來更新頁面的話，那么，你可以用Vue.js來解放你的DOM操作了。如果你的項(xiàng)目中有多個(gè)部分是相同的，并可以封裝成一個(gè)組件，那么，你可以試試用Vue.js。

## Vue.js在項(xiàng)目中的使用

-Vue.js在項(xiàng)目中定位為模板引擎。在實(shí)現(xiàn)業(yè)務(wù)功能時(shí)，涉及的功能點(diǎn)如果有用到j(luò)Query EasyUI控件時(shí)，使用jQuery EasyUI實(shí)現(xiàn)；如果沒有用到j(luò)Query EasyUI控件時(shí)，使用Vue.js實(shí)現(xiàn)。

# Bootstrap

-理論上JS開發(fā)人員不需要關(guān)心樣式，不建議在開發(fā)中使用Bootstrap。

# RequireJS

## 什么是RequireJS？

-RequireJS是一個(gè)Javascript 文件和模塊框架，它支持瀏覽器和像node.js之類的服務(wù)器環(huán)境。使用RequireJS,你可以順序讀取僅需要相關(guān)依賴模塊。

## RequireJS能做什么?

-RequireJS所做的是，在你使用script標(biāo)簽加載你所定義的依賴時(shí)，將這些依賴通過head.appendChild()函數(shù)來加載他們。當(dāng)依賴加載以后，RequireJS計(jì)算出模塊定義的順序，并按正確的順序進(jìn)行調(diào)用。這意味著你需要做的僅僅是使用一個(gè)“根”來讀取你需要的所有功能，然后剩下的事情只需要交給RequireJS就行了。為了正確的使用這些功能，你定義的所有模塊都需要使用RequireJS的API，否者它不會(huì)像期望的那樣工作。

## RequireJS在項(xiàng)目中的使用?

###提供結(jié)構(gòu)說明

-未完待續(xù)

###提供demo

-未完待續(xù)

## 項(xiàng)目中RequireJS涉及的插件?

###i18N

-未完待續(xù)

###css

-未完待續(xù)

###text

-未完待續(xù)

#項(xiàng)目現(xiàn)在用的插件

-未完待續(xù)

#項(xiàng)目目錄說明

-未完待續(xù)

#helloword

-未完待續(xù)

### End