自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(45)
  • 收藏
  • 关注

原创 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 849

原创 http状态码有那些?分别代表是什么意思?

Continue 继续,一般在发送post请求时,已发送了http header之后服务端将返回此信息,表示确认,之后发送具体参数信息。Bad Request 服务器无法理解请求的格式,客户端不应当尝试再次使用相同的内容发起请求。Not Modified 自从上次请求后,请求的网页未修改过。Moved Permanently 请求的网页已永久移动到新位置。Created 请求成功并且服务器创建了新的资源。Accepted 服务器已接受请求,但尚未处理。memory cache 强缓存。

2023-06-03 19:38:34 547

原创 Mobx和Mobx-react:集中式状态管理

要连接到这些 stores,需要传递一个 stores名称的列表给 inject,这使得 stores 可以作为组件的 props 使用。.此组件是函数式组件,不用装饰器的写法,用标签的写法,无状态,无需设置取消订阅,会自动取消订阅。(3) Mobx利用getter和setter来收集组件的数据依赖关系,从而在数据发生变化的时。候精确知道哪些组件需要重绘,在界面的规模变大的时候,往往会有很多细粒度更新,提升性能.(1)react 组件里使用 @observer。

2023-05-31 17:00:39 971

原创 git在vscode中的使用

1.上传本地项目到git。

2023-05-31 09:32:17 129

原创 css module:样式模块化,解决css样式冲突

一、其他解决方法:!important优先级提升、内联样式设置、

2023-05-30 10:39:12 287

原创 react路由

而有在父组件没有传props.history给子组件的情况下,子组件可以通过withRouter高阶组件访问其父组件的上级组件的props.history,实现越级访问props.history。一. 路由:据不同的 url 地址展示不同的内容或页面,将组件与url地址关联起来,一个针对React而设计的路由解决方案、可以友好的帮你解决React components 到URl之间的同步映射关系。exact:精确匹配。当存在父子组件关系的时候就需要嵌套路由,路由也是有层级的。2.定义路由和重定向。

2023-05-30 10:15:03 48

原创 redux数据持久化-redux-persist

一、应用场景:刷新页面后重新加载,数据仍保持原来的状态。redux中的数据存储在localstorage中,而不是cookie中。不是所有的数据都需要永久存储,而是选择性的永久存储。二、安装命令:npm i redux-persist --save。2.主入口文件index.js。

2023-05-29 23:10:00 610

原创 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 430

原创 immutable深拷贝:数据多层属性-不可变数据结构

Immutable 实现的原理是 Persistent Data Structure(持久化数据结构),Immutable 使用了 Structural Sharing(结构共享),即如果对象树中一个节点发生变化,只修改这个节点和受它影响的父节点,其它节点则进行共享

2023-05-29 18:13:53 825

原创 Redux Devtools Extension工具

下载安装包-解压-解压后的文件拖拽到扩展程序。用此工具进行redux状态调试。

2023-05-24 17:37:40 64

原创 react-hooks-useReducer状态管理

useReducer状态管理:状态放在外部管理,多个组件共享一个状态,减少父子通信和降低耦合度。

2023-01-12 15:59:37 171

原创 React-hooks-useRef:保存引用值、保存变量

【代码】React-hooks-useRef:保存引用值、保存变量。

2023-01-09 22:25:27 517

原创 react(hooks):UseEffect-处理副作用

【代码】react(hooks):UseEffect-处理副作用。

2023-01-09 22:02:52 136

原创 react:模糊查询(hooks):useMemo记忆组件 +filter()函数

useMemo会执行第一个函数并且将函数执行结果返回。而useMemo更适合经过函数计算得到一个确定的值、比如记忆组件。

2023-01-09 21:58:59 538 1

原创 react-生命周期-性能优化方案

PureComponent 会帮助比较新props和旧props,新state和旧state(值相等、或者对象含有相同的属性、且属性值相等),决定shouldcomponentUpdate返回true或者 false,从而决定要不要呼叫render function.如果你的state或props一直在变,PureComponent会比较慢,可以用shouldComponentUpdate;控制组件自身或者子组件是否需要更新,避免频繁无效更新,尤其在子组件非常多的情况下,需要进行优化。

2023-01-09 15:27:07 150

原创 React生命周期

