概念树是一种分层数据的抽象模型。树的常用操作：深度优先遍历广度优先遍历实现JavaScript中没有树，但是可用Object和Array来构建树。深度优先遍历尽可能深地搜索树的分支。步骤：访问根节点对根节点的子节点依次进行深度优先遍历如上图所示，深度优先遍历这棵树，访问顺序为A - B - D - E -C - F - G。JavaScript实现：const tree = {val: 'A',c

1. 前言最近写了一款基于React脚手架开发的 TodoList 网页应用，主要记录自己的代办事务，方便查看、管理、安排时间，提升效率。PC Web端 + 移动端 + 黑暗模式，可日常使用。没有复杂的界面，没有繁琐的设置，开箱即用，专注于任务管理。应用网址：TodoList2. 应用简介1. 主要功能邮箱注册、登录注册邮箱地址、密码的验证邮箱登录后，可绑定用户名，选择使用用户名登录同一账号退出功

1. 为什么我要持续部署通过Hexo搭建的个人博客，虽然很强大、很方便，输入hexo clean&&hexo g -d就能快速生成静态页面并部署访问。但Hexo生成的是静态页面，无后端，这些工作都是在本地的电脑上操作的，如果更换电脑了，还需要在github上冲下拉取源代码，重新搭建环境再部署。若电脑不在身边想要随时编辑文章，就有点困难了。另外，每次在本机部署完，还要将源代码push

最近购买了阿里云的云服务器和域名，自己折腾搭建博客，这里我把搭建的过程记录分享一下。这是我搭建的博客，欢迎大家来访问呀！！！一、本地电脑1. 安装node.js浏览器进入https://nodejs.org/en/，安装LTS（Long Term Support）版本，稳定。按住win+R，输入cmd，进入cmd命令行工具，输入node -v查看node版本，若出现版本信息，则说明node安装成功

1. CSS盒子模型标准盒子模型宽度width = 内容宽度(content) + padding + border + margin内容宽度仅仅只有content。如果设置一个元素的宽为100px，那么这个元素的内容区会有100px宽，并且任何边框和内边距的宽度都会被增加到最后绘制出来的元素宽度中。怪异模式盒子模型宽度width = 内容宽度(content + padding + border

在使用Ajax技术发送跨域请求时，默认情况下不会在请求中携带cookie信息。withCredentials：指定在涉及到跨域请求时，是否携带cookie信息，默认值为false。（写在客户端）例：// 当检测用户状态按钮被点击时checkLogin.onclick = function() {// 创建ajax对象var xhr = new XMLHttpRequest();// 对ajax对象

要求：有两个页面：index.html和login.html。在login.html页面中点击登录，会跳转到index.html，并将输入的用户名传递到index.html。实现思路：第一个登录页面，里面有提交表单，action提交到index.html页面第二个页面，利用了URL里面的location.search参数,使用第一个页面的参数，实了数据不同页面之间的传递效果第二个页面中，提取参数去

1. 同步API同步API从上到下依次执行，前面代码会阻塞后面代码的执行for (var i = 0; i < 1000; i++) {console.log(i);}console.log('for循环后面的代码');执行结果：先将for循环执行完毕后，再执行for循环后面的代码2. 异步API异步API不会等待API执行完成后再向下执行代码console.log('代码开始执行');se

1. 实现效果input输入框显示的是state中的数据，state改变，input输入框中的值也跟着改变：手动更改输入框的值，state也会相应改变：2. 实现过程使用React-Hook，首先定义渲染input输入框值的state，初始值为空：const [inputValue, setInputValue] = useState('');然后在input输入框中添加value属性，属性值为i

在 React 中，父子组件的通信是常见的问题，除了使用状态管理工具（如redux）以外，也可以实现父子组件的相互通信。其中，父组件可以通过props、原型方法向子组件通信，子组件可以通过回调函数、事件冒泡向父组件通信。1. 父组件向子组件通信1. props如下代码，name作为props由父组件传递给子组件，子组件拿到name后，渲染在页面上。参数name由父组件传递给了子组件。import