- 博客(112)
- 资源 (2)
- 收藏
- 关注
原创 react普通类组件-在react-router6中使用编程式导航
难点: 在类组件中使用 hook: useLocation, useNavigate, useParams。之前在v5 中使用的时 withRouter 但是这个方法在 6中废弃。
2023-03-03 12:44:18 535 2
原创 jni-Demo-基于linux(c++ & java)
1. 跑一个jni 的最简单的Demo--已运行成功,放心使用2. 需要提前准备 VsCode 编译器、win10下,vscode中集成linux操作系统、c++编译器(gcc、g++),java编译器(jdk1.8+)
2023-02-27 10:36:28 581
原创 初始化node+express+mongodb
全局安装express ---cnpm install express-generator -g。npm start 启动项目(或安装nodemon--执行nodemon)新建文件夹 --执行:express -e 项目名。文件夹:routes->index.js。打开mongodb数据库。
2023-01-28 22:23:52 117
原创 整理-查看代理后真正请求地址、事件委托...
vue.config.js 加一行代码:logLevel:'debug'设置host主机名,实现多个虚拟主机共享一台服务器ip。
2023-01-28 18:03:28 1090
原创 整理--defineProperty,Proxy
当访问该属性时,会调用此函数。该函数的返回值会被用作属性的值。执行时不传入任何参数,但是会传入 this 对象(由于继承关系,这里的this并不一定是定义该属性的对象)当属性值被修改时,会调用此函数。该方法接受一个参数(也就是被赋予的新值),会传入赋值时的 this 对象。意义:将data中的数据set,get后赋值给vm._data ,(再赋值给data-->实现响应式)意义:直接在一个对象上定义一个新属性,或者修改一个对象的现有属性,并返回此对象。value:该属性对应的值。默认为 false。
2023-01-06 23:13:02 581
原创 一个redux使用案例模板
目录reduxreact-redux1. 结构: count--index.jsxredux--store.jsredux--reducer.jsredux--action.js~~~tomorrow
2022-12-07 00:00:26 657
原创 ts设计模式(工厂模式,单例模式)
目录简单工厂工厂方法抽象工厂1. 安装ts: npm install -g typescript2. 安装ts-node:npm install ts-node -g3. 安装插件 code runner 工厂方法 抽象工厂
2022-12-06 22:14:18 1795
原创 promise中合并对象的实例方法-封装promiase---ajax:
4. 如果在子请求中使用catch处理过了错误,则promise.all不会返回这个错误,如果剩下的都成功则返回一个数组,catch处理过的值为undefined。2. 返回所有请求成功之后,返回数组,状态:fulfilled。3. 返回所有请求中第一次抛出的错误,状态:rejected。不管成功还是失败都是等全部结束,返回一个数组。返回第一个成功的回调,在第一个成功。1. 作用:和并请求。返回第一个状态结束的。
2022-12-01 17:48:36 600
原创 react--纯函数、一次打包、扩展
1. 全局安装一个服务器,将静态文件部署上去: cnpm i serve -g。2. 通过命令: serve 当前目录下放静态文件的文件夹。如: serve build。
2022-11-24 21:33:57 338
原创 react--redux
1. 通知redux 改变值: store.dispatch({type:'xxx',data: value})2. 检测redux中state的变化: store.subscribe(()=>{})4. 同步action(对象类型) 和异步action(函数类型)异步需要引入中间件。错误: 对象不能作为一个dom元素的节点,即对象不能作为里面的内容。文档: http://www.redux.org.cn。安装: cnpm i redux-thunk。安装: cnpm i react-redux。
2022-11-23 22:14:36 404
原创 react--编程式导航、antd的使用
获取: this.props.history.push('/xx/xx') | this.props.history.replace('/xx/xx')控制前进和后退this.porps.history中: goForward() goBack() go(1) go(-1)即可以在一般组件中 的props中收到路由组价特有的api: history、match、location。引入: import {withRouter} from 'react-router-dom'
2022-11-23 13:38:05 638
原创 react(任意组件之间传值--消息订阅与发布、路由)
目录 兄弟组件传值--任意组件之间传值fetch发送请求:react 路由解决样式丢失的问题:路由的模糊匹配和严格匹配嵌套路由向路由组件传参前端中文学习网站:印记中文 - 深入挖掘国外前端新领域,为国内 Web 前端开发人员提供优质文档!1. 搜索github 用户的案例: 地址: https://api.github.com/search/users?q=xx消息的订阅与发布1. 装包: yarn add 'pubsub-js' 注意包名不允许有大写引入:例子:取消订阅:fetch发
2022-11-22 22:07:40 436
原创 数组的方法(foreach、map)、一些dom元素的事件
(2)每次执行匿名函数都支持三个参数,参数分别为item(当前每一项),index(索引值),arr(原数组)。(2)forEach()允许callback更改原始数组的元素。map()返回新的数组。(1)map()会分配内存空间存储新数组并返回,forEach()不会返回数据。window.confirm('确认弹窗'),点击确认返回true。(3)匿名函数中的this都是指向window。(1)都是循环遍历数组中的每一项。条件统计、条件求和、筛选最值。(4)只能遍历数组。
2022-11-21 21:20:43 297
原创 react(子传父、父传子)
状态中的数据某一些组件使用,放在共同的父组件中(状态提升);1. 在package.json 中配置: ”proxy“ : "http://localxxxxx:3000"父组件:利用porps传递一个函数: 使用分别暴露的形式引用: import {nanoid} from 'nanoid'子组件中: this.props.父子间传递给子组件的函数(需要传递的值)最后父组件在fuc函数中利用形参接收子组件传过来的值。
2022-11-21 21:20:42 872
原创 react(受控组件、生命周期、使用脚手架)
学习js:mdn 文档1. 受控组件:利用onChage实现数据的响应式2. 高阶函数,函数的柯里化3. 【error】:不能修改已经卸载的组件中的state4. 旧版本的声明周期图:5. 新版本的生命周期图:6. getSnapshotBeforeUpdate 使用场景(46)快照7. a.toTimeString() 获取当前时间8. index作为key可能出现的问题:逆序添加、逆序删除(效率低);如果结构中包含输入类的dom,界面会有问题。
2022-11-20 21:40:37 269
原创 react语法点(state、props、refs)
构造函数、实例对象、原型对象(prototype,直接赋值之后需要重新指回constructor)、对象的原型(__proto__,不能直接赋值)、原型链、类、继承。6. ref中使用内联函数作为回调函数的时候,在更新state的过程中执行的次数?注意复习:数组的方法、...运算符(展开数组、连接数组、在函数中使用--接收形参)在类里的函数为什么是箭头函数、为什么是赋值语句?字符串形式的ref、回调函数形式的额ref、1. 简单组件和复杂组件,组件的三个特性。类中的构造器的作用(构造器做什么事)?
2022-11-15 22:14:15 167
原创 关于绑定不上表单验证规则的问题
2. el-from中的 :model必须和el-form-item里面绑定的v-model = ‘1. porp的值必须和el-form-item里面绑定的v-model = '父.3. el-from中的。输入了还提示你这是必选项。.porp’ 红色字一样。不能写成v-model。
2022-10-19 17:52:29 209
原创 fromdata中传递多个参数给后端
1. fromdata中所有的参数都是数组2.之所以在浏览器中看到有些参数是以对象传递给后端的,是因为,如果参数数组中只有一个对象,那么在浏览器中默认显示的是对象格式,但实质上只是这个数组的第0个索引3.所以在传递给后端的时候,需要JSON.stringfy( ),因为在fromdata中赋值的时候,并不能将一个对象直接赋值给这个属性,否则就会出现[0]: 'object object'所以其实我一直不懂fromdata对象,以至于我今天需要将两个参数传递给后端的时候,直接将对象赋值给属
2022-10-15 01:17:00 1385
原创 扁平化数据封装成树形数组,reduce,map用法
initialValue (作为第一次调用 callback 的第一个参数。callback (执行数组中每个值的函数,包含四个参数)设置了初始值,所以pre初始为{}map的用法:只看红字好理解。,其结果是该数组中的。调用一个提供的函数后。树形表格代码后续更新。
2022-10-08 11:04:35 261
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人