原创 List樣式進階

前言 好幾個月沒有更新了,也側面反應工作太忙。最近被各種List的樣式折磨得不輕。看似樣式簡單,但是在實現時也遇到不少問題。這篇小文記錄一下,也提供給遇到相似問題的同學。 1. List圖片環繞 (1) 目標 如圖,實現這樣一個效

原创 webpack插件filemanager-webpack-plugin(管理打包後的文件路徑)

前言 項目中使用這個webpack插件(filemanager-webpack-plugin)是基於這樣一個業務場景: 傳統CMS項目,路由不在前端,後端需要前端提供文件 前端需要將打包好的html、js和css文件輸出到指定的

原创 Jade語法簡報

文章目錄前言Jade語法整理Doctype標籤縮進屬性文本代碼嵌入插值語法條件語句分支語句遍歷語句循環語句mixinsincludes繼承 前言 開始使用Jade已經是4年前的事了,這期間也有使用,但比較少,使用的功能也比較簡單。

原创 MongoDB安裝、啓動和數據導入

文章目錄前言什麼是NoSQL?爲什麼使用NoSQL?MongoDB安裝(1) 更新Homebrew的package(2) 安裝MongoDB(3) 查看是否安裝成功MongoDB啓動(1) 啓動mongodb(2) 連接mongodb

原创 CSS3自定義滾動條

(1) 屬性 [1]::-webkit-scrollbar 滾動條整體部分 [2]::-webkit-scrollbar-button 滾動條的軌道的兩端按鈕,允許通過點擊微調小方塊的位置。 [3]::-webkit-scrollb

原创 JS Date對象及時間處理的坑

文章目錄1. Bug建議(1) 日期字符串用/的格式(2) 使用moment.js日期處理類庫2. Date對象、時間字符串、時間戳 1. Bug 不要這樣寫new Date('2019-3-5'),會出bug。這個String格式爲

原创 Flex佈局——flex-basis、flex-grow、flex-shrink

文章目錄1. 前言2. 剩餘空間3. 屬性[1] flex-grow[2] flex-basis 1. 前言 Flex佈局的基礎以及其他屬性,請參考上篇:https://blog.csdn.net/joyce_lcy/article/

原创 Flex佈局

文章目錄1. 前言(1) Flex的兼容性(2) 爲什麼要使用Flex?2. 什麼是Flex? 1. 前言 (1) Flex的兼容性 作爲一個經歷過需要兼容IE6時代的前端,不需要用float後,使用position(absolute

原创 js時間YYYY-MM-DD轉換爲英文顯示

目標:將2019-1-2轉換成Jan 01, 2019 實現方式: let date = new Date('2019-1-2'); //Wed Jan 02 2019 00:00:00 GMT+0800 (China Standar

原创 ES6——聲明和賦值( let 和 const、變量的解構賦值)

文章目錄let 和 const1. let2. 塊級作用域(1) 爲什麼需要塊級作用域?(2) ES6 的塊級作用域(3) 塊級作用域與函數聲明3. const 命令變量的解構賦值1. 數組的解構賦值(1) 默認值2. 對象的解構賦值

原创 微信小程序——頁面路由

官方文檔: https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/route.html API: https://developers.weixi