 |
-- 會員 / 註冊 --
|
 |
|
|
|
Bootstrap+Vue.js前端開發超實用代碼集錦 ( 簡體 字) |
| 作者：羅帥、羅斌 | 類別：1. -> 程式設計 -> 網路編程 -> Bootstrap
2. -> 程式設計 -> 網路編程 -> Vue.js |
| 譯者： |
| 出版社：清華大學出版社 |  3dWoo書號： 54046
詢問書籍請說出此書號！【缺書】
NT售價： 500 元 |
| 出版日：2/1/2021 |
| 頁數：487 |
| 光碟數：0 |
|
站長推薦：  |
| 印刷：黑白印刷 | 語系： ( 簡體 版 ) |
| |
加入購物車  │加到我的最愛
(請先登入會員) |
| ISBN：9787302568155 |
| 作者序 | 譯者序 | 前言 | 內容簡介 | 目錄 | 序 |
| (簡體書上所述之下載連結耗時費功, 恕不適用在台灣, 若讀者需要請自行嘗試, 恕不保證) |
| 作者序： |
| 譯者序： |
前言：隨著互聯網技術的發展和HTML、CSS、JavaScript的應用，前端界面變得更加美觀，體驗更加友好，交互更加顯著，功能更加強大。為了讓開發者得到更好的編程體驗，將編程生產力轉化為實際效益，前端開發已不僅僅局限于使用HTML、CSS及JavaScript等原始技術，而是廣泛使用其衍生出來的各種框架，如Vue.js、Node.js、Three.js、React、Bootstrap、Angular等，這些前端框架均提供了比較優秀的解決方案，有效地將開發者從煩瑣的代碼中解放出來，使開發者更專注于內容呈現和邏輯實現。本書將以實例代碼的模式解析Bootstrap 和Vue.js這兩個空前火爆的前端開發框架的技術要點。
Bootstrap是Twitter公司的設計師Mark Otto和Jacob Thornton基于HTML、CSS、JavaScript編寫的前端開發框架，Bootstrap 提供了響應式的柵格系統、鏈接樣式、配色方案，以及大量可重用的組件和樣式，本書將以實例的形式演示該框架的主要技術，如輸入框組、按鈕組、塊級按鈕、膠囊導航、路徑導航、導航欄折疊、分頁、輪播、排版、條紋表格、堆疊表單、內聯表單、自定義表單、選項卡切換、選項卡下拉菜單、膠囊下拉菜單、導航欄下拉菜單、手風琴折疊、Jumbotron、縮略圖、徽章、卡片、警告框、彈出框、模態框、條紋進度條、動畫進度條、滾動監聽、響應式浮動、多媒體對象等。
Vue.js是華人尤雨溪在2014年2月編寫的一個主要以數據驅動和組件化的思想構建的JavaScript庫。相比其他前端開發庫，Vue.js提供了更簡潔、更易于理解的API。如果說jQuery是手工作坊，那么Vue.js就像是一座工廠，雖然Vue.js做的大多數事情jQuery都可以做，但無論是代碼量還是流程規范性都是Vue.js較優。本書以實例的形式列舉了Vue.js非常有個性化的代碼，如單向數據綁定、雙向數據綁定、動態屬性綁定、多個事件綁定、樣式綁定、計算屬性、監聽屬性、過濾器、修飾符、全局組件和局部組件、全局指令和局部指令、各種內置指令、插槽、模板、混入對象、鉤子函數、路由及其參數傳遞、過渡動畫，以及Vue.js與Lodash、GSAP、jQuery、Velocity、Animate、TweenJS等第三方庫(框架)的整合應用。
如果Bootstrap是對CSS的再次封裝，那么Vue.js就是對HTML的再次優化，因此本書需要讀者有一定的HTML、CSS和JavaScript的基礎知識。本書的Bootstrap代碼基于Bootstrap 4.3.1實現，Vue.js代碼基于Vue.js 2.6.11實現，在IntelliJ IDEA 2019.2.3環境編寫完成，在最新版的“搜狗高速瀏覽器”和“Google Chrome瀏覽器”測試成功(即在瀏覽器中直接打開源代碼.html文件)。因此建議讀者在上述環境或條件下使用源代碼。所有源代碼不需要下載Bootstrap和Vue.js的其他文件，在測試或使用時保持網絡暢通即可。由于Bootstrap和Vue.js這兩個框架版本較多，并且不同的版本新增和作廢的內容較多，因此不建議在其他版本中使用源代碼，特別是不能使用較低的版本測試這些源代碼。
本書實例豐富，技術新穎,貼近實戰,思路清晰,高效直觀,通俗易懂,操作性強。全書內容和思想并非一人之力所能及，而是凝聚了眾多熱心人士的智慧并經過充分的提煉和總結而成，在此對他們表示崇高的敬意和衷心的感謝！限于時間關系和作者水平，少量內容可能存在認識不全面或偏頗及一些疏漏和不當之處，敬請讀者批評指正。
羅帥羅斌2020年于重慶渝北 |
內容簡介：本書以問題描述+解決方案的模式，使用360多個實例介紹了Bootstrap 和Vue.js這兩大前端開發框架的技術亮點。全書根據內容分為兩部分：在第1部分的Bootstrap代碼中，主要介紹了輸入框組、按鈕組等技術；在第2部分的Vue.js代碼中，主要介紹了單向數據綁定、雙向數據綁定、動態屬性綁定等以及Vue.js與Lodash、GSAP、jQuery、Velocity、Animate、TweenJS等第三方庫(框架)的整合應用。 |
目錄：第1部分Bootstrap代碼
001對文本的字體線條進行細化
002對文本的字體線條進行加粗
003主副標題使用不同大小字體
004創建黑色半透明的字體線條
005使用自定義字體突出段落
006自定義引用和引用的腳注
007創建黑底白字風格的文本
008使段落中的所有字母大寫或小寫
009使段落中所有單詞的首字母大寫
010允許或禁止文本自動換行
011設置文本靠左或靠右對齊
012設置文本塊靠左或靠右對齊
013在水平方向上居中顯示文本塊
014在垂直方向上居中顯示文本塊
015在水平方向上和垂直方向上均居中顯示文本塊
016為文本塊添加圓角邊框線
017為文本塊添加開口邊框線
018在文本塊之間添加分隔線
019動態折疊或展開文本塊內容
020在首次顯示時展開隱藏內容
021對圖像進行小(或大)圓角裁剪
022對圖像的上(或下)邊進行圓角裁剪
023將矩形圖像裁剪成橢圓形狀
024將矩形圖像裁剪成膠囊形狀
025在圖像邊緣添加鑲邊效果
026設置圖像在水平方向上居中
027設置圖像在垂直方向上居中
028設置圖像在水平方向上和垂直方向上均居中
029設置圖像與容器的底部靠齊
030設置圖像與容器的右側靠齊
031根據寬度變化響應式排列圖像
032以動畫風格折疊或展開圖像
033創建手風琴風格的互斥折疊
034在輸入框組的左側添加文本
035在輸入框組的右側添加文本
036在輸入框組中添加單選按鈕
037在輸入框組中添加復選框
038在輸入框組中添加下拉菜單
039在輸入框組中添加多個元素
040創建多種顏色的實心按鈕
041創建多種顏色的空心按鈕
042創建兩端靠齊的塊級按鈕
043設置按鈕的激活狀態樣式
044設置按鈕的禁用狀態樣式
045使用多個按鈕創建按鈕組
046在垂直方向上創建按鈕組
047在按鈕組中內嵌下拉菜單
048在按鈕上嵌套黃色的徽章
049創建多種顏色和大小的徽章
050在列表項上嵌套膠囊型徽章
051創建Bootstrap4風格的復選框
052按照行優先排列自定義復選框
053以行優先原則排列默認復選框
054啟用或禁用默認的復選框
055創建Bootstrap4風格的單選按鈕
056按照行優先排列自定義單選按鈕
057啟用或禁用自定義的單選按鈕
058以行優先原則排列默認單選按鈕
059按照行優先排列多種表單元素
060創建Bootstrap4風格的textarea
061在一行中排列label和select元素
062在select元素中實現多選功能
063禁用或啟用select元素的選項
064在select元素中實現選項分組
065創建自定義的select元素
066創建自定義的range元素
067創建自定義的文件上傳控件
068創建不同顏色的自定義進度條
069創建不同條紋的自定義進度條
070自定義進度條的未完成進度
071自定義細實線風格的進度條
072在進度條上顯示完成百分比
073在條紋進度條上添加動畫
074使用進度條展示多類別占比
075在卡片上添加文本和圖像
076在卡片頂部或底部添加圖像
077設置卡片的背景圖像或顏色
078將多張卡片組合排列在一起
079以分隔風格排列多張卡片
080以瀑布流風格排列多張卡片
081使用媒體對象布局圖像和文本
082使用嵌套的媒體對象布局元素
083在水平方向上排列多個媒體對象
084在媒體對象的右側放置圖像
085在垂直方向上居中放置媒體對象的圖像
086通過左右滑動輪播多幅圖像
087自定義暫停或繼續輪播圖像
088自定義輪播的左右按鈕功能
089使用無序列表進行分頁處理
090去掉在無序列表上的默認圓點
091在同一行上排列多個列表項
092在水平方向上排列多個列表項
093在列表組中創建多色列表項
094在列表組中創建鏈接列表項
095創建條紋交錯的表格數據行
096創建黑灰交錯的表格數據行
097自定義表格數據行的背景顏色
098在默認表格的周圍添加邊框線
099去掉表格數據行間的默認線條
100創建小間隙的緊湊格式表格
101創建可滾動數據的響應式表格
102在鼠標懸停時高亮顯示數據行
103創建含有灰色背景的模態框
104強制模態框在垂直方向上居中
105禁止顯示模態框的灰色背景
106在單擊徽章時顯示彈出框
107在鼠標懸浮時顯示彈出框
108單擊元素外區域關閉彈出框
109在圖像上添加工具提示框
110允許在工具提示框上使用標簽
111創建定時關閉的信息提示框
112在信息提示框上添加關閉按鈕
113在信息提示框上添加轉圈動畫
114在信息提示框上添加生長動畫
115在垂直方向上排列導航菜單
116設置水平導航菜單靠右對齊
117禁用在導航菜單中的部分菜單
118使用導航菜單作為選項卡標簽
119創建與選項卡等寬的導航菜單
120使用膠囊導航菜單切換選項卡
121設置垂直導航菜單同步滾動條
122在膠囊菜單上創建下拉菜單
123在水平導航欄上添加Logo
124在導航欄上創建響應式菜單
125在導航欄上創建下拉菜單
126設置導航欄的下拉菜單右對齊
127在垂直導航欄上內嵌子菜單
128在導航欄上創建上彈子菜單
129在垂直導航欄上添加折疊按鈕
130在頁面底部固定水平導航欄
131設置水平導航菜單同步滾動條
132在下拉菜單中設置分組標題
133創建從按鈕右側彈出的子菜單
134創建從按鈕左側彈出的子菜單
135創建從分隔按鈕彈出的子菜單
136使用w類設置元素的寬度百分比
137使用h類設置元素的高度百分比
138使用m類設置元素的外邊距
139使用p類設置元素的內邊距
140使用mx類調整元素左右外邊距
141使用px類調整元素左右內邊距
142在水平方向上倒序排列子元素
143在垂直方向上倒序排列子元素
144在水平方向上等距排列子元素
145按照權重數字排列多個子元素
146指定子元素分配容器剩余寬度
147設置子元素均分容器剩余寬度
148將剩余寬度設置為元素右邊距
149將剩余寬度設置為元素左邊距
150以包裹方式排列多個子元素
151以非包裹方式排列多個子元素
152以反轉包裹方式排列多個子元素
153設置多個子元素在垂直方向上居中排列
154設置多個子元素靠齊容器底部
155設置單個子元素在垂直方向上居中排列
156設置單個子元素靠齊容器底部
157在垂直方向上拉伸多個子元素
158在垂直方向上拉伸單個子元素
159在同一行上創建相等寬度的列
160在同一行上創建等寬響應式列
161在同一行上創建不同寬度的列
162在同一行上創建不等寬響應式列
163在等寬列中嵌套不等寬響應式列
164使用偏移量重置響應式列的位置
第2部分Vue.js代碼
165使用雙大括號實現文本插值
166使用v拟text單向綁定文本
167使用v拟html綁定HTML代碼
168使用v拟pre使元素跳過編譯
169使用v拟bind綁定數據屬性
170使用v拟bind綁定方法屬性
171使用v拟bind為元素綁定單個class
172使用v拟bind通過數組綁定多個class
173使用v拟bind通過JSON綁定多個class
174使用v拟bind通過對象數組綁定class
175使用v拟bind為元素綁定單個style
176使用v拟bind為元素綁定內聯style
177使用v拟bind通過數組綁定多個style
178使用v拟bind通過對象綁定多個style
179使用v拟bind綁定元素的只讀屬性
180使用v拟bind綁定details元素的屬性
181使用v拟bind在列表選項上綁定索引
182使用v拟bind在列表選項上綁定對象
183在v拟bind上加中括號實現動態綁定
184使用v拟model雙向綁定數據
185使用v拟model創建一組單選按鈕
186使用v拟model創建一組復選框
187使用v拟model創建單選下拉列表
188使用v拟model創建多選下拉列表
189使用v拟model獲取range滑塊值
190使用v拟model獲取時間選擇器值
191使用v拟model獲取日期選擇器值
192使用v拟model獲取月份選擇器值
193使用v拟model獲取周數選擇器值
194使用v拟model.lazy控制同步時機
195使用v拟model.number轉換數值
196使用v拟if移除或添加元素
197使用v拟else根據條件增刪元素
198使用v拟else拟if根據多條件增刪元素
199在template上使用v拟if渲染分組
200使用v拟show隱藏或顯示元素
201使用v拟once限定元素僅渲染一次
202在復選框中設置true拟value屬性
203使用v拟for輸出包含索引的列表項
204使用v拟for在模板中輸出對象數組
205使用v拟for輸出對象的各個屬性值
206使用v拟for輸出對象的屬性名和屬性值
207使用v拟for根據指定次數進行迭代
208使用v拟for迭代簡單的聲明式數組
209使用v拟for在下拉列表中添加選項
210使用v拟for在選項中添加對象數組
211使用嵌套v拟for輸出二維數組成員
212使用嵌套v拟for篩選二維數組成員
213在嵌套v拟for語句中使用v拟if語句
214使用v拟for根據數組創建多個超鏈接
215使用v拟for全選或全不選復選框
216使用v拟for啟用或禁用所有復選框
217使用v拟for設置偶數或奇數行背景
218使用v拟on在元素上綁定單個事件
219使用v拟on在元素上綁定多個事件
220在v拟on上加中括號動態綁定事件
221在v拟on的事件方法中使用$event
222使用v拟on在內聯語句中調用方法
223使用v拟on在列表項上添加刪除按鈕
224使用v拟on統計textarea的復制次數
225使用v拟on監聽textarea的粘貼內容
226使用v拟on監聽文件是否加載成功
227使用v拟on實現圖像跟隨鼠標移動
228使用v拟on在元素上添加右鍵菜單
229使用v拟on自定義單擊按鈕的樣式
230使用v拟on高亮指示鼠標所在數據行
231使用v拟on為表格添加雙擊編輯功能
232使用stop修飾符阻止事件向上冒泡傳遞
233使用capture修飾符改變冒泡順序
234使用capture和stop修飾符定制事件
235使用prevent修飾符阻止默認事件
236使用self修飾符限定僅響應自身事件
237使用self和prevent修飾符定制事件
238使用once修飾符限定事件僅響應一次
239使用按鍵修飾符自定義按鍵響應
240使用系統修飾鍵定義按鍵事件行為
241使用exact修飾符定制系統鍵響應
242使用鼠標左右按鍵修飾符定制事件
243使用全局對象自定義按鍵修飾符
244使用computed屬性篩選字符串
245使用computed屬性自定義篩選
246使用computed屬性按序排列數組
247使用computed屬性查詢最大值和最小值
248使用computed屬性計算平均值
249使用computed屬性計算合計金額
250使用computed屬性代替orderBy
251使用computed屬性代替filterBy
252使用computed屬性代替limitBy
253使用computed屬性代替groupBy
254使用computed屬性動態設置樣式
255使用watch屬性監聽數據屬性變化
256使用watch屬性限制輸入框輸入字符
257使用watch屬性監聽動畫的數字變化
258使用watch屬性創建二級聯動下拉列表
259使用局部過濾器使字母全部大寫
260使用局部過濾器保留兩位小數
261使用局部過濾器使人民幣金額大寫
262使用全局過濾器格式化貨幣金額
263使用全局過濾器格式化中文日期
264串聯多個過濾器格式化貨幣金額
265使用帶參數過濾器格式化表達式
266創建并使用全局組件
267使用組件構造器創建全局組件
268在全局組件中使用template標簽
269在全局組件中根據數組創建列表項
270使用native為組件添加原生事件
271在全局組件中創建單個slot
272在全局組件中創建具名slot
273在全局組件中創建作用域slot
274在v拟slot中使用中括號動態指定slot
275在v拟slot中使用default調用匿名slot
276在全局組件中使用渲染函數
277在表格中插入自定義全局組件
278在全局組件內部調用外部方法
279在外部調用全局組件內部方法
280從全局組件內部向外部傳遞數據
281從外部向全局組件內部傳遞數據
282在全局組件中實現雙向傳遞數據
283在全局組件內部訪問外部數據
284在外部訪問全局組件內部數據
285在全局組件中實現todolist功能
286在全局組件中綁定輸入框數據
287在全局組件中控制屬性繼承
288在全局組件中綁定復選框數據
289在全局組件中綁定滑塊數據
290在全局組件中添加混入對象
291在Vue實例中混入同名混入對象
292使用全局混入對象創建Vue實例
293創建并使用局部組件
294在根實例外部創建局部組件
295在script標簽中創建局部組件
296使用component動態指定組件
297在父子組件中使用$listeners
298創建并使用全局指令
299創建并使用帶參數的全局指令
300創建并使用多參數的全局指令
301在全局指令中設置動態參數
302在全局指令中使用bind等鉤子函數
303在全局指令的鉤子函數中添加事件
304創建并使用未指定鉤子的全局指令
305創建并使用局部指令
306使用ref和$refs操作DOM元素
307使用transition淡入淡出顯示圖像
308使用transition按照角度旋轉圖像
309使用transition淡入和平移圖像
310在首次渲染時自動執行transition
311使用type設置animation或transition
312使用transition切換多個元素
313在transition中設置元素過渡模式
314使用transition實現多個組件切換
315在全局組件中使用transition
316在transition拟group中實現增刪過渡
317在transition拟group中實現隨機過渡
318在transition拟group中實現排序過渡
319在transition拟group中實現亂序過渡
320在transition拟group中實現網格過渡
321在表格中使用transition拟group過渡
322在transition拟group中設置延遲時間
323在transition拟group中實現奇偶交錯
324使用第三方動畫庫實現fade過渡
325使用第三方動畫庫實現bounce過渡
326使用第三方動畫庫實現zoom過渡
327使用第三方動畫庫實現rotate過渡
328使用第三方動畫庫實現flip過渡
329使用第三方動畫庫實現swing過渡
330使用第三方動畫庫實現flash過渡
331使用第三方動畫庫實現slide過渡
332使用第三方動畫庫實現roll過渡
333使用第三方動畫庫實現增刪過渡
334自定義第三方動畫的持續時間
335強制第三方動畫永不停歇地執行
336使用第三方動畫庫實現顏色過渡
337使用第三方動畫庫實現數值過渡
338使用第三方動畫庫實現平移動畫
339使用第三方動畫庫實現旋轉動畫
340在全局組件中使用第三方動畫庫
341使用JavaScript鉤子實現平移過渡
342使用JavaScript鉤子實現折疊過渡
343使用JavaScript鉤子實現fade過渡
344使用JavaScript鉤子實現scale過渡
345使用JavaScript鉤子實現多種過渡
346使用JavaScript鉤子實現反向過渡
347使用JavaScript鉤子實現slide過渡
348使用JavaScript鉤子實現loop過渡
349使用JavaScript鉤子實現delay過渡
350使用JavaScript鉤子實現color過渡
351使用JavaScript鉤子實現篩選過渡
352使用JavaScript鉤子初始渲染過渡
353使用vue拟router庫實現單頁路由配置
354使用vue拟router庫實現命名視圖配置
355使用vue拟router庫在路由中傳遞參數
356使用vue拟router庫實現params傳遞
357使用vue拟router庫實現query傳遞
358使用vue拟router庫配置多級路徑路由
359使用$http的get方式在線查詢天氣
360使用setInterval實現逐字動態輸入
361使用setTimeout實現延遲執行代碼 |
| 序： |
|
