> 參考:
- https://www.jq22.com/demo/Simple-Calendar-gh-pages20160826/
- https://github.com/jdf2e/nutui/blob/v2-dev/src/utils/date.js
> 想法
- 當疫情來了后,需要能設置放假時間單獨處理(如果疫情時間過了兩年、三年)。
- 業務與視圖分開(這樣可以自定義視圖了)
- 文檔進行
### 某個月有多少天
> 使用 getDate 方法。注意:月必須得減一
```
function getDays(year,tmonth) {
var day = new Date(year,tmonth - 1,0);// 獲取當前第幾天
return day.getDate()
}
getDays('2020','3')
```
### 獲取當前時間
>
### 格子日歷
> 一般我們循環一個月內時間是咋樣的對吧,如果是格子日歷的話,需要遍歷 35個格子,都能填滿
```js
function run (meDate = new Date()) {
let tyear = meDate.getFullYear();
let tmonth = meDate.getMonth() + 1;
let tday = meDate.getDate();// 當前月有幾天
var day = new Date(tyear,tmonth - 1,1);// 獲取當前第幾天
var week = day.getDay();
// 獲取當前星期幾
if (week == 0){
week = 7;
}
//計算得到第一個格子的日期
var thispageStart = new Date(Date.parse(day) - (week - 1) * 24 * 3600 * 1000);
console.log(thispageStart)
//對每一個格子遍歷
for (var i = 0; i < 35; i++) {
var theday = new Date(Date.parse(thispageStart) + i * 24 * 3600 * 1000);
var writeyear = theday.getFullYear();
var writeday = theday.getDate();
var writemonth = theday.getMonth() + 1;
if (writemonth != tmonth ) {
console.log('不是當月的:'+writeyear + '-' + writemonth + '-' + writeday)
// console.log(writemonth); // 不是當前的月,如果不是當期月份的,樣式就是別的
}else {
console.log('當月的:'+writeyear + '-' + writemonth + '-' + writeday)
}
// console.log(writeyear + '-' + writemonth + '-' + writeday)
//添加today樣式
// 如果是今天的話,那么就得重新來獲取了。
if (tyear == writeyear && tday == writeday && tmonth == writemonth) {
// console.log()
}
}
}
run();
```
>
- LOLKU
- 工具類
- form/formData
- form
- formData
- iframe
- 渲染數據,防止內存泄漏
- 獲取url(路由)參數
- 常用方法
- 失去焦點軟鍵盤頁面亂
- 判斷數據類型
- 瀏覽器全屏
- 動態插入css
- 隨機生成自定義長度位數數字
- 驗證判斷
- localStorage 封裝存儲
- 格式化日期
- 計算兩個時間差
- 去除空格
- 將駝峰命名轉換為連字符
- 獲取dom屬性
- 深拷貝
- class操作
- 判斷是否打開瀏覽器控制臺
- 全國城市地區代碼表
- canvas合成工具
- 去除emoji表情符號
- 比較兩個對象屬性和內容(值)一致
- 微信結束頁面事件
- 正則匹配url替換域名
- 字符串拼接(渲染dom后傳值)
- 判斷是否是正則
- 日歷算法
- json 工具
- 是否支持webp格式
- h5底部輸入框被鍵盤遮擋問題
- php
- php 二級域名管理
- 單個或者多個域名跨域
- file_get_contents 正確使用
- fromData請求無法攜帶cookie
- 簡單的加密文件傳輸
- css
- 1px
- 滾動
- ios點擊有顏色
- 文本溢出省略號
- css動畫抖動
- 文本換行與不換行
- 阻止旋轉屏幕時自動調整字體大小
- vue
- vscode 調試
- 新技術
- vue-router 4.0
- vue3
- 基礎
- 試驗
- javascript
- 上傳問題
- 文件選中過,第二次再次選中不觸發change事件
- 上傳oss
- 后臺
- linux搭建服務
- 需安裝
- nginx
- 安裝
- nginx http 配置二級域名
- nginx https 配置二級域名
- 防止暴力破解
- 阿里申請免費https
- git
- 快速安裝
- 配置項
- node
- 安裝
- pm2
- mysql
- 安裝
- 創建、切換、查詢數據庫
- 常用命令
- cmake 編譯器
- redis
- 軟件下載
- git
- 百度git 記住密碼
- 經驗
- 上傳
- 軟件
- vscode
- 推薦插件
- 應用開發
- nwjs
- 入門
- package.json
- vue、react、angular 跑nwjs
- 打包
- 監聽屏幕
- 運行另一個.exe文件
- node應用
- electron
- 資料
- 安裝
- 實戰
- 崩潰日志報告
- electron-forge
- 托盤閃爍
- 開機自動啟動
- 消息通知
- 禁止默認事件
- 保證只有一個實例
- 打包且美化安裝界面
- 創建cli
- 添加Github徽章
- 自動更新
- docsify
- Lowdb存儲數據
- 備份、恢復、導入、導出
- 深度鏈接(協議)喚起Electron應用
- 說明
- 加載擴展插件
- 證書
- Sketch 插件
- 工作
- 宣傳文章地址
- api
- tinypng
- npm 插件
- fs封裝:fs-jetpack
- 判斷是否npm或yarn運行
- 字符串或緩沖區的gzip壓縮大小
- 克隆并修改RegExp實例
- 反轉對象的鍵/值
- http路由find-my-way
- dragula 拖拽(拖放)
- svga
- npm 腳手架搭建
- 項目
- 小工具
- svg轉圖片
- 日歷