- 博客(46)
- 收藏
- 关注
RSS订阅原创 前端面试整理
还性能优化方法不同，类用shouldComponentUpdate，函数式用React.memo和Hooks67。Hooks的支持也是重点，函数式组件原生支持，类组件不行。状态管理方面，类组件用this.state和setState，函数式组件在Hooks出现后用useState。定义方式的不同，类组件用ES6的class，继承React.Component，而函数式组件用函数声明。生命周期方面，类组件有生命周期方法，函数式组件用useEffect来模拟。
2025-03-24 11:35:10
189
原创 git常用命令
git stash pop 将收起来的暂存区的代码释放出来。git status 查看当前各个区域的代码状态。Git branch 基于当前分支创建一个分支。git add 添加工作区代码到暂存区。Git commit 暂存区代码的提交。git stash 将暂存处代码收起来。git log查看commit记录。git reset 代码的版本回退。git checkout 切换分支。git push 上传对应分支代码。git pull下拉对应分支代码。git merge 合并分支。
2023-06-03 20:21:33
871
原创 http状态码有那些？分别代表是什么意思？
Continue 继续，一般在发送post请求时，已发送了http header之后服务端将返回此信息，表示确认，之后发送具体参数信息。Bad Request 服务器无法理解请求的格式，客户端不应当尝试再次使用相同的内容发起请求。Not Modified 自从上次请求后，请求的网页未修改过。Moved Permanently 请求的网页已永久移动到新位置。Created 请求成功并且服务器创建了新的资源。Accepted 服务器已接受请求，但尚未处理。memory cache 强缓存。
2023-06-03 19:38:34
583
原创 Mobx和Mobx-react:集中式状态管理
要连接到这些 stores，需要传递一个 stores名称的列表给 inject，这使得 stores 可以作为组件的 props 使用。.此组件是函数式组件，不用装饰器的写法，用标签的写法，无状态，无需设置取消订阅，会自动取消订阅。(3) Mobx利用getter和setter来收集组件的数据依赖关系，从而在数据发生变化的时。候精确知道哪些组件需要重绘，在界面的规模变大的时候，往往会有很多细粒度更新,提升性能.（1）react 组件里使用 @observer。
2023-05-31 17:00:39
1014
原创 react路由
而有在父组件没有传props.history给子组件的情况下，子组件可以通过withRouter高阶组件访问其父组件的上级组件的props.history，实现越级访问props.history。一. 路由：据不同的 url 地址展示不同的内容或页面，将组件与url地址关联起来，一个针对React而设计的路由解决方案、可以友好的帮你解决React components 到URl之间的同步映射关系。exact:精确匹配。当存在父子组件关系的时候就需要嵌套路由，路由也是有层级的。2.定义路由和重定向。
2023-05-30 10:15:03
65
原创 redux数据持久化-redux-persist
一、应用场景：刷新页面后重新加载，数据仍保持原来的状态。redux中的数据存储在localstorage中，而不是cookie中。不是所有的数据都需要永久存储，而是选择性的永久存储。二、安装命令：npm i redux-persist --save。2.主入口文件index.js。
2023-05-29 23:10:00
712
原创 redux与react-redux状态集中管理
store 是通过 createStore创建出来的，dispatch, 用于action的分发，改变store里面的state，并在内部遍历subcribe注册的监听器subscribe,注册listener，store里面state发生改变后，执行该listener。不同的action所处理的属性之间没有联系，我们可以把 Reducer 函数拆分，也可以把 action函数拆分。redux应用：状态的管理，共享状态，Redux用一个单独的常量状态树（state对象）保存这。④.在App.js注册。
2023-05-29 22:20:35
462
原创 immutable深拷贝：数据多层属性-不可变数据结构
Immutable 实现的原理是 Persistent Data Structure（持久化数据结构），Immutable 使用了 Structural Sharing（结构共享），即如果对象树中一个节点发生变化，只修改这个节点和受它影响的父节点，其它节点则进行共享
2023-05-29 18:13:53
873
原创 react-hooks-useReducer状态管理
useReducer状态管理：状态放在外部管理，多个组件共享一个状态，减少父子通信和降低耦合度。
2023-01-12 15:59:37
206
原创 react：模糊查询（hooks）：useMemo记忆组件 +filter（）函数
useMemo会执行第一个函数并且将函数执行结果返回。而useMemo更适合经过函数计算得到一个确定的值、比如记忆组件。
2023-01-09 21:58:59
621
1
原创 react-生命周期-性能优化方案
PureComponent 会帮助比较新props和旧props,新state和旧state(值相等、或者对象含有相同的属性、且属性值相等)，决定shouldcomponentUpdate返回true或者 false,从而决定要不要呼叫render function.如果你的state或props一直在变，PureComponent会比较慢，可以用shouldComponentUpdate；控制组件自身或者子组件是否需要更新，避免频繁无效更新，尤其在子组件非常多的情况下，需要进行优化。
2023-01-09 15:27:07
172
原创 React生命周期
(2） getSnapshotBeforeUpdate取代了componetWillUpdate,触发事件为update发生的时候，在render之后dom渲染之之前返回一个值，作为componentDidUpdare的第三个参数。(1) getDerivedStateFromProps第一次的初始化组件以及后续的更新过程中(包括自身状态更新以及父传子)，返回一个对象作为新的state,返回null则说明不需在这里更新state。②最先获得从父组件传来的属性值，可以利用属性进行逻辑处理或Ajax处理。
2023-01-09 15:19:05
333
原创 react-通信-非父子通信-中间人模式
React中的状态提升概括来说，就是将多个组件需要共享的状态提升到它们最近的父组件上在父组件上，改变这个状态然后通过props分发给子组件.(1)状态提升(中间人模式)
2023-01-02 16:23:27
133
原创 进制转换
链接：https://blog.youkuaiyun.com/final__static/article/details/89405945
2020-08-19 11:08:01
93
原创 前端开发面试
一.http与https(一) （1）https协议需要ca申请证书，并且大多数证书都是收费的。 （2）http以明文的形式传输信息，https则是具有安全性的ssl加密传输协议。 （3）http和https使用的是完全不同的连接方式，用的端口也不一样，前者是80（有时是8080），后者是443。 （4）http的连接简单，无状态；HTTPS协议是在HTTP协议的基...
2019-06-26 20:30:21
635
原创 数据表示，源码、反码、补码、一码
https://blog.youkuaiyun.com/xdd19910505/article/details/404245331.0表示正数，1表示负数。
2019-03-12 11:53:10
395
原创 vue之：global全局变量
https://blog.youkuaiyun.com/qq_30669833/article/details/81706217
2018-12-13 15:06:32
14949
原创 vue：之keep-alive缓存机制
最近在做vue项目的缓存，写下自己的小心得。keep-alive文档。1.全部缓存<keep-alive> <router-view></router-view></keep-alive>2.部分缓存①在路由引入处设置（一般是App.vue,视具体情况而定,放对位置很重要）<keep-alive> ...
2018-12-05 17:02:18
766
原创 es6:let var const区别
1.const定义的变量不可以修改，而且必须初始化。常量2.var定义的变量可以修改，如果不初始化会输出undefined，不会报错。3.let是块级作用域，函数内部使用let定义后，对函数外部无影响。局部变量...
2018-11-21 15:35:27
123
原创 vue相关网址
1.vue环境搭建：http://www.cnblogs.com/ganmy/p/6029774.html2.Vue实现后台系统权限控制：https://blog.youkuaiyun.com/qq_32340877/article/details/794163443.Vue实现后台系统权限控制（二）：https://www.cnblogs.com/yeziTesting/p/7189731.html...
2018-11-21 14:46:06
320
原创 vue 登录之权限
1.https://blog.youkuaiyun.com/qq_32340877/article/details/794163442.https://segmentfault.com/a/1190000009506097
2018-11-13 16:32:04
227
原创 判断语句之：问号判断？
两个条件判断：enabled == '1' ? '是' : '否'若enabled == '1'成立'是'为真三个条件判断：enabled == '1' ? '已审核' : enabled == '0' ? '未审核 ' ： '已锁定'若enabled == '1'成立'已审核'为真，否则执行 enabled == '0' ? '未审核 ' ： '已锁定' ...
2018-07-17 09:41:16
13109
原创 vue——之清空input标签 中file的值
template中：<input type="file" ref="pathClear" @change="onUpload" name="file" id="file">methods中： onUpload(){ this.$refs. pathClear.value ='' },
2018-07-11 11:05:14
16500
原创 vue 导出表格数据到Excel
1.安装依赖npm install file-saver --savenpm install xlsx --savenpm install script-loader --save-dev2.新建文件夹vendor，下载或创建Blob.js和 Export2Excel.js到vendor文件夹下Blob.js/* eslint-disable *//* Blob.js * A Blob imple...
2018-06-14 14:14:44
1745
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人