原创 將靜態頁面部署到GithubPages上

準備 開發好的靜態網站 創建倉庫 注意, 否則訪問: 倉庫名和用戶名保持相同 除非是github Pro用戶,否則設置倉庫爲Public 克隆倉庫,上傳代碼 設置自定義域名 先去域名供應商(比如阿里雲),購買一個域名。注意

原创 css兩端對齊的思考

最近上公開課,講到css的兩端對齊,準備寫一下心得記錄一下。    css兩端對齊的兩種方式:(原文參見白樹大神)[url]http://www.cnblogs.com/PeunZhang/p/3289493.html#text-just

原创 Nuxt +Typescript 踩坑實踐

最近想用 nuxt + typescript 搭建一個基於 Vue服務端渲染 的前端框架。然而隨着最近的更新踩了一路的坑,記錄一下。 Typescript 支持 在 nuxt 的中文文檔中,明確說明了如何使用 Typescri

原创 註解開發組件 報錯 Using the export keyword between a decorator and a class is not allowed.

vue組件註解方式報錯 error Parsing error: Using the export keyword between a decorator and a class is not allowed. Please u

原创 express use()和中間件

express use()和中間件 express.js function express () { const app = () => { } app.static = () => { // ... } // 內部

原创 Express 中文文檔 - 快速入門 - 路由

原文鏈接:http://www.expressjs.com.cn/starter/basic-routing.html 基本的路由 Routing是指確定一個應用是如何響應客戶端發送到特

原创 Express 指南-路由

原文鏈接:http://www.expressjs.com.cn/guide/routing.html 路由 路由是指應用程序的端點(uri)如何響應客戶機請求。有關路由的介紹,請參閱

原创 Parsing error: Using the export keyword between a decorator and a class is not allowed(腳手架修飾器的問題)

在用到 vue-property-decorator 時 vscode提示Parsing error: Using the export keyword between a decorator and a class is not all

原创 不用在每個文件中用@import引入樣式變量或混入了!這裏有更好的辦法:@nuxtjs/style-resources

  全局SASS/SCSS變量在Vue項目中應用解決方案   1.Vue-Cli 下的解決方案 sass-resources-loader   如果項目使用Vue-cli 2/3,或者Vue項目用的Webpack,用這個loader都

原创 Nuxt如何整合Typescript?

參考:https://www.jb51.net/article/161558.htm   nuxt.config.js中 webpack的關於ts的loader, 魷魚config.module可能取值爲undefined 要做以下處理

原创 讓Nuxt服務用ip訪問的解決方案

讓Nuxt服務用ip訪問的解決方案如何解決? 如何解決? 如果你想用ip來訪問nuxt建立的本地服務,可以在 package.json 添加以下代碼: ... "config": { "nuxt": { "host":

原创 一個前後端分離項目上線因OPTIONS請求403引發的思考

最近在上線Vue+Vue Router(history模式)的前後端分離項目時,發現所有的 預檢請求(preflight request)都403報錯。然而後端反饋已經添加註解允許跨域(具體如何操作,本文暫不描述,可以去自行搜索)。於是排

原创 在npm上發佈包的記錄

最近需要在npm上發佈一個包,記錄如下: 首先在 NPM 官網註冊一個賬號 或者輸入命令 npm adduser 註冊時會要求輸入用戶名,密碼和郵箱。切記需要在郵件中確認。否則會造成npm publish 時出現 npm ERR! y

原创 實現等分的寬度高度相同的自動換行圖片展示

效果圖:思路:1.容器中的每個圖片容器佔25%,超過100%後自動換行2.使圖片的高度與寬度一致3.圖片容器添加內邊距,使圖片有分隔感實現:針對思路1,在移動端網頁下首選使用display: flex;來實現圖片容器的橫向自適應寬度。給每