原创 VSC系列 | 實時預覽Markdown——Markdown Preview Enhanced(插件篇)(十)

問題描述 在VSC中如何實時編輯或查看.md文件     解決辦法 搜索並安裝插件 Markdown Preview Enhanced   效果圖 打開一個.md文件測試看看   是可以實時查看效果

原创 NodeJS | 寫一個靜態的get接口(五)

引入模塊express $ npm install express --save 新建app.js,輸入代碼 var express=require('express'); var app =express(); //設置跨域訪問

原创 swiper系列 | 給分頁器修改顏色

先來看下,默認的狀態是藍色: 通過CSS,改成綠色: .swiper-pagination-bullet-active { background-color: #52B54B } 現在來看下,效果

原创 解決在瀏覽器打開Axure失敗的問題

在預覽axure項目時,經常會遇到打開失敗的問題,會直接跳轉到resources/chrome/chrome.html 解決辦法: 用編輯器打開index.html,註釋下面這段話。再打開就可以正常瀏覽了      

原创 VSC系列 | 自動刷新瀏覽器——Live Server(插件篇)(十一)

問題描述 有時候,項目編輯後不能自動刷新瀏覽器,那麼就需要手動刷新瀏覽器,這樣就非常麻煩。在VSC中如何實時預覽頁面呢?   解決辦法 1、搜索並安裝插件Live Server 2、右鍵點擊“Open with Live Serv

原创 Echart系列 | echarts折線圖左右的空白部分怎麼去掉

var echarts_02 = echarts.init(document.getElementById('echarts_02')); echarts_02.setOption({ legend: { le

原创 NodeJS | 連接mongodb數據庫成功之後報db.collection is not a function錯誤解決辦法(四)

在nodejs操作mongodb顯示數據庫連接成功之後突然報了db.collection is not a function錯誤,引起這個錯誤的原因是nodejs獲取數據庫表的API寫法不對。(正如NodeJS | 入門篇 (一)提到的,

原创 VSC系列 | visual studio code 快捷鍵官方pdf 可打印,中文版 window(七)

引用了 https://blog.csdn.net/crper/article/details/54099319  的翻譯自己把官網打印稿中的英文替換了一下,方便打印出來平常使用。 官方PDF PSD下載地址 JPG下載地址 打印一張看下

原创 VSC系列 | 解決誤觸導致界面放大很多(八)

一次偶然,誤觸到一個快捷鍵,界面就變大了。變大的部分包括編輯器的所有內容,就像一張圖片,被放大一樣,但功能都能使用。搜了很久,才發現是在這兒設置的~ (細心的你,一定發現編輯窗口目前是6個文件) 還是習慣界面上的文字/圖標都小一些,可以看

原创 NodeJS | 如何連接mongodb數據庫(三)

1、新建app.js文件,輸入代碼 var MongoClient = require('mongodb').MongoClient;//引入mongodb var url = 'mongodb://localhost:27017/ME

原创 VSC系列 | Visual Studio Code格式化代碼的快捷鍵(九)

On Windows Shift + Alt + F On Mac Shift + Option + F On Ubuntu Ctrl + Shift + I

原创 用vue自己封裝一個分頁組件

準備知識:全局配置組件(本文不贅述,可自行百度) 先來看下效果。 非常簡單的效果。事件上僅改變頁碼,無其他。 1、新建文件pagination.vue。簡單解釋下:先寫DOM結構和樣式,接着是事件。 寫事件很簡單,點擊按鈕改變頁碼,

原创 垂直時間線代碼

<!DOCTYPE html> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content=

原创 stylus系列 | 普通Html頁面如何使用stylus語法

  stylus介紹 stylus是一個css預處理框架。來自node社區,主要用來給node項目進行css預處理支持 stylus文件後綴是 .styl   stylus安裝 比如可以在CSS文件夾中,按住shift鍵+右擊,在命令行工

原创 swiper系列 | 輪播圖橫向顯示異常處理辦法

習慣寫手機端頁面,添加一句*{margin: 0px;padding: 0px}; 在利用swiper插件寫輪播圖時,就會出現下面這個情況:後一張輪播圖有部分顯示異常。調試了很久,才發現是margin: 0px;這句影響的。 不添加ma