state状态一、注意事项1、用setState更新状态而不能直接修改this.state.counter += 1; //错误的2、setState是批量执行的，因此对同一个状态执行多次，只起⼀次作用，多个状态更新可以放在同一个setState中进行componentDidMount() { ...
ReactElement一、JSX到ReactElement的转化利用babel插件将编写的JSX代码转化为React.createElement代码：function Cmp(){ return <a>123</a>}<Cmp id="app"> <...
项目起步官网链接React官网一、搭建一个项目// 1、安装官⽅方脚⼿手架npm install -g create-react-app// 2、创建项⽬create-react-app my-app// 3、进入项目、启动项目cd my-appnpm start// 4、如果需要暴露配置项npm ...
HTML介绍1、什么是 HTML？HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言 (Hyper Text Markup Language)HTML 不是一种编程语言，而是一种标记语言 (markup language)标记语言是一套标记标签 (markup tag)HTML 使用...
HTML文字颜色与排版1、HTML中颜色表示法三种表示方法：（1）直接用英文单词表示，例如:white(白色)（2）以六位十六进制表示，例如:#ffffff(白色)（3）以RGB模式表示，也就是用3个0至255之间的数字来分别表示红绿蓝三色的比重，例如 rgb(255，255，255) (白色)2、...
网页表格Table标签一、表格基本格式格式：<table> <tr> <th>表头1</th> <th>表头2</th> </tr> <tr> ...
与用户交互,表单域1、单行文本框解释：文本框是一种让访问者自己输入内容的表单对象，通常被用来填写简短的内容和回答语法：<input type="text" name="名称" value="值" size="宽度" maxlength="输入最大长度" readonly="readonly"/...
frame和iframe框架frame框架1、框架概念将浏览器的主窗口分成几个独立的窗口框架，每个框架会同时显示一个不同的网页。框架主要用于后台框架与文档浏览器2、框架基本结构框架由框架集(frameset)和框架(frame)组成3、框架结构语法：<frameset cols="25%,5...
多媒体和跑马灯多媒体1、音频、视频、动画等用法：<embed src="URL" width="500" height="400"></embed>2、<embed>属性说明src：嵌入内容的url路径，可以是相对路径或绝对路径width：设置嵌入内容的宽度hei...
DOCTYPE彻底掌握一、DOCTYPE1、什么是DOCTYPE?DOCTYPE是Document Type（文档类型）的简写，它是一种标准通用标记语言的文档类型声明。目的是要告诉标准通用标记语言解析器，它应该使用什么样的文档类型定义（DTD）来正确解析文档。2、定义与用法<!DOCTYPE&...
网页常用列表1、无序列表 <ul>和<li>解释：使用一组●(实心圆)、○(空心圆)、■(实心方形)等没有序号的符号表示每个列表项格式：<ul> <li>列表项</li> <li>列表项</li><...
CSS-颜色、单位、字体、命名规范、书写顺序颜色单位绝对单位：无论其他相关的设置怎么变化，绝对单位指定的值是不会变化的，常用于打印方面相对单位：没有固定的度量值，是由其他元素尺寸来决定的相对值。注意：此处的相对指当前元素的字号（font-size）或者视口（viewport）尺寸。（1）绝对单位px...
清除浮动常用方式总结HTML代码如下：<div id="wrap"> <div id="inner"></div></div>CSS 清除浮动方案（1）给浮动的父级元素加高度，缺点：浮动元素高度不确定的时候不适用#wrap{ border:...
1、绝对定位两栏布局<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>绝对定位两栏布局</title> &l...
CSS定义CSS：Cascading Style Sheet（层叠样式表）// 写法选择器 { 属性名: 属性值;}CSS样式表（1）三种样式表使用// 内联样式<div style="width: 100px; height: 100px;"></div>// 内部样...
HTML标签(元素)分类HTML： Hyper Text Markup LanguageHTML标签又称为HTML元素，分内联元素、块级元素和内联块级元素。基础学习：[HTML基础文档]（1）内联元素inline element不独占一行，无法定义宽高高度由本身内容大小决定，可嵌套内联元素与纯文本s...
路由路由：通过不同的url地址展示不同的内容或者页面目前路由分类两类：后端路由前端路由后端路由使用模板引擎，通过服务端渲染，直接返回相应的页面。大致过程：浏览器发出请求服务器监听到80端口（或443）有请求过来，并解析url路径根据服务器的路由配置，返回相应资源信息（可以是 html 字串，也可以是...
HTML中的hash(#号)(1)、#的含义“#”代表网页中的一个位置，右面的字符就是代表的位置信息。http://www.example.com/index.html#first上述含义：代表网页index.html的first位置，浏览器读取这个URL后，会自动将first位置滚动至可视区域。两...
History对象在chrome中控制台输入”history”查看对象：{ length: 1 pushState: f(), repalceState: f(), scrollRestoration: "auto" state: null __proto__: ...
插槽slot插槽，也就是slot，是组件的一块HTML模板，一个slot最核心的两个问题是显示不显示和怎样显示1、单个slot单个插槽，别名默认插槽、匿名插槽，不用设置name属性<div id="app"> <children1> <span>...
