摘要：
【大纲】 文字和段落标签 列表标签 图像和超链接 1 文字和段落标签 标题标签： <h1></h1> ~ <h6></h6> 段落标签： <p></p> p标签align对齐属性： 换行标签： <br/> 水平线： <hr/> 水平线标签属性： 文字斜体： <i></i> <em></em> 文字加 阅读全文
摘要：
传统布局 HTML5布局 新布局的意义 HTML5布局练习 1 结构层 从上至下 从左至右 从外至里······· 补充： li不利于搜索引擎收录，尽量少用 2 表现层 熟练运用绝对定位 排序：CSScomb插件：CSS属性排序工具。快捷键：ctrl + shift + C 美化：ctrl + sh 阅读全文
摘要：
HTML5是什么？ 增量式学习，而不是一门新技术。 HTML5发展历程 一、HTML标签变化 1 标准的改变 常用<!Doctype>声明： 什么是DTD（文档类型定义）？ 2 新增标签（常用） 1）结构标签——有意义的div 经验补充： ①header、section、aside、article、 阅读全文
摘要：
常用工具函数 observe 可以理解为监听器，纯函数，不能用作修饰器。 例子：todoList项目，监听每一个list数据项的变化。 class Store{ } toJS 将数据转换为纯对象。 trace 追踪，需要在父作用域中被调用。可用于代码调试。 传入参数true，在执行代码时会进入deb 阅读全文
摘要：
路由：根据访问的网址url的不同，代码能展示出不同的内容。 React 中的前端路由：根据访问的网址url的不同，React会展示出不同的组件。 React中默认是没有路由的，需要自己来安装一下。 安装路由模块：npm install react-router-dom --save 引入Browse 阅读全文
摘要：
Ant Design 组件库中封装了很多现成的样式组件，直接拿过来用就可以减少一些样式的编写工作。 可以在其官网中查看使用文档： Ant Design官网 1⃣️安装：npm install antd --save 2⃣️引入组件库样式文件：import 'antd/dist/antd.css'; 阅读全文
摘要：
在React中，生命周期函数指的是组件在某一时刻会自动执行的函数。生命周期函数也叫钩子函数。 constructor在组件创建的时候自动执行，也是一个生命周期函数（普通的类周期函数），但不是React独有的生命周期函数。 render函数是React的一个生命周期函数，当数据发生变化时，render 阅读全文
摘要：
1 选择元素 D3选择元素的函数有两个：select和selectAll select：返回匹配选择器的第一个元素 selectAll：返回匹配选择器的所有元素 这里的选择器指的是CSS选择器。 select和select All函数中传递的参数有两种： CSS选择器： d3.select("bod 阅读全文
摘要：
mobx-react的作用是将react组件转换为对可观察数据的反应。 首先在项目下安装所需依赖：npm i react react-dom prop-types mobx-react -S （为了编译JSX语法） npm install --save-dev @babel/preset-react 阅读全文
摘要：
在一些特殊情况下，React也需要对DOM进行一些操作，这时就要用到——ref。 理解ref 1）例子：用上一节的Counter.js项目来理解，实现获取增加按钮距离浏览器窗口顶部的距离。 import React,{ Component,Fragment } from 'react'; impor 阅读全文