包郵 Bootstrap+Vue.js前端開發超實用代碼集錦

作者：羅帥、羅斌

出版社：清華大學出版社出版時間：2021-02-01

開本：其他頁數： 504

本類榜單：計算機/網絡銷量榜

中圖價:¥55.9(5.6折) 定價 ~~¥99.8~~ 登錄后可看到會員價

加入購物車收藏

開年大促， 全場包郵

?新疆、西藏除外

本類五星書更多>

>
全國計算機等級考試最新真考題庫模擬考場及詳解·二級MSOffice高級應用

全國計算機等級考試最新真考題庫模擬考場及詳解·二級MSOffice高級應用

¥14.4¥45
>
決戰行測5000題(言語理解與表達)

決戰行測5000題(言語理解與表達)

¥44.1¥88
>
軟件性能測試.分析與調優實踐之路

軟件性能測試.分析與調優實踐之路

¥56.2¥69
>
第一行代碼Android

第一行代碼Android

¥55.4¥99
>
JAVA持續交付

JAVA持續交付

¥58.1¥119
>
EXCEL最強教科書(完全版)(全彩印刷)

EXCEL最強教科書(完全版)(全彩印刷)

¥31.1¥69.9
>
深度學習

深度學習

¥92.4¥168

商品詳情
商品評論(0條)

中圖價:¥55.9 加入購物車

版權信息
本書特色
內容簡介
目錄
作者簡介

Bootstrap+Vue.js前端開發超實用代碼集錦版權信息

ISBN：9787302568155
條形碼：9787302568155 ; 978-7-302-56815-5
裝幀：70g膠版紙
冊數：暫無
重量：暫無
所屬分類：
計算機/網絡
>
程序設計
>
其他

Bootstrap+Vue.js前端開發超實用代碼集錦本書特色

問題描述+解決方案+真實源碼+效果截圖全面介紹兩種前端開放框架的技術亮點361個實例，提供完整源代碼，邊看邊做邊學

Bootstrap+Vue.js前端開發超實用代碼集錦內容簡介

本書以問題描述+解決方案的模式，使用360多個實例介紹了Bootstrap 和Vue.js這兩大前端開發框架的技術亮點。全書根據內容分為兩部分：在部分的Bootstrap代碼中，主要介紹了輸入框組、按鈕組等技術；在第2部分的Vue.js代碼中，主要介紹了單向數據綁定、雙向數據綁定、動態屬性綁定等以及Vue.js與Lodash、GSAP、jQuery、Velocity、Animate、TweenJS等第三方庫(框架)的整合應用。

Bootstrap+Vue.js前端開發超實用代碼集錦目錄

目錄第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實現延遲執行代碼

展開全部

Bootstrap+Vue.js前端開發超實用代碼集錦作者簡介

羅帥,羅斌，男，本科學歷。曾經在無錫寶特軟件有限公司，深圳唯佳物流有限公司從事軟件開發。曾經在清華大學出版社出版《Android炫酷應用300例.實戰篇》和《Android炫酷應用300例.提升篇》、在武漢大學出版社出版《Visual C++ 6.0 編程經典博覽》、在電子科技大學出版社出版《Visual C++.NET注冊表編程實用手冊》等

商品評論(0條)

寫書評賺書幣

暫無評論……

書友推薦