HTML

書中字有黃金屋 社區生活資訊情報站論文書籍站 HTML

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

為了解決HTML

的問題，作者羅帥 這樣論述：

本書以問題描述+解決方案的模式，使用360多個實例介紹了Bootstrap 和Vue.js這兩大前端開發框架的技術亮點。   全書根據內容分為兩部分：在第1部分的Bootstrap代碼中，主要介紹了輸入框組、按鈕組等技術；在第2部分的Vue.js代碼中，主要介紹了單向資料綁定、雙向資料綁定、動態屬性綁定等以及Vue.js與Lodash、GSAP、jQuery、Velocity、Animate、TweenJS等協力廠商庫(框架)的整合應用。 羅帥羅斌，男，本科學歷。曾經在無錫寶特軟體有限公司，深圳唯佳物流有限公司從事軟體發展。曾經在清華大學出版社出版《Android炫酷應用30

0例.實戰篇》和《Android炫酷應用300例.提升篇》、在武漢大學出版社出版《Visual C++ 6.0 程式設計經典博覽》、在電子科技大學出版社出版《Visual C++.NET註冊表程式設計實用手冊》等。 第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禁用或啟用se

lect元素的選項 064在select元素中實現選項分組 065創建自訂的select元素 066創建自訂的range元素 067創建自訂的檔上傳控制項 068創建不同顏色的自訂進度條 069創建不同條紋的自訂進度條 070自訂進度條的未完成進度 071自訂細實線風格的進度條 072在進度條上顯示完成百分比 073在條紋進度條上添加動畫 074使用進度條展示多類別占比 075在卡片上添加文本和圖像 076在卡片頂部或底部添加圖像 077設置卡片的背景圖像或顏色 078將多張卡片組合排列在一起 079以分隔風格排列多張卡片 080以瀑布流風格排列多張卡片 081使用媒體物件佈局圖像和文本 08

2使用嵌套的媒體物件佈局元素 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和pr

event修飾符定制事件 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 3

12使用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在transiti

on 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使用Jav

aScript鉤子實現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實現延遲執行代碼

Kali Linux滲透測試工具 第二版

為了解決HTML

的問題，作者陳明照 這樣論述：

　　專為繁體中文環境而編寫的Kali工具書 　　這是一本專為繁體中文環境而編寫的Kali工具書，本書根據入門學習與滲透作業實務需要編寫。透過淺顯易懂的實例，解說如何活用弱點掃描工具，提昇測試作業效率，為架構安全的網路環境做最完善的準備。 　　專為駭客打造的Linux系統 　　Kali是一套專為滲透測試所發行的Linux版本。預載了500套左右的資安相關程式，涵蓋了漏洞分析、Web程序、密碼攻擊、無線攻擊、漏洞利用、嗅探/欺騙、逆向工程、壓力測試、數位取證等，這些工具除了是駭客必備之外，也是滲透測試工作不可或缺的輔助程式。 　　等同駭客攻擊的測試手法，正確評估資安防護的程度 　　本書所講的漏

洞主要著眼於資訊系統漏洞，因為資訊系統漏洞可以直接進行測試及評估，評估方式與駭客攻擊極為相似，滲透測試手法幾乎等同駭客攻擊，最能模擬真實的網路攻擊型態，以評估組織的資訊防護機制。 本書特色 　　．在平板與手機上使用Kali Linux 　　．使用Raspberry Pi打造滲透測試工作環境 　　．精挑常用滲透工具，提升實務作業效率 　　．內容兼具入門學習及滲透作業實務需要 　　．依照實務作業程序，有效應用相關工具 　　．利用實例語法說明，工具應用清楚易懂 　　．設定及啟動OpenVAS，活用弱點掃描工具 　　．安裝及設定Nessus，強化漏洞挖掘火力 　　．善用Dradis文件管理，提升測

試作業效率 　　．專章介紹Metasploit及WiFi滲透技法 　　．專為網站滲透提權的「一句話木馬」介紹 作者簡介 陳明照 　　一位狂熱追求技術的資訊人，2010年以前將精力投注在軟體撰寫的技巧上，熟悉個人電腦硬體架構，能有效駕馭Assembly、C、Java、C#等程式語言，養過病毒、寫過防毒，開發過許多應用程式。 　　2009年轉至目前機關任職，開啟資訊安全防護新視界，2010年取得行政院國家資通安全會報技術服務中心公務人員資安職能評量「Web應用程式安全」類證書。2012年奉派參加技術服務中心舉辦的資安事件現場稽核人員培訓，其實就是滲透測試技巧訓練，因為底子深厚，學習速度比

別人快，從此由安全應用程式開發跨進系統滲透測試領域。 　　目前主要職務：內部資通安全稽核、新進人員安全程式開發培訓、數位鑑識暨滲透測試團隊靈魂人物，自2013年中起即受任務指派方式對機關網站進行滲透測試，憑藉深厚的技術基礎及其獨特的思考模式，歷次滲透測試皆有不錯成績，甚至挖掘出專業廠商未發現的漏洞。現階段正致力於協助機關提升資訊系統安全防護能力。 　　部落格：atic-tw.blogspot.tw 【基本篇】 第1章｜關於 Kali 與滲透測試 第2章｜Kali 下載、安裝與設定 第3章｜關於 Linux 的基本操作 第4章｜補充滲透能量 第5章｜建立練習環境 【工具篇】 第6章｜訊息

