学习笔记
cloudgaps
这个作者很懒,什么都没留下…
展开
-
egg.js后台流程记录2
1.安装数据库npm i --save egg-sequelize mysql2配置数据库'use strict';/** @type Egg.EggPlugin */module.exports = { // had enabled by egg // static: { // enable: true, // } cors: { enable: true, package: 'egg-cors', }, sequelize: {原创 2021-06-21 20:35:42 · 107 阅读 · 0 评论 -
egg.js后台流程记录1
1.路由传参 url中通过https:..../id的方式传递的数据可以在控制器中通过this.ctx.params.id获取, 通过?name=ls的方式传递的数据则是通过this.ctx.query.name获取, 通过this.ctx.status可以修改返回的状态码。2.关闭crsf开启跨域1.安装 npm i egg-cors --save生产依赖。2.在confug/plugin.js中配置插件'use strict';/** @type Egg.Egg...原创 2021-06-21 20:03:43 · 166 阅读 · 0 评论 -
es6学习笔记3-Reflect、static、Set、Map、Symbol
1.Reflect 一个静态对象,类似于Math,提供了一系列操作对象的方法,实际上是Proxy内部方法的默认实现,以前操作对象的方法不统一,Reflect原创 2021-06-08 16:03:27 · 159 阅读 · 0 评论 -
es6学习笔记2箭头函数、对象字面量、Proxy
1.箭头函数注意点:this指向问题,常规函数this指向其调用者,而箭头函数不指向其调用者,而是定义该函数当前作用域里面的this,应用场景,解决闭包时拿不到外层对象的情况原创 2021-06-07 22:51:34 · 113 阅读 · 0 评论 -
微信小程序微信支付流程
1.需要调用wx.login()的success回调拿到临时登录凭证code,拿到code后需要在后台用code取请求微信的auth.code2Session端口拿到openid用户的唯一标识原创 2021-06-07 17:20:53 · 863 阅读 · 0 评论 -
react-redux
1.创建reducerexports.reducer=(state, action) => { return state}2.创建storeimport {createStore} from 'redux'import reducer from '../reducer/index'export default createStore(reducer)原创 2021-06-05 00:45:58 · 146 阅读 · 1 评论 -
redux
1.定义actionconst sendAction = () => { return { type: 'sendAction', value: '被传递的值' }}原创 2021-06-04 21:23:24 · 58 阅读 · 0 评论 -
react-hook的基本使用
1.useState 用来hook数据import {useState} from 'react'function App () { //const ['数据名称','操作数据的方法'] =useState(初始值) const [num, setNum] = useState(0) //定义给ui组件绑定的处理数据方法 const hanlde = () => { setNum(num + 1) }return( < onClick={.原创 2021-06-04 18:45:31 · 95 阅读 · 0 评论 -
react路由的基本使用
导入路由需要的组件:import{BrowserRouter as Rourter, Route, Link } from 'react-router-dom'const APP = () => ( <div> <h1>路由</h1> </div>)原创 2021-06-02 23:57:20 · 116 阅读 · 2 评论 -
纯组件pureComponent
纯组件内部自动实现了钩子函数shouldComponentUpdate钩子,不需要手动进行比较原理:纯组件内部通过分别对比前后两次props和state的值,来决定是否chong'x原创 2021-06-02 23:38:32 · 164 阅读 · 0 评论 -
关于setState的一些说明
1.setState更新是异步更新的。2.使用如下语法可以拿到最新的state和propsthis.setState((state, props)=> {// 拿到最新的值后执行的操作})原创 2021-06-02 23:17:17 · 202 阅读 · 0 评论 -
react的render-porps和高阶组件
当不同组件有相似功能时,可以进行复用,其实本质是复用组件的state和操作state的方法,即组件逻辑,复用方式有如下两种:1.render-porps2.原创 2021-06-02 23:13:22 · 148 阅读 · 0 评论 -
react-Context
多层组件进行嵌套时,使用props多次传递数据将会很繁琐,而用reactContext可以直接指定某一层组件拿到最上层传递过来的值;1.调用reactContext的组件import { Provider, Consumer } = React.creatContext()2.使用<Provider> 组件 </Provider> 作为父节点 3.使用<Consumer> </Consumer> 包裹需要拿到数据的子节点:<Consu原创 2021-06-02 17:41:32 · 79 阅读 · 0 评论 -
数组的增删改查方法总结
增 前三种会对原数组产生影响,第四种不会产生影响。push() unshift原创 2021-05-30 15:28:30 · 1386 阅读 · 0 评论 -
axios简单配置及解决跨域
const instance = axios.create({ baseURL: 'https://some-domain.com/api/', timeout: 1000, headers: {'X-Custom-Header': 'foobar'}});原创 2021-05-28 23:33:41 · 21280 阅读 · 3 评论 -
webpack配置学习总结
一.文件出入口初始配置二.自动打包原创 2021-05-27 23:58:58 · 89 阅读 · 0 评论 -
es6对象新增方法
1.Obj.is() 之前es比较两个值是否相等,只有'=='和'==='两个运算符,使用'=='时会自动转换数据类型;而使用'==='时NaN不等于自身;Object.is就是部署这个算法的新方法。它用来比较两个值是否严格相 等,与严格比较运算符(===)的行为基本一致。2.Obj.assign() 用户目标对象的合并;第一个参数是目标对象,后面的参数是源对象,可以有多个; 注意点:1.assign()方法是浅拷贝。 2.对于嵌套的多个对象,遇到同名属性将会进行覆盖。3...原创 2021-05-26 21:05:00 · 259 阅读 · 0 评论 -
react的生命周期
组件的生命周期可分成三个状态:Mounting:已插入真实 DOM Updating:正在被重新渲染 Unmounting:已移出真实 DOM生命周期的方法有: componentWillMount在渲染前调用,在客户端也在服务端。(不常用) componentDidMount: 在第一次渲染后调用,只在客户端。之后组件已经生成了对应的DOM结构,可以通过this.getDOMNode()来进行访问。 如果你想和其他JavaScript框架一起使用,可以在这个方法中调用setT..原创 2021-05-26 15:08:16 · 63 阅读 · 0 评论 -
react组件通讯
一.props的特点1.可以传递任意类型的值,如字符串,数字,对象及函数。2.props是只读的对象,只能读取属性的值,无法对其进行修改。3.如果类组件内有constructor构造函数,应该将props传递给super(),否则无法在构造函数中获取props。二.组件通讯的三种方式 2.1.父传子; 1.父组件提供要传递的state数据。 2.子组件内标签添加属性,值为state中的数据。 3.子组件内部再通过props接受数据。 如下...原创 2021-05-26 13:47:26 · 124 阅读 · 0 评论 -
react 事件绑定this指向
直接调用函数会导致this指向错误 报错setState方法未定义,解决方法如下:1.箭头函数2.利用function.prototype.bind(),改变this指向,constructor里的this同样指向实例对象3.将class类里面的方法改造成箭头函数 因为react自带babel 此语法可用...原创 2021-05-25 20:20:06 · 119 阅读 · 0 评论