菜鸟计划-腾讯云开发者社区

开发者社区

文档建议反馈控制台

腾讯云架构师技术同盟

文章/答案/技术大牛

发布

菜鸟计划

专栏成员

67

文章

93513

阅读量

26

订阅数

自己简写一个redux（redux源码简写）

直接看代码 mydux.js文件 function createStore(reducer) { /** * 1.注册用到的方法,并return出去提供使用 * 2.定义默认的状态与事件池 * 3.默认先触发一次dispatch给state赋予默认值 * 4.componentDidMount后会通过subscribe往状态池中追加事件 * 5.在具体的事件处触发dispatch,传入具体的action,修改state的值,并且触发事件池中的事件，

2020-02-14

6980

redux基础概念及执行流程详解

redux 容器 react vue.js

全局有一个公共的容器（所有组件都可以操作），我们可以在某个组件中把全局容器中的信息进行修改，而只要全局信息修改，就可以通知所有用到该信息的组件重新渲染（类似于发布订阅）==》redux就是这种解决方案：redux只有一个作用，就是为了实现组件之间的信息交互。

2020-02-14

8310

react入门（四）：组件生命周期

updating 接口生命周期

componentWillReceiveProps shouldComponentUpdate componentWillUpdate componentDidUpdate

2020-02-13

3690

react入门（五）：事件处理、条件渲染、列表&keys、表单

react 编程算法

一、事件处理 React事件绑定属性的命名采用驼峰式写法，而不是小写。直接看代码两种方式绑定事件并传参数第一种: constructor(props) { super(props); //在dom上用bind函数绑定了this,这里可以省略 this.handleClick = this.handleClick.bind(this); } handleClick(value, e) { //e要写在value后面 console.log(value);

2020-02-13

1.1K0

写一个简单的轮播组件

直接上代码 App.js文件 let list = [ { id: 1, img: require('./static/image/one.jpg') }, { id: 2, img: require('./static/image/two.jpg') }, { id: 3, img: require('./static/image/three.jpg') } ]

2020-02-13

5740

react入门（六）：状态提升&context上下文小白速懂

react 渲染管理原理

使用 react 经常会遇到几个组件需要共用状态数据的情况。这种情况下，我们最好将这部分共享的状态提升至他们最近的父组件当中进行管理。

2020-02-13

1.4K0

react入门（三）：state、ref & dom简解

渲染 dom ref 动画

作用：组件内部的状态重新更新时,可以控制组件内部重新渲染（不需要重新调取组件也可以重新渲染）

2020-02-12

8700

redux工程化结构

redux javascript

一、简述 redux的工程化管理 1.reducer的模块化划分：每一个板块有一个自己对应的reducer，最后基于一些方法把所以的reducer合并即可; 2.基于actionCreator统一管理每次派发需要的行为对象，而且和reducer一样，也是分板块管理的; 3.把dispatch和reducer校验时候需要的行为标识(type)进行统一管理目录建设 store store中存放的是redux中使用的东西 action: action文件夹存放的是actionCreator内容 reducer

2020-01-22

4880

JSX渲染原理

1.基于babel-preset-react-app这个语法解析包，把jsx语法转换成一个名为 React.createElement() 的方法调用。

2020-01-15

1.3K0

组件与props简解

调取组件的时候，传递给组件的信息（render渲染的时候会把props传递给组件，props就是属性）

2020-01-15

5650

vue组件详解（五）——组件高级用法

一、递归组件组件在它的模板内可以递归地调用自己，只要给组件设置name 的选项就可以了。示例如下： <div id="app19"> <my-component19 :count="1"></my-component19> </div> Vue.component('my-component19',{ name: 'my-component19', //其实当你利用 Vue.component 全局注册了一个组件，全局的ID会被自动设置

2018-04-17

1.1K0

vue-router详解——小白速会

一、概述 vue-router是Vue.js官方的路由插件，它和vue.js是深度集成的，适合用于构建单页面应用。 vue的单页面应用是基于路由和组件的，路由用于设定访问路径，并将路径和组件映射起来。而传统的多页面应用，是用一些超链接来实现页面切换和跳转的。在vue-router单页面应用中，则是路径之间的切换，也就是组件的切换。路由中有三个基本的概念 route, routes, router。 1. route，它是一条路由，由这个英文单词也可以看出来，它是单数， Home按钮 => home内容

2018-04-16

1.6K0

vue组件详解（四）——使用slot分发内容

一、什么是slot 在使用组件时，我们常常要像这样组合它们： <app> <app-header></app-header> <app-footer></app-footer> </app> 当需要让组件组合使用，混合父组件的内容与子组件的模板时，就会用到slot ，这个过程叫作内容分发（ transclusion ）。注意两点： 1.< app＞组件不知道它的挂载点会有什么内容。挂载点的内容是由＜app ＞的父组件决定的。 2.<app> 组件很可能有它自己的模板。 props 传递数据、ev

2018-04-10

1.3K0

vue组件详解（三）——组件通信

组件之间通信可以用下图表示：组件关系可分为父子组件通信、兄弟组件通信、跨级组件通信。一、自定义事件当子组件需要向父组件传递数据时，就要用到自定义事件。子组件用$emit （）来触发事件，父组件

2018-04-10

1.2K0

vue组件详解（二）——使用props传递数据

在 Vue 中，父子组件的关系可以总结为 props向下传递，事件向上传递。父组件通过 props 给子组件下发数据，子组件通过事件给父组件发送消息。看看它们是怎么工作的。一、基本用法组件不仅仅

2018-04-10

3.8K0

vue组件详解（一）——组件与复用

一、什么是组件组件 (Component) 是 Vue.js 最强大的功能之一。组件可以扩展 HTML 元素，封装可重用的代码。二、组件用法组件需要注册后才可以使用，注册有全局注册和局部注册两种方式。 2.1 全局注册后，任何V ue 实例都可以使用。如： <div id="app1"> <my-component></my-component> </div> Vue.component('my-component',{ template:

2018-04-10

1.1K0

vue表单详解——小白速会

一、基本用法你可以用 v-model 指令在表单 <input> 及 <textarea> 元素上创建双向数据绑定。但 v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理。 v-model 会忽略所有表单元素的 value、checked、selected 特性的初始值而总是将 Vue 实例的数据作为数据来源。你应该通过 JavaScript 在组件的 data 选项中声明初始值。一组代码，看完text、textarea、radio、checkbo

2018-04-10

2.3K0

CSS基础语法(二) CSS的9种选择器

样式表的选择器 1.类选择器根据HTML标签的class属性选择样式应用的属性 .类值{ … } 2.ID选择器根据HTML标签的ID属性选择样式应用的元素 #id值{ … } 3.标签选择器根据HTML标签选择样式应用的属性标签名{ … } 4.子选择器 .food>li{ border:1px solid red; } 5.包含选择器 .first span{color:red;} 6.通用选择器 * {color:red;} 7.伪类选择器 1、静态伪类(只应用于超链接) [注意

2018-04-10

1K0

CSS基础语法(一) CSS的3种引入

CSS样式表 CSS可算是网页设计的一个突破，它解决了网页界面排版的难题。可以这么说，HTML的Tag主要是定义网页的内容(Content)，而CSS决定这些网页内容如何显示(Layout)。 Web早期，HTML是一种很有限的语言，这种语言不关心外观，它只是一种简洁的小型标记机制。随着Mosaic网页浏览器的出现，网站开始到处涌现。对于页面改变外观的需求增加，于是增加了类似<font>和<big>之类的标记元素。几年之后，大多数网站标记几乎完全由表格和font元素组成，且对于所要表现的内容不能传达任何

2018-04-10

1.5K0

angularjs filter详解

过滤器（filter）正如其名，作用就是接收一个输入，通过某个规则进行处理，然后返回处理后的结果。主要用在数据的格式化上，例如获取一个数组中的子集，对数组中的元素进行排序等。 ng内置了一些过滤器，它们是：currency(货币)、date(日期)、filter(子串匹配)、json(格式化json对象)、limitTo(限制个数)、lowercase(小写)、uppercase(大写)、number(数字)、orderBy(排序)。总共九种。除此之外还可以自定义过滤器，这个就强大了，可以满足任何要求的

2018-04-10

1.8K0

点击加载更多

社区活动

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·干货材料·成员作品最新动态