原创 Vue.js學習記錄-9-Vue項目實戰:首頁開發-Home + Header + Swiper

Home:首頁根組件,用於管理子組件以及數據請求 <template>:子組件管理 引入所有子組件,並進行屬性綁定(父組件向子組件傳遞數據的方式) <template> <div> <home-he

原创 Vue.js學習記錄-7-Vue進階:動畫特效

8.動畫特效 CSS過渡動畫原理 在Vue底層中,通過**<transaction>標籤包裹的內部元素會進行自動構建動畫流程。即:Vue是通過更換元素上的class**來進行過渡動畫效果的呈現的。 下圖是CSS過渡動畫(入場動畫)

原创 Vue.js學習記錄-8-Vue項目實戰:首頁開發-環境搭建

項目實戰 1. 首頁開發 環境搭建 開發環境:node.js、Vue-cli腳手架工具 開發IDE:VScode 版本控制工具:Git 檢查環境搭建結果: 關於Vue-cli: Vue提供的官方命令行工具,可用於快速搭建大型單頁

原创 Vue.js學習記錄-10-Vue項目實戰:首頁開發-Icon + Recommend + Weekend + 細節配置補充

icons <template> <script> 採用vue-devtools瀏覽器工具插件查看此部分計算屬性詳情: Recommend <template> <script>:通過props獲取父組

原创 18/10/15~18/10/19實習報告

已辦事項: Vue中父子組件的數據傳遞方式。 發佈訂閱模式、總線機制、訂閱者模式 VueX 單向數據流概念。 props特性和非props特性區別。 組件綁定原生事件:.native修飾符 待辦事項: Vue中作用域插槽。 動態組件指

原创 又是一年1024

今天是2018年10月24日17點33分,今天做IT的都知道是個怎樣的日子。"程序員節",作爲一個編程小透明,今天也想說兩句,下文多數是對成長的感悟吧。準備好哭,我是個煽情的人嗎,真是,我什麼身份啊,你的路別走窄了哦。 本篇博文寄語:摘自

原创 Vue.js學習記錄-5-Vue進階:組件

6.組件 - 計數器Demo爲例 組件使用細節 全局組件 and 局部組件 全局組件: // 全局組件(子組件) Vue.component('row', { template: '<tr

原创 Vue.js學習記錄-6-Vue進階:插槽

7.插槽 插槽slot 父組件需要在子組件內放一些DOM,那麼這些DOM是顯示、不顯示、在哪個地方顯示、如何顯示,就要用到插槽slot了。 換句話說: 當子組件所渲染的內容部分來自於父組件DOM的時候,建議使用插槽slot進行DO

原创 18/10/8~18/10/12實習報告

18/10/8 星期一 已辦事項: 整理假期前週報。 Vue生命週期鉤子函數複習。 Vue模板語法學習。 Vue計算屬性、方法與偵聽器的學習。 待辦事項: Vue基礎語法的學習。   18/10/9 星期二 已辦事項: Vue中計算屬性的

原创 Vue.js學習記錄-3-Vue基礎:模板語法 + 計算屬性、方法與偵聽器 + Class、Style綁定

二、Vue基礎語法 1.模板語法: Vue.js 使用了基於 HTML 的模板語法,允許開發者聲明式地將 DOM 綁定至底層 Vue 實例的數據。所有 Vue.js 的模板都是合法的 HTML ,所以能被遵循規範的瀏覽器和 HTML

原创 Vue.js學習記錄-4-Vue基礎:條件渲染 +列表渲染

4.條件渲染:根據條件進行元素展示 v-if:v-if、v-else-if(2.1.0新增)、v-else三大指令必須緊貼使用,否則指令將不被識別。 指令舉例 <!-- 切換時DOM元素被移除 , v-if、v-else-

原创 Vue.js學習記錄-2-Vue實例生命週期鉤子函數

一、Vue實例生命週期 1.Vue實例聲明週期鉤子函數(根據官方文檔列舉常用的八個鉤子函數) beforeCreate:在實例初始化之後,數據觀測和event/watcher事件配置之前被調用。 created:在實例創建完成後立即

原创 通過Ajax實現select動態加載option

JQuery通過ajax實現select動態加載option <script type="text/javascript"> //jquery採用ajax對select動態加載option $('#productId').change

原创 18/9/25~18/9/28實習報告

18/9/25 星期二 已辦事項: 整理上週實習內容。 學習Beetl官方文檔中的基本用法。 待辦事項: SpringBoot2新特性學習。 單機定時任務的幾種實現。 18/9/26 星期三 已辦事項: logback的學習總結,以及測試

原创 logback使用學習

關於logback:log4j創始人設計的另一個開源日誌組件,主要包括以下模塊 logback-core:其它兩個模塊的基礎核心模塊 logback-classic:log4j的一個改良版本,同時它完整實現了slf4j的API使你可以