原创 Electron-vue項目初探(一):搭建項目

項目裏要用Electron,研究方向是本地數據庫/緩存相關,正好年終歸賬時發現excel效率太低,且分析維度有限,準備用Electron-vue+SQLite3+SQLCipher搭一個簡單版的交易分析系統,學有所出。 原來是直接用el

原创 less:長度計算

CSS中可通過函數 calc() 動態計算長度,如: // 設置寬度爲:父元素寬度 - 10px width: calc(100% - 10px); 但是在less中這樣寫有問題,會自動處理成: width: calc(90%); 因

原创 JS:函數節流(throttle)和防抖(debounce)

解決的問題 節流和防抖:爲了限制函數的執行頻次,以優化高頻率觸發函數導致的響應速度跟不上觸發頻率,出現延遲、假死或卡頓的現象。 主要用於對DOM Events的處理,常見場景: window對象的resize、scroll事件 拖拽時的m

原创 less:Mixin實現相同樣式不同顏色

問題 基於element-ui封裝的button組件,希望根據不同的類名,實現相同樣式、不同顏色。 解決 將相同的部分包成mixin .isUnderline,通過傳參實現不同顏色。 <style lang="less"> @color

原创 JS:構造函數、原型、new

構造函數、原型對象、實例 1、每個函數都有一個prototype屬性,該屬性指向函數的原型對象,原型對象的用途是可以讓所有對象實例共享它所包含的屬性和方法。 2、默認情況下,每個原型對象都會自動獲得一個constructor屬性,該屬性

原创 CSS:background: none和background: transparent的區別

background: none 等價於: background-color: initial; background-image: none; background-repeat: initial; background-attach

原创 Vue中的this.$options.data()和this.$data

問題 項目裏遇到一個問題,用this.$options.data重置組件data時,data裏用this獲取的props或method都爲undefined,代碼簡化如下: export default { props: {

原创 Git常用命令

  修改分支名稱 1、本地分支: $ git branch -m old_branch new_branch 2、遠程分支: # Delete the old branch $ git push origin :old_branch

原创 SQLite3常用命令

1、打開數據庫 // 在數據庫文件所在目錄下 sqlite3 xxx.db 2、查看數據庫中的表 .table 3、查看建表語句 .schema 4、SQL語句查詢 SELECT column1, column2, columnN

原创 Less中長度計算

CSS中可通過函數 calc() 動態計算長度,如: // 設置寬度爲:父元素寬度 - 10px width: calc(100% - 10px); 但是在less中這樣寫有問題,會自動處理成: width: calc(90%); 因

原创 Vue小知識點

其實是個人Vue盲點的查漏補缺_(:з」∠)_,,,很多點官方文檔裏都有,Vue文檔要字斟句酌啊。本來想叫“Vue最佳實踐”的,,老臉一紅,算了,算了   Prop 1、Prop如果爲數組或對象類型,default值必須從函數中返回。

原创 Electron安裝失敗

electron安裝持續失敗T_T,,,總結下搜到的方法,總有一個適合你~ 最後用的是yarn+淘寶鏡像,避開天坑後,秒速安裝!美滋滋 官網:https://electronjs.org/docs/tutorial/installat

原创 Vue的ESLint配置

用慣了組裏統一的代碼風格,再看默認的vue項目代碼很是彆扭,記錄下ESLint配置,以後直接copy paste,美滋滋 目錄 ESLint配置方式 規則級別 常用規則 官網:https://eslint.org/docs/rules

原创 Electron+Vue+SQLite3+SQLCipher項目初探

項目裏要用Electron,研究方向是本地數據庫/緩存相關,正好年終歸賬時發現excel效率太低,且分析維度有限,準備用Electron+Vue+SQLite3+SQLCipher搭一個簡單版的交易分析系統,學有所出。 以學習研究爲主,

原创 Vue CLI 3.0踩坑記錄

vue cli 3.0和之前的腳手架不太一樣,記錄下新特性及踩坑記錄。以下均在MacOS環境下進行。 官網:https://cli.vuejs.org/zh/guide/installation.html 安裝 vue cli包名稱由