原创 深入瞭解vue自定義組件之插槽slot
vue插槽官方文檔地址 vue中，自定義組件一般只需要新建一個vue模板文件，根據需求定義組件樣式即可，如下 自定義組件文件 MyComponent.vue <template> <div> {{msg}}
2020-07-03 09:52:05
原创 深入瞭解vue自定義組件之v-model
官方文檔地址 v-model大多用於input組件，默認會利用名爲 value 的 prop 和名爲 input 的事件，但是像單選框、複選框等類型的輸入控件可能會將 value 特性用於不同的目的 可以使用組件的model來自定
2020-07-03 09:52:05
原创 Quasar簡介
什麼是Quasar Quasar是基於開源Vue.js的響應式框架，使用它可以快速創建具有多種功能的響應式網站/應用程序： SPA（單頁應用程序） SSR（服務器端渲染應用程序） PWA（漸進式Web應用程序） 通過Apache
2020-07-03 09:52:05
6
原创 grid layout網格佈局詳解
grid layout網格佈局詳解什麼是grid layoutgrid的特點grid css屬性的基礎知識創建一個grid佈局創建一個網格隱性網格與顯性網格尺寸單位frrepeat函數minmax函數repeat函數的第一個參數爲
2020-07-03 09:52:05
原创 響應式Quasar
Quasar (pronounced /ˈkweɪ.zɑɹ/) is an MIT licensed open-source Vue.js based framework, which allows you as a web de
2020-07-03 09:52:05
1
原创 css實現列表局部放大和壓縮效果
不廢話先看效果 代碼分析 佈局和js代碼 <body> <div class="content"> </div> <template id="my-temp"> <div class="temp"> <div
2020-07-03 09:52:05
原创 《Head First 設計模式》筆記--策略模式
策略模式 定義算法族，分別封裝起來，讓他們之間可以相互替換，此模式讓算法的變化獨立於使用算法的用戶 設計原則 封裝變化 多用組合，少用繼承 針對接口編程，不針對實現編程 原文的示例圖解：鴨子的行爲 將鴨子飛和叫的行爲分別定義
2020-07-03 09:52:05
原创 深入瞭解vue自定義組件之Prop
Prop就是在組件上自定義的特性 官方文檔 基本使用方式 子組件：PropDemo.vue <template> <div> <p>{{myMsg}}</p> </div> </template>
2020-07-03 09:52:05
原创 工程師的三大思維
源自 《阿里工程師的自我修養》一書 自己做了簡單總結，有時間的可以去看原書 官方下載地址 產品思維 好的產品體現於“易用”二字，其極致在於迎合用戶的本能反應並符合各種生活或專業常識。 技術思維 技術思維的源頭是需求，所
2020-07-03 09:52:05
原创 深入瞭解vue自定義組件之$listeners
官方文檔地址 $listeners是vue提供的一個對象，裏面包含了所有作用在這個組件上的監聽器。 比如你要自定義一個input組件，需要監聽input獲取焦點的事件 你可以這樣做 自定義組件代碼 <template> <
2020-07-03 09:52:05
原创 Quasar之Layout
本來想寫一篇博客專門介紹Quasar的Layout組件，寫了一半發現都是在廢話 因爲官方做了一個Layout Builder，專門用來配置layout，而且可以導出代碼，非常好用 這裏就不廢話了
2020-07-03 09:52:05
7
原创 應用 SAX 方式解析 XML
分爲三部分： 1、 package com; import java.io.IOException; import javax.xml.parsers.ParserConfigurationException; import j
2020-06-07 02:49:17
原创 MybatisPlus分頁查詢total和pages爲0
MybatisPlus版本號3.3.1 原因是沒有設置DbType 設置之後的config代碼 @EnableTransactionManagement @Configuration @MapperScan("com.baomid
2020-06-07 02:49:17
原创 kafka初使用
使用前準備 下載kafka，地址http://mirror.bit.edu.cn/apache/kafka/2.2.0/kafka_2.12-2.2.0.tgz 解壓 啓動ZooKeeper bin/zookeeper-server
2020-06-07 02:49:17
原创 Android android.text.TextWatcher詳解
When an object of a type is attached to an Editable, its methods will be called when the text is changed. 當一個可編輯的對象的文本改
2020-06-07 02:49:17