原创 token登錄驗證機制

jwt: json web token 數據 前端 祕鑰 前端 請求數據的時候。 需要通過祕鑰生成命令令牌。 Token token是oAuth Token,提供的是認證和授權,認證針對用戶,授權是針對App,目的就是讓某AP

原创 node_express 後臺連接MySQL

node+express 後臺連接MySQL 創建server 全局下載 npm install express-generator@4 -g 進入目錄 與src同級 express --view=ejs server 進入se

原创 vue2./vue.3.x實現跨域(proxytable/proxy)

vue2.x config/index.js proxyTable: { '/api': { target: 'http://localhost:3000/', // 請求的接口的域名

原创 axios封裝請求響應攔截

這段代碼是運用axios封裝請求,響應,請求頭,並且將get和post請求的接口直接暴露出來了, 小夥伴們如果需要使用,必須主要在請求後臺數據的時候使用 post/get("接口").then(res=>{console.log

原创 react受控組件和非受控組件

這個評論小案例就是總結了受控組件的意思,還有react子父傳參的例子哦,忘記受控組建的小夥伴們可以看看啊 受控的操作順序 其值由React控制的輸入表單元素稱爲“受控組件”。 受控的操作順序 在state裏面設置狀態 在表單元素

原创 egg+react 增加 刪除 詳情

以下的這些就是一個簡單的增刪查 技術棧 前臺:react 後臺: egg+mysql 後臺 app/controller.user 'use strict'; const Controller = require('egg'

原创 nodejs用egg框架實現圖片上傳

1.創建app/public/admin/upload 文件夾用於存放上傳的圖片 2.在app/service/tools.js(工具)下寫一個文件上傳的方法 /** * 獲取文件上傳目錄 * @param {*}

原创 React 瀑布流佈局的實現 (移動端)

React 瀑布流佈局的實現代碼 ,瞅下面!!!! import React, { Component,Fragment } from 'react'; import {connect} from'react-redux' i

原创 剪貼板功能的實現

利用利用的插件包 clipboard-polyfill import React, { Component } from 'react' import clipboard from "clipboard-polyfill"

原创 簡單倒計時實現,精確到到天,時,分,秒,具體可自行設置

歡迎來到我的博客 不廢話,直接上代碼,代碼雖然簡單,能給讀者帶來點絲毫的便利也是好的。 <html> <head lang="en"> <meta charset="UTF-8"> <title>倒計時實現</ti

原创 當async/await碰見forEach-------------爆炸

let p = ['http://img3.imgtn.bdimg.com/it/u=3278834702,2663618759&fm=26&gp=0.jpg', 'http://img5.imgtn.bdimg.com/it/u

原创 React與Vue的區別與聯繫原理

React與Vue的區別與聯繫原理 通常解答: Vue是採用指令結合vue-loader實現構建用戶界面的漸進式框架,React是採用jsx構建用戶界面的組件化開發 大牛解法 在渲染用戶界面的時候,DOM的操作是最昂貴

原创 socket.io+egg+react_聊天室

技術棧:Socket+egg+react 前端react(vue和小程序都可以) 後端:egg, 通信工具:socket.io socket官網:https://www.w3cschool.cn/socket/socket-1ol

原创 egg.js中使用egg-mysql操作mysql數據庫

在 egg項目中安裝 egg-mysql npm i egg-mysql --save 2、在{app_root}/config/plugin.js中啓用 egg-mysql插件: 'use strict'; /** @type

原创 Css動畫

CSS transition過渡動畫 位移 translate transform translate(x,y) 改變位移(2d) translate(x,y,z) 3d轉換 用於z軸的值 translateX(x) 改變x