自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 React 阶段性学习总结

2021.5.19学习总结常用的3个生命周期: render(组件挂载) componentDidMount(组件挂载之后)) componentDWillUnMount(组件销毁之前)diff算法模式的基本认识,通过虚拟DOM和真实DOM的比较,渲染到页面,是通过标签进行比较key的认识,在进行插序列表或者开头插入的方式,不可以使用索引当作key;在进行输入性操作,比如:input checkbox radio 操作时也不能使用key,因为会造成顺序错乱,但如果只是用作列表渲染,是可以

2021-06-17 16:29:14 116

原创 react的扩展

setStatesetSate分为两种写法,一种是对象,一种是函数,这是一个异步更新的方法。两种写法都有第二个参数,是一个函数,其作用可以在更新完成后,进行一些操作1)this.setState({count:99},()=>{console.log('1111')})2)this.setState((state,props)=>({count:state.count+1}),()=>{console.log('1111')})lazy,Suspense(懒加载路由).

2021-06-17 16:29:00 119

原创 react-redux总结

react-redux中是父组件与UI组件的关系,父组件负责与store联系,获得状态,从而通过props传给UI组件小操作:1.在引入react-redux之后,就不需要在index.js中重新渲染组件了2.在引入react-redux之后,操作三的 store={store} 就不需要在标签上配置了在react-redux身上引入Provider在App上嵌套,配置store就可以了3.直接将UI组件和父组件放到一个文件里操作就可以了创建containers文件夹,创建父组件,.

2021-05-27 16:16:54 107

原创 Redux 总结

reacr的引入 yarn add redux新建redux文件夹并创建store.js,reducer.js,action.js,constant.js文件夹store.js文件是主要文件,主要是引入并创建creatStore,并联系reducerreducer.js 主要是进行一些初始化与处理操作,并把处理好的结果返回给storeaction.js主要是将数据改为一个对象,这个对象有type和data属性,并传给storeconstant.js是一些公用的常量.

2021-05-27 14:02:28 51

原创 React和Redux开发者工具下载地址

https://www.crx4chrome.com/crx/3068/

2021-05-20 13:29:20 288

原创 react生命周期新旧图示

新旧

2021-05-19 13:44:22 60

原创 vue移动端搭建项目--系列问题

一、单位转换问题,使用postcss-pxtorem首先使用npm install postcss-pxtorem -D 进行安装在vue.config.js文件下进行配置module.exports = { lintOnSave: true, css: { loaderOptions: { postcss: { plugins: [ requir

2021-02-02 10:31:53 198 2

原创 异步加载CSS的解决方案

说到加载 CSS 这种事儿不是很简单吗?像这样咯:<link rel="stylesheet" href="cssfile.css">这不就完事儿了嘛!这样是没错!但是这样有问题啊——会阻塞渲染!浏览器看到这个标签就会停下手里的活儿,去加载 CSS 并解析了。当然了,如果这个 CSS 文件是接下来要渲染的内容所需的,那无可厚非,必须先要有了这个 CSS 才能接着渲染,阻塞也是情理之中。但实际的情况却是,我们很多 CSS 内容其实在首屏的时候是不需要,起码等到后续才会使用,那么这个时候

2020-10-16 12:16:57 405

原创 ES6学习篇二

用面向对象的方法完成选项卡效果,包括切换,添加,删除,编辑<div class="tab" id="tab"> <nav class="first"> <ul> <li class="liveactive"><span>测试 </span><i class="icon">x</i></li> <li><sp

2020-08-07 15:26:39 88

原创 ES6学习篇一

1、ES6中有面向过程和面向对象两种编程方法面向过程 优点:性高高; 缺点:没有编程对象易维护,易复用面向对象 优点:易维护,易复用,易扩展; 缺点:性能比编程过程低总结:如果是一些小的项目建议用面向过程,一些大项目,多人协作的建议用面向对象。2、类的创建和实例的创建<script> // 类 class Father{ constructor(x,y){ this.x = x; this.y

2020-08-06 17:35:12 76

转载 【转载】前端必须了解的网络协议

https://blog.csdn.net/Lucky_chengzi/article/details/91581079 前端必须了解的网络协议首先是一幅四层/七层模型图OSI七层网络模型TCP/IP四层概念模型对应网络协议应用层(Application)应用层HTTP、TFTP、FTP、NFS、WA

2020-08-06 14:39:26 536

原创 小程序checkbox-group标签的使用

1

2020-08-05 15:22:27 5555

空空如也

空空如也

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

TA关注的人

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