模拟根据登录情况判断要显示的欢迎界面 import React, { Component } from 'react'; import ReactDOM from 'react
实例:获取button元素离页面顶部的距离 ref写在html元素上 import React,{Component,Fragment} from 'react'; import Ch
设置状态:setState替换状态:replaceState设置属性:setProps替换属性:replaceProps强制更新:forceUpdate获取DOM节点:findDOMNode判断组件挂
src/Test.js import React from 'react'; function Test() { return ( <div> test </div&
组件拆分与组件之间的传值 父子组件的概念: 父组件通过属性的方式,向自组件传值 子组件通过this.props的属性,接收传递过来的值 父组件 src/TodoList.js import React
react fiber 指react 16以上的版本 引入react的方式: 1、引入.js文件 2、使用脚手架工具(推荐) 推荐使用react官方提供的脚手架工具:create-react-app
React中JSX的理解 JSX是快速生成react元素的一种语法,实际是React.createElement(component, props, ...children)的语法糖,同时JSX也是J
React虚拟DOM的理解 Virtual DOM是一棵以JavaScript对象作为基础的树,每一个节点可以将其称为VNode,用对象属性来描述节点,实际上它是一层对真实DOM的抽象,最终可以通过渲
导入moment 使用方式 年月日,时分秒 星期几 相对时间 7天后 2小时后 明天 将毫秒转换成年月日
在前端开发时经常使用css字符截取功能,但碰到宽度为百分比的情况下,字符截取无效。css字符截取再百分比情况下使用方法如下:
引入jquery <script src="https://blog-static.cnblogs.com/files/dongxiaodong/jquery-3.3.1.min.js
JS原生Ajax操作(XMLHttpRequest) GET请求 POST请求 兼容性问题 利用iframe模拟ajax 实现表单提交的返回结果在iframe中进行显示,实现主页面不刷新效果,也可以模
Workers异步任务 开始(注册): 任务文件(dong.js): 停止任务: 获取服务器实时数据 客户端实现EventSource,定时访问(一般在2-3秒频率)服务器以刷新页面,每次访问会执行完
Js的外部引用 外部文件中不用添加<script>标签,引用书写位置需在使用之前 <script type="text/javascript" src="
标准格式(XHTML) l 元素必须正确嵌套 l 元素必须始终关闭 l 元素名和属性名必须小写 l 文档必须有且仅有一个根元素 l 属性值必须使用双引号括起来 l 声明文档为标准的HTML格式,需在文
CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。CSS为HTML标记语言提供了一种样式描述,定义了其中元素的显示方式。CSS在We
Js屏幕输出 重定向页面输出: 更改输出流,如果在加载时使用则会正常排序,如果在HTML加载完成后使用,如点击事件,则会全部覆盖原HTML的内容。 弹框网页: 可以实现打开一个类似于提示栏窗口网页。
事件处理 【onClick】单击事件、【onMouseOver】鼠标经过事件、【onMouseOut】鼠标移出事件、【onChange】文本内容改变事件、【onSelect】文本被框选事件、【onFo
存储 实现内容的永久保存(localStorage) 保存: 获取: 只在当前页面存储(sessionStorage) 保存和获取方法与上相同 缓存 CACHE MANIFEST在该标题下列出的文件将
音频播放 点击试试: 音频播放失败 其中controls="controls"表示添加标准的控件,该标准控件依赖于浏览器 <audio src="img/老街旧友故