scss快速入门：

准备工作

写在最前面：在认识之前需要安装下sass；在这里我是在react脚手架中安装运行，在其他环境中可能安装方式不同，还有可能需要配置；但是不影响对scss语法的介绍使用。

scss需要经过编译为css才能被浏览器识别，我这里只做一个小demo，直接使用react脚手架进行编译。

首先安装node-scss:

TypeScript快速入门

1、TypeScript简介

• ts是js的超集，存在类型的脚本语言;

• 继承了js的所有编程类型，js代码可在ts环境很好的运行;

• 新增类型注解和类型推断

• 拥有丰富的class扩展功能

• 强大的类型系统，拥有静态类型检查能力

1 引言

useRef 是常用的 API，但还有一个 createRef 的 API，你知道他们的区别吗？通过 React.useRef and React.createRef: The Difference 这篇文章，你可以了解到何时该使用它们。

React自定义路由以及路由守卫

react路由v6版本提供了和Vue相像的路由表，但是相比Vue还是少了一点东西。官方所谓的“提供更多自由度”好是好。但我觉得太高的自由度对于开发来说效率上会大大折扣。重复性的造轮子倒不如使用提供的。。。

1 引言

Typescript 3.2 发布了几个新特性，主要变化是类型检查更严格，对 ES6、ES7 一些时髦功能拓展了类型支持。

手写instanceof

首先写之前要先理解一下instanceof的实现原理:

• instanceof 主要的实现原理就是只要右边变量的prototype在左边变量的原型链上即可(也就是说左边的变量能在原型链上找到左边变量的prototype)

Hygen模板生成器

安装

安装：npm i -g hygen

初始化hygen：hygen init self

生成

生成模板：hygen generator new component

fetch和await的结合

起因是在写一个React发送ajax请求的案例中，遇到了一个关于fetch发送请求的问题，直接上代码:

使用fetch发送请求后在第一个.then之前的fetch(https:xxxx//${value})返回的是一个promise实例对象，所以它的后面可以跟.then，但是这个.then中触发的成功回调或者失败回调仅仅是判断这个请求是否连接到服务器，并不会返回服务器发送回来的数据。

要想得到数据就需要调用res原型上的方法res.json()得到一个新的promise，并且return出去，紧跟后面的.then就可以采用链式.then的方法再次获得成功的回调(服务器返回的数据在里面)。

TypeScript快速入门

1、TypeScript简介

• ts是js的超集，存在类型的脚本语言;

• 继承了js的所有编程类型，js代码可在ts环境很好的运行;

• 新增类型注解和类型推断

• 拥有丰富的class扩展功能

• 强大的类型系统，拥有静态类型检查能力

web常见的攻击方式有哪些？如何防御？

一、是什么

Web攻击（WebAttack）是针对用户上网行为或网站服务器等设备进行攻击的行为

首先常见的Web攻击方式有

• XSS (Cross Site Scripting) 跨站脚本攻击
• CSRF（Cross-site request forgery）跨站请求伪造
• SQL注入攻击