原创 獲取N天前的時間( 過去七天的年月日、toLocaleDateString的應用 、獲取時間段字符串,Date.now()和new Date().getTime()的使用 )

需求: 獲取過去七天到今天的時間段,需要字符串格式:2020-4-13~2020-4-20 ; 需要字符串格式:2020-04-13~2020-04-20 ; 需要的字符串格式 :?start=2020-04-13&end=20

原创 給vue+Electron的項目加一個加載頁面loadpage

前言: 請確保已搭建好vue+electron的一個項目,詳情參考:用vue-cli+Electron開發桌面應用(搭建vue項目、安裝electron),更多相關信息,參考作者往期博客 具體描述 將loadpage.html作

原创 固定定位失效問題(position:fixed;固定定位)

PC端項目: 父級設置了transform: translate(0, 0);後,子級的固定定位會失效:(解決辦法,去除父級的transform: translate(0, 0); 即可) html: <div class="g

原创 關於道義,瞎侃一句

我給你一顆糖,你看到我給他兩顆,你就對我有意見了,但你不知道,他曾在我最難的時候給過我兩顆糖,而你什麼都沒有給過我;你更不知道的是,這糖,我手裏,只有三顆。這會兒你告訴我我不道義,所以,你告訴我,什麼叫道義?唉。。。。。。。。我能

原创 用vue-cli+Electron開發一個跨平臺的桌面應用____篇一(搭建vue項目、安裝electron)

1. 安裝vue-cli3(這裏使用的是yarn,進行這一步的前提是安裝好node和yarn) yarn global add @vue/cli vue --version (此命令意在查看vue的版本,可確認是否安裝成功,)

原创 CSS部分函數(calc()、attr()、rgb()、rgba()、var() 、cubic-bezier()、hsl()、hsla()、漸變)

1. calc( )函數 calc() 函數用於動態計算長度值。 ①: 運算符前後都需要保留一個空格,例如:width: calc(100% - 10px); ②: 任何長度值都可以使用calc()函數進行計算; ③: calc

原创 從零開始,搭建React項目,篇一(搭建react項目、在react項目中使用Sass、react-router-dom、antd)

一、創建項目 注意: 創建項目的時候,記得暴露配置文件 ( npm run eject 或者 yarn run eject ) 因爲暴露配置的文件的操作不可逆,之前沒有提及git的話,可能會報錯,還需重新git add . ;

原创 記Electron的踩的坑;關於 resizable: false和自定義窗口最大化和恢復時候遇到的問題、關於 設置了frame: false 的無邊框窗口的拖動問題;

前言 前言: 主窗口未設置resizable:false;,若要自定義electron的窗口最大化等功能,請參考electron自定義 窗口最大化最小 化關閉功能, 一、主窗口未設置resizable:false; 正常的自定義最

原创 Git相關命令(第一次提交代碼到git倉庫、將已有的項目(本地項目代碼)提交到git倉庫、修改遠程倉庫地址、添加刪除遠程倉庫)

第一次提交本地項目代碼到github倉庫 一、所需的命令 git init // 1. 初始化項目文件夾 git add . // 2. 將所有文件添加到暫存區 git commit -m "first commit"

原创 vue-cli+Electron項目,打包的相關配置

前言: 這裏是基於 之前搭建的一個vue-cli+Electron項目做的相關配置。 項目地址: https://github.com/ddx2019/vue-electron-demo,項目的更多說明信息參考:作者往期文章 一、

原创 vue的router-link實現的組件切換,點擊切換高亮模式

注意: router-link通過to屬性指定目標地址, 默認渲染成帶有正確鏈接的 <a> 標籤,可以通過配置 tag 屬性生成別的標籤.(如 <router-link to="/about" tag="li">About</r

原创 鼠標 hover時盒子陰影效果,凸起效果_ box-shadow的應用

盒子陰影 <div class="test-shadow"></div> <style> .test-shadow{ background-color: rgb(180, 224, 241);

原创 以服務的方式調用Element的Loading(利用axios的攔截器,在請求的時候加一個Loading,並在響應後將其關閉)

一、 所遇問題 以服務的方式調用Element的Loading,通過target指定了需要覆蓋的DOM節點,無法正常的關閉loading,如圖: 二、解決辦法 可在攔截器調用新的Loading之前檢測是否有實例存在,若存在,將其

原创 在vscode中用tsc編譯ts文件的時候報錯,tsc : 無法加載文件,因爲在此係統上禁止運行腳本;SecurityError

一、問題描述: 1. TypeScript安裝成功,在C盤的Administrator目錄下,運行 tsc -v 也可看到TypeScript的版本。 2. 但在vscode中的時候運行tsc 編譯ts文件的時候報錯如下,此時t

原创 vue+Electron,自定義最大化、最小化、關閉窗口的功能

簡單的理解一下Electron的進程類型——渲染進程和主進程 主進程: Electron 運行 package.json 的 main 腳本的進程。 渲染進程: 在 web 頁面運行的進程。 一個 Electron 應用有且只