React父子组件通信
子组件向父组件利用回调函数，可以实现子组件向父组件通信：父组件将一个函数作为 props 传递给子组件，子组件调用该回调函数，便可以向父组件通信。
1234567891011121314151617//Parent Component//Homeimport React from 'react'import HomeSon from '../HomeSon'export default class Home extends React.Component{ console = (e) =>{ console.log(e); } render() { return <> <HomeSon cb={this.console}/> </> }}
1234567891011121314151617181920212223//Child C ...
SummerNote插件修改上传图片存储到服务器
summernote插件summernote插件修改上传图片存储到服务器summernote插件默认是将图片转换成base64码,存储在数据库中,这样虽能实现功能且使用灵活但是对服务器的压力较大在这里我们将summernote插件改造,使之异步上传图片到服务器,将路径存储近数据库(本篇博文和node上传图片一文可结合使用).
12345678910111213141516171819202122232425262728293031323334353637383940$('#summernote').summernote({ lang: 'zh-CN', minHeight: 400, focus: true, // toolbar: [ // ['style', ['bold', 'italic', 'underline', 'clear']], // ['fontsize&# ...
Session持久化
session的使用以及持久化实现方式通过 express-session 对node-session进行管理一般常用场景都是身份标识以及登陆操作
实现步骤安装express-session及session持久化中间件1npm install express-session -S
session持久化插件安装说明
mac、linux平台使用session-file-store
1npm install session-file-store
win平台使用nedb-session-store
1npm install nedb-session-store
导入及创建中间件
OS X
12345678const session = require("express-session");const FileStore = require('session-file-store')(session);// 创建 session 中间件const sessionMiddleware = session({ store:n ...
Vue3学习笔记
vue3.x学习笔记前言官网: vue3官网
vue3的安装12sudo npm install -g @vue/cli# macOS
12npm install -g @vue/cli# windows
查看版本1vue -V
创建项目1vue create [项目名] #OR `vue ui`
运行1npm run serve
安装插件1vue add axios
单独运行.vue文件123npm install --g @vue/cli-service-global# 之后运行vue serve xx.vue
vue.config.js配置1234567891011121314151617181920212223242526272829303132333435363738394041//模拟数据const goods = require("./data/goods.json");const ratings = require("./data/ratings.json");const seller = require(&quo ...