React 中 ref 的使用

实例:获取button元素离页面顶部的距离 ref写在html元素上 import React,{Component,Fragment} from 'react'; import Ch

React 组件 API 简单演示

设置状态:setState替换状态:replaceState设置属性:setProps替换属性:replaceProps强制更新:forceUpdate获取DOM节点:findDOMNode判断组件挂

React组件拆分与传值

组件拆分与组件之间的传值 父子组件的概念: 父组件通过属性的方式,向自组件传值 子组件通过this.props的属性,接收传递过来的值 父组件 src/TodoList.js import React

React开发环境准备

react fiber 指react 16以上的版本 引入react的方式: 1、引入.js文件 2、使用脚手架工具(推荐) 推荐使用react官方提供的脚手架工具:create-react-app

React中JSX的理解

React中JSX的理解 JSX是快速生成react元素的一种语法,实际是React.createElement(component, props, ...children)的语法糖,同时JSX也是J

React虚拟DOM的理解

React虚拟DOM的理解 Virtual DOM是一棵以JavaScript对象作为基础的树,每一个节点可以将其称为VNode,用对象属性来描述节点,实际上它是一层对真实DOM的抽象,最终可以通过渲

Jquery百宝箱

引入jquery <script src="https://blog-static.cnblogs.com/files/dongxiaodong/jquery-3.3.1.min.js

网页的异步请求(Ajax)

JS原生Ajax操作(XMLHttpRequest) GET请求 POST请求 兼容性问题 利用iframe模拟ajax 实现表单提交的返回结果在iframe中进行显示,实现主页面不刷新效果,也可以模

web前端异步数据交互(长连接)

Workers异步任务 开始(注册): 任务文件(dong.js): 停止任务: 获取服务器实时数据 客户端实现EventSource,定时访问(一般在2-3秒频率)服务器以刷新页面,每次访问会执行完

JavaScript百宝箱

Js的外部引用 外部文件中不用添加<script>标签,引用书写位置需在使用之前 <script type="text/javascript" src="

HTML百宝箱(1从0开始)

标准格式(XHTML) l 元素必须正确嵌套 l 元素必须始终关闭 l 元素名和属性名必须小写 l 文档必须有且仅有一个根元素 l 属性值必须使用双引号括起来 l 声明文档为标准的HTML格式,需在文

CSS百宝箱

CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。CSS为HTML标记语言提供了一种样式描述,定义了其中元素的显示方式。CSS在We

JavaScript的屏幕输出及时间函数

Js屏幕输出 重定向页面输出: 更改输出流,如果在加载时使用则会正常排序,如果在HTML加载完成后使用,如点击事件,则会全部覆盖原HTML的内容。 弹框网页: 可以实现打开一个类似于提示栏窗口网页。

JavaScript的事件及异常捕获

事件处理 【onClick】单击事件、【onMouseOver】鼠标经过事件、【onMouseOut】鼠标移出事件、【onChange】文本内容改变事件、【onSelect】文本被框选事件、【onFo

Web存储及文件拖拽

存储 实现内容的永久保存(localStorage) 保存: 获取: 只在当前页面存储(sessionStorage) 保存和获取方法与上相同 缓存 CACHE MANIFEST在该标题下列出的文件将

前端多媒体相关

音频播放 点击试试: 音频播放失败 其中controls="controls"表示添加标准的控件,该标准控件依赖于浏览器 <audio src="img/老街旧友故

本站采用系统自动发货方式,付款后即出现下载入口,如有疑问请咨询在线客服!

售后时间:早10点 - 晚11:30点

咨询售后客服

推荐精华