SVN常见问题汇总：

1. post-commit中，系统找不到指定的路径

解决办法：钩子函数中路径不对，核对post-commit文件中所用到的文件路径

最近有个项目，要把界面搭建在web服务器上，同时支持通过SVN上传修改代码同步界面，因此学习一下SVN搭建过程，跟着我一起来学习吧~

一、SVN下载地址

Subversion（SVN）它是一个自由/开源的版本控制系统，一组文件存放在中心版本库，记录每一次文件和目录的修改，SVN允许把数据恢复到早期版本，或是检查数据修改的历史，它可以通过网络访问它的版本库，从而使用户在不同的电脑上进行操作。

SVN包含两部分，SVN服务端和SVN客户端，最好两部分搭配使用，下载地址如下：

• svn服务端下载地址：
  https://www.visualsvn.com/server/download/
  

• svn客户端及中文包下载地址：
  https://tortoisesvn.net/downloads.zh.html
  

搭建参考文档：
https://segmentfault.com/a/1190000017055963
https://blog.csdn.net/weixin_39157014/article/details/110423784

一、安装yarn

1、安装

npm i -g -yarn

学习参考：
https://blog.csdn.net/qq_35430000/article/details/109098866?utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7Edefault-1.no_search_link&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7Edefault-1.no_search_link

移动端返回刷新

手机端返回后页面不刷新，一些失效的信息依然显示在页面上。这个问题在iphone手机上会出现，在Android手机上返回时会自动刷新，为了解决这个问题，可以用pageshow方法。

onpageshow 事件在用户浏览网页时触发。
onpageshow 事件类似于 onload 事件，onload 事件在页面第一次加载时触发， onpageshow 事件在每次加载页面时触发，即 onload 事件在页面从浏览器缓存中读取时不触发，此外还有pagehide在不显示的时候触发。

1.页面加载方法：

1.1 location.href常见的几种形式

self.location.href;//当前页面打开URL页面
window.location.href;//当前页面打开URL页面
this.location.href;//当前页面打开URL页面
location.href;// 当前页面打开URL页面
parent.location.href;//在父页面打开新页面
top.location.href;//在顶层页面打开新页面 

注：location是window对象的属性，而所有的网页下的对象都是属于window作用域链中（这是顶级作用域），所以使用时是可以省略window。而top是指向顶级窗口对象，parent是指向父级窗口对象。

如果页面中自定义了frame，那么可将parent、self、top换为自定义frame的名称,效果是在frame窗口打开url地址。

学习教程：React井字游戏教材
井字棋游戏扩展：
https://blog.csdn.net/xxdesky/article/details/103427340
https://blog.csdn.net/qq_40792800/article/details/106567832?utm_medium=distribute.pc_relevant.none-task-blog-2~default~baidujs_title~default-0.control&spm=1001.2101.3001.4242

一、概述

1. 在网站中添加React

（1）添加一个DOM容器到HTML中

首先，打开你想要编辑的 HTML 页面。添加一个空的 <div> 标签作为标记你想要用 React 显示内容的位置。例如：

<!-- ... 其它 HTML ... -->
<div id="like_button_container"></div>
<!-- ... 其它 HTML ... -->

我们给这个 <div> 加上唯一的 id HTML 属性。这将允许我们稍后用 JavaScript 代码找到它，并在其中显示一个 React 组件。

今天我们来学习一下作为三大主流框架之一的React，跟着我一起学习吧~

一、安装

React 的核心思想是：封装组件。
各个组件维护自己的状态和 UI，当状态变更，自动重新渲染整个组件。
基于这种方式的一个直观感受就是我们不再需要不厌其烦地来回查找某个 DOM 元素，然后操作 DOM 去更改 UI。React 大体包含下面这些概念：
组件
JSX
Virtual DOM
Data Flow
这里通过一个简单的组件来快速了解这些概念，以及建立起对 React 的一个总体认识。

import React, { Component } from 'react';
import { render } from 'react-dom';

class HelloMessage extends Component {
    render() {
        return <div>Hello {this.props.name}</div>;
    }
}

// 加载组件到 DOM 元素 mountNode
render(<HelloMessage name="John" />, mountNode);

React 的安装包，可以到官网下载。

作为前端必备知识点，Grid为我们页面布局提供了灵活性，今天我们来学一下Grid布局吧~
学习参考:阮一峰CSS Grid 网格布局教程

一、概述

网格布局（Grid）是最强大的 CSS 布局方案。它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。以前，只能通过复杂的 CSS 框架达到的效果，现在浏览器内置了。

Grid 布局与 Flex 布局有一定的相似性，都可以指定容器内部多个项目的位置。但是，它们也存在重大区别。

• Flex 布局是轴线布局，只能指定”项目”针对轴线的位置，可以看作是一维布局。
• Grid 布局则是将容器划分成”行”和”列”，产生单元格，然后指定”项目所在”的单元格，可以看作是二维布局。Grid 布局远比 Flex 布局强大。

1. clientHeight clientWidth

元素的像素高度,包含元素的高度+内边距,不包含水平滚动条,边框和外边距。

包括padding但不包括border、水平滚动条、margin的元素的高度。对于inline的元素这个属性一直是0，单位px，只读元素。