React事件机制
React 事件系统在原生的 DOM 事件体系上做了一些优化,封装了一个“合成事件”层,事件处理程序通过合成事件进行实例传递。在 React 的事件系统中,没有把所有事件绑定到对应的真实 DOM 上,而是使用委托机制实现了一个统一的事件监听器,把所有的事件绑定到了最外层 document 上,然后再 ...
阅读更多
react_ssr笔记

react 实现 ssr 和原理讲解

使用 react 实现 ssr,并讲解实现 ssr 的原理。

服务端渲染

服务端渲染很简单,就是在服务端生成 html 代码字符串,然后返回给浏览器。
所以对前端来说就是一个请求。
本课程使用 express 启动服务。

阅读更多
OAuth认证
OAuth 认证方式有多种,但常用的有两种 Password Authorize Code Password 方式这种方式比较简单,就是把用户名和密码传递给认证平台,认证平台返回 token。比如我们使用github,把在github上注册的用户名密码传给github,github认证后返回to ...
阅读更多
js中this的指向问题
js 方法中的 this 是指向调用它的对象。 12345678910111213var a = 10;var foo = { a: 20, bar: function() { var a = 30; return this.a; },};f ...
阅读更多
字体大小pt、px、em、rem的区别

这里向大家描述一下CSS中 px 和 em 的特点和区别,px 像素(Pixel),相对长度单位,像素 px 是相对于显示器屏幕分辨率而言的,而 em 是相对长度单位,相对于当前对象内文本的字体尺寸,相信本文介绍一定会让你有所收获。

阅读更多
css优先级-权重值
CSS 的权重值 ###位置优先级 1(内联样式)Inline style > (内部样式)Internal style sheet > (外部样式)External style sheet 当 html 元素的 class 在调用样式时,权重值越大优先级越高,尤其是一个 class ...
阅读更多
Web 前后端漏洞分析与防御技巧--笔记
相关工具nodemon代替 node,启动的服务,如果修改后会自动编译启动,无需每次手动启动。 jspm前端包管理工具,npm 是 node 的包管理工具,服务端的。 XSS全称是:Cross Site Scripting,(跨站脚本攻击),为什么不叫 CSS,因为 CSS 是样式的缩写,cross ...
阅读更多
Centos7安装forever和pm2失败解决方法
在安装往 forever 或者 pm2 后,提示找不到对应的命令 解决很简单,把安装时上面的地址 link 到下面的路径即可 12ln -s /usr/local/node/bin/forever /usr/local/bin/foreverln -s /usr/local/node/bin/pm ...
阅读更多
Peer-to-Peer笔记

什么是 NAT

NAT(Network Address Translation,网络地址转换),简单说,就是把局域网中的机器和外部进行通信时,映射公网 IP 和端口的过程。
比如你在局域网中的地址是 192.168.1.100,你的公网地址是 119.125.123.12,当你和异地的朋友通信时,你发出的信息是通过你的公网地址发出去的,为了区分是局域网中的哪个机器,通常会分配一个端口,比如你发出的信息时,给你分配的公网地址和端口是:119.125.123.12:8223,那么当互联网上的任何人往上面地址发送信息,都会发到你机器上(前提是没设置通信限制,下面有讲解,这里说的是完全锥形 NAT)

阅读更多
JavaScript中变量和函数的声明提前
JavaScript 这个弱类型语言现在越来越火,我也很喜欢这个语言,因为弱姿态,反而更灵活,现在已经成为全栈型开发语言。在学习 JavaScript 时,有很多细节性东西,也就是坑,一不留意就会掉下去,其中一个就是声明提前 1. 声明提前的顺序优先级 函数参数 var 声明的变量 函数定义 ...
阅读更多