蒐集工具 第7章｜目標探測 第8章｜漏洞評估 第9章｜Web 掃描 第10章｜社交工程 第11章｜資料庫探測與攻擊 第12章｜密碼破解 第13章｜漏洞利用、提權工具 第14章｜持續控制 第15章｜Metasploit 專章 第16章｜無線網路攻擊 第17章｜壓力測試 第18章｜Nexus 平板上的 Kali(nethunter) 第19章｜樹莓派上的 Kali 第20章｜報告工具 第21章｜重要參考資訊 第22章｜結語 序 　　前一版獲得各位同好支持，謹此致謝，資訊科技一日千里，有人覺得好辛苦，有人覺得好幸福，不論辛苦或幸福，不變的原則就是我們需要一直改變。 　　BackTrack 5上

手才一年多，就要重新適應 Kali，好不容易把Kali調校符合個人作業需要，已經又換到Kali 2，這回Kali2改版，工具方面變化並不大，Kali 1.x常用的工具在 Kali 2依然存在，反而是圖形介面改變很多，如果您大多數時間是耗在視窗環境上，這回的改變恐怕得花點時間適應，如果多數作業是依靠終端機下指令，那麼從 1.x升級到2.0，除了得到比較好的效能外，幾乎沒有什麼影響。 　　如果只因為少數幾組工具的改變或操作介面升級就進行增修，也實在太小題大作了，這次Kali2的發行不只是個人電腦版本，連同NetHunter、ARM平臺下的Kali也一併升級，工程不可謂不大，為饗同好，本次增修也納

入NetHunter及 RaspBerry Pi2 兩套行動版的Kali，原本滲透測試作業是不以阻斷正常服務為原則，然配合時事，前些日子反課綱活動期間，號稱亞洲匿名者組織對政府機關發動DoS攻擊，造成有些部會的網站短暫停止服務，這次也把DoS工具納入增修範圍。 　　由於新增Nexus平板上的Kali與樹莓派上的Kali兩大內容，許多的實驗都要重新來過，幾乎是個人電腦版的Kali 重來兩回，期間曾讓我的Nexus7變成了磚塊，為了調整RaspBerry 上的Kali設定，SD卡重燒了好幾次，希望我的經驗可以減少讀者的冤枉路。 　　最後還是要感謝碁峰編輯團隊的幫忙，這本書絕不是在原書上加文字而

已，必須重新編排，多虧他們的協助，才讓整本書的可讀性提高。感謝鼓勵我、體諒我的長官與同事們，寫作多少會影響工作，因為您們的包容，本書才得以如期面市，也要向我的太太說抱歉，這是犧牲陪伴妳的日子換來的成果，謹以本書奉上我的感謝與歉意。 　　Kali2一發表（2015年8月11日），筆者即開始籌畫本書更版事宜，實際深入研究的時間並不長，再者資訊技術原本既深且博，實難專精，謬誤在所難免，尚祈各位同好不吝指正。書中許多設定文字及網址，為減少手動輸入造成的失誤，特整理於 atic-tw.blogspot.tw/p/kali-2.html 供讀者閱讀本書時參考。

邊境地方的鄉村多功能性：以信義鄉草坪頭為例

為了解決HTML

的問題，作者張怡芬 這樣論述：

邊境的討論以往以國家為主，晚近地理學家給這個概念賦予新的定義，廣泛地使用在政治、文化、社會、空間…等領域，將焦點推展到人們的日常生活。邊境地方通常不是位於核心，城鄉之間大都位處鄉村。鄉村大都以農業為主，經歷生產主義、後生產主義，到農業多功能性的研究取向，近年的多功能性強調農產品產出之外，還有具外部性公共財非商品產出，商品與非商品的聯合產出成了多功能性的核心。本文選取南投縣信義鄉草坪頭做為研究區，從國家、區域、鄉村地方及農場四個空間尺度，探討其邊境特性、多功能性，及相互關係。研究發現，1、草坪頭具有歷史發展邊陲、行政邊區、交通邊界、防災敏感區、台大實驗林與國家公園管制等多重邊境特性。2、在歷史

遺緒與邊境培力行動中，建構出混農林業、實驗林中的觀光茶園、國土保安與防災、人文旅遊發展的鄉村多功能；以及農業延伸的多元農業、農業地景美學、農事體驗與食農教育等農業多功能性。3、多功能的綜效具體呈現在草坪頭櫻花季的活動上，邊境地方的鄉村多功能性因此帶來經濟、環境與社會方面的發展。4、鄉村在生產主義、後生產主義、多功能性的研究取向下，進一步提擬邊境多功能性的研究思考方向。草坪頭因為多功能性的發揮帶來的成果，或許可以做為邊境鄉村再發展的借鏡。