(2) getSnapshotBeforeUpdate取代了componetWillUpdate,触发事件为update发生的时候,在render之后dom渲染之之前返回一个值,作为componentDidUpdare的第三个参数。(1) getDerivedStateFromProps第一次的初始化组件以及后续的更新过程中(包括自身状态更新以及父传子),返回一个对象作为新的state,返回null则说明不需在这里更新state。②最先获得从父组件传来的属性值,可以利用属性进行逻辑处理或Ajax处理。

2023-01-09 15:19:05 316

原创 react-通信-非父子通信-中间人模式

React中的状态提升概括来说,就是将多个组件需要共享的状态提升到它们最近的父组件上在父组件上,改变这个状态然后通过props分发给子组件.(1)状态提升(中间人模式)

2023-01-02 16:23:27 107

原创 react -通信-ref版表单域组件

【代码】react -通信-ref版表单域组件。

2023-01-02 15:18:08 84

原创 react 通信-子传父

父组件中定义一个回调函数,由子组件来调用执行。用this.props.[父组件自定义回调函数名称]()调用。

2023-01-02 15:16:04 391

原创 创建react项目

创建react项目

2022-12-23 11:47:13 1007

原创 win7等低系统安装高版本node

win7等低系统安装高版本node

2022-12-22 17:02:45 305

原创 简单/复杂数据类型

复杂数据类型:又叫引用类型,通过关键字new创建对象,object、Array、Date,存放在堆里面

2022-12-11 11:23:33 70

原创 js-内置对象-获取元素索引

返回数组元素索引号方法

2022-12-10 16:53:21 797

原创 js-内置对象-数组排序

js-内置对象-数组排序-翻转排序reverse和冒泡排序sort(升序降序)

2022-12-10 16:35:03 90

原创 js-内置对象-添加删除数组方法

添加删除数组方法

2022-12-10 16:10:58 449

原创 js -内置对象-倒计时

js -内置对象-倒计时-利用时间戳

2022-12-10 11:54:13 193

原创 进制转换

链接:https://blog.csdn.net/final__static/article/details/89405945

2020-08-19 11:08:01 76

原创 前端开发面试

一.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 607

转载 CSS的coped私有作用域和深度选择器/deep/

链接:https://www.jianshu.com/p/8fd99d8a8eef

2019-06-18 10:19:49 478

原创 数据表示,源码、反码、补码、一码

https://blog.csdn.net/xdd19910505/article/details/404245331.0表示正数,1表示负数。

2019-03-12 11:53:10 371

原创 vue之:global全局变量

https://blog.csdn.net/qq_30669833/article/details/81706217

2018-12-13 15:06:32 14663

原创 百度地图

百度地图开放平台

2018-12-07 16:45:11 125

原创 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 733

原创 es6:let var const区别

1.const定义的变量不可以修改,而且必须初始化。常量2.var定义的变量可以修改,如果不初始化会输出undefined,不会报错。3.let是块级作用域,函数内部使用let定义后,对函数外部无影响。局部变量...

2018-11-21 15:35:27 103

原创 vue相关网址

1.vue环境搭建:http://www.cnblogs.com/ganmy/p/6029774.html2.Vue实现后台系统权限控制:https://blog.csdn.net/qq_32340877/article/details/794163443.Vue实现后台系统权限控制(二):https://www.cnblogs.com/yeziTesting/p/7189731.html...

2018-11-21 14:46:06 286

原创 vue 登录之权限

1.https://blog.csdn.net/qq_32340877/article/details/794163442.https://segmentfault.com/a/1190000009506097

2018-11-13 16:32:04 206

原创 判断语句之:问号判断?

两个条件判断:enabled == '1'  ?  '是' : '否'若enabled == '1'成立'是'为真三个条件判断:enabled == '1'  ?  '已审核' : enabled == '0'  ? '未审核 ' : '已锁定'若enabled == '1'成立'已审核'为真,否则执行 enabled == '0'  ? '未审核 ' : '已锁定' ...

2018-07-17 09:41:16 13042

原创 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 16454

原创 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 1706

原创 vue 顶部导航

      <template> <div class="app">    <div id="NavSlide">         <nav>            <img src="../assets/img/logo.png"/>            <p  @click="to

2018-05-17 16:45:08 4211

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除