Michael_Jheng的部落格

在上一章介紹[Vue.js教學筆記]CKEditor套入Webpack模組整合工具,此章是以"Customize"客製化的方式進行,進行步驟上會比較多,

CKEditor是一個專門在網頁上使用的開放原始碼之文字編輯器,不需要太複雜的安裝步驟即可使用可和PHP、JavaScript、ASP、ASP.NET、ColdFusion、Java、以及ABAP等不同的程式語言相結合

Element UI主要是幫助使用Vue 2.0 的開發者,能以更快且有效率的速度完成網站,Element UI官網如下,

在介紹Vue.js程式架構之前,先安裝Visual Studio Code這程式編寫軟體,

繼上一章[Vue.js教學筆記]Webpack模組整合工具之安裝,成功產生出Webpack之hello world專案後,這裡要簡單介紹裏頭的文件架構與重要內容,文件架構如下

Webpack 是一個開源的前端打包工具,Webpack 提供了前端開發缺乏的模組化開發方式,將各種靜態資源視為模組,並從它生成優化過的程式碼,要深度了解Webpack可進入Webpack官方網站與原始碼庫了解

接續[React-Native教學筆記]<ListView>列表顯示之一,介紹ListView進階用法,如下所示,

<ListView>在React Native中是個非常重要的組件,創立最簡單的API"ListView.DataSource",同時給該對像傳入一個簡單的數據集合,並且使用數據源"data source"實例化一個ListView組件,定義一個renderRow回調方法,該renderRow方法會返回一個可顯示的組件,並以列表的方式呈現每一個item

React Native提供一套用於顯示數據列表工具,可用方法有FlatList與SectionList,這裡介紹SectionList,SectionList可以將各個資料做分類顯示,主要用到分類標題顯示renderSectionHeader與資料顯示renderItem,程式寫法如下: