原创 better-scroll實現頁面滾動

npm安裝 npm install better-scroll --save 在需要的頁面引入 <script> import BScroll from 'better-scroll' export default { mo

原创 vue-lazyloading實現圖片懶加載及問題總結

原文鏈接:https://blog.csdn.net/xuefeng11111/article/details/86292129 文檔地址(https://www.npmjs.com/p

原创 koa中的相關參數獲取

傳參方式 url路徑中傳參(param) url問號後面傳參 http的header中傳參 http的body中傳參 獲取參數的方式 ext.param 獲得路徑中的參數 ext.request.query 獲得問好候面的參

原创 搭建MySQL數據庫環境

下載安裝XAMPP集成包 下載和安裝數據可視化管理工具Navicat管理MySQL 下載完成後先打開XAMPP (1)點擊start按鈕啓動MySQL數據庫 (2)點擊Config打開my.ini文件 (3)修改文件中的端口

原创 koa路由系統2

ctx.path =>獲取請求路徑 ctx.method => 獲取請求方法 ctx.body => 設置返回客戶端的數據 const Koa = require('koa') const app = new Koa() a

原创 鹽與密碼加密

執行npm install bcryptjs --save安裝依賴包,使用bcryptjs進行加密 user.js api中導入bcryptjs const Router = require('koa-router') con

原创 nodemon自動重啓server 3

執行npm i nodemon -g 全局安裝該插件 執行nodemon app.js啓動服務 如果我們不是全局安裝的nodemon,運行的時候我們需要使用npx nodemon app.js, 或者可以修改package.js

原创 用戶登錄返回客戶端token

登錄流程 客戶端提交用戶名和用戶密碼 服務端覈對用戶名和密碼,如果正確向客戶端發送令牌token(j選擇用jwt令牌) token:我們可以把它理解爲一串無意義的隨機字符串; jwt令牌: 也是一串無意義的隨機字符串,但是它可以

原创 koa中自動創建數據表

執行npm install sequelize --save命令 將sequelize鏈接到MySQL數據庫,並配置一些數據庫的參數 (1)在core目錄下創建db.js文件 const Sequelize = require

原创 Antd時間選擇框漢化問題總結------國際化全局設置

引入所需插件 import zh_CN from 'antd/lib/locale-provider/zh_CN'; import 'moment/locale/zh-cn'; import { ConfigProvider }

原创 nuxt.js基礎

文件目錄 assets靜態資源文件存放樣式文件和圖片文件 backpack.config.js後端編譯腳本 build打包後的文件 components vue組件 layouts 模板文件 nuxt.config.js nu

原创 koa中異常處理

在根目錄下創建middleWares文件夾,存放自定義中間件 在middleWares目錄下創建exception.js異常處理中間件,來捕獲異常 const {HttpException} = require('../cor

原创 node+koa項目初始化1

創建項目文件夾island 進入文件夾執行npm init 生成package.js文件 執行npm i koa --save命令安裝koa 在跟目錄下創建app.js入口文件 const Koa = require('koa

原创 requireDirectory實現路由自動加載

執行npm i require-directory --save安裝插件 參考文檔 在app.js中引用並使用它 const Koa = require('koa') const requireDirectory = requ

原创 配置環境變量區分開發環境和生產環境

在根目錄下創建config文件夾 在config文件夾中創建config.js文件 module.exports = { // dev表示開發環境 prod表示生產環境 environment: 'dev' } 在