一、react 16前的生命周期1.1 constructorconstructor(props, context)如果想(在组件其他地方是可以直接接收的)使用props或context，则需要以参数形式传入。只要组件存在constructor,就必要要写super,否则this指向会错误1.2 componentWillMountcomponentWillMount ()在组件挂载之前调用，且全

一、React中的组件react组件就是自己定义的非html标签，规定react组件首字母大写：class App extends Component{}<App />二、父子组件组件的相互调用中，把调用者称为父组件，被调用者称为子组件：import React from 'react';import Children from './Children';class Up extend

本文主要讲解在react组件中如何绑定数据，绑定属性，引入图片，以及如何循环数据。一、react如何绑定数据在模板中（render函数返回的jsx部分）中，用{}来进行数据绑定：import React from 'react';class Home extends React.Component{constructor(props){super(props);this.state = {name

一、事件对象什么是事件对象：在触发DOM上的某个事件时,会产生一个事件对象event。这个对象中包含着所有与事件有关的信息实现下面的场景：点击按钮的时候，将按钮的颜色变为蓝色。import React from 'react';class Demo1 extends React.Component {constructor(props){super(props);}changeColor =(e)

本文主要讲解：React目录结构、React创建组件、 ReactJSX语法、 React绑定数据、React绑定对象在上一篇中使用 npx create-react-app demo1命令创建了一个react项目，并且用npm start命令将react项目启动起来。一、项目的目录结构demo1|--node_modules #npm 包的安装目录|--public|--index.html #

1. 问题原因因为刚打开文件，vscode默认是预览状态，如果编辑过之后，就不会有这个问题。2. 解决方案2.1 双击打开我们一般打开一个文件都是鼠标左键单击打开，可以使用鼠标左键快速双击两下的方式打开，此时预览状态解除。2.2 配置setting将下面的setting配置为false："workbench.editor.enablePreview": false...

angular 表单一、angular表单简介Angular 提供了两种不同的方法来通过表单处理用户输入：响应式表单和模板驱动表单。 两者都从视图中捕获用户输入事件、验证用户输入、创建表单模型、修改数据模型，并提供跟踪这些更改的途径。1.1 响应式表单与模板驱动表单的差异响应式表单提供对底层表单对象模型直接、显式的访问。它们与模板驱动表单相比，更加健壮：它们的可扩展性、可复用性和可测试性都更高。如

No.1 下载 Markdown Viewer 拓展程序点击浏览器右上角的三个竖排的点 - 更多工具 - 拓展程序 - 界面左上角的三个横线 - 弹框下面打开Chrome网上应用店 - 搜索Markdown Viewer - 安装No.2 配置可以打开本地文件点击浏览器右上角的三个竖排的点 - 更多工具 - 拓展程序 -Markdown Viewer详细信息 - 打开允许访问文件网址...

vuejs计算属性computed & 监听属性watch

vscode解决路径别名的路径跳转问题