原创 將靜態頁面部署到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
原创 火星座標、百度座標、WGS-84座標相互轉換及墨卡託投影座標轉經緯度JavaScript版
https://www.cnblogs.com/fwc1994/p/5884115.html
原创 實現等分的寬度高度相同的自動換行圖片展示
效果圖:思路:1.容器中的每個圖片容器佔25%,超過100%後自動換行2.使圖片的高度與寬度一致3.圖片容器添加內邊距,使圖片有分隔感實現:針對思路1,在移動端網頁下首選使用display: flex;來實現圖片容器的橫向自適應寬度。給每