PCAaron/PCAaron.github.io

Web全栈技术笔记：https://pcaaron.github.io/

Web全栈技术笔记

前端技术笔记，总结平时浏览到的技术要点，并通过自己的语言组织汇总。 喜欢的话就给个Star吧~~~

内容说明

《Vue.js实战》

Vue入门

• Vue简介及基本用法
• Vue生命周期详解
• Vue组件化
• Vue原理解析

Vue全家桶

• Vue-Router
• Vuex
• 接入UI库

Vue项目实战

动手实现自己的UI库

《React.js实战》

《Node.js实战》

《webpack4入门到实战》

导读

• webpack导读
• webpack与构建工具发展史

webpack基础篇

• webpack的基本用法：核心概念
• webpack的基本用法：常用配置
• webpack的进阶用法（一）
• webpack的进阶用法（二）

webpack进阶篇

• 编写可维护的webpack构建配置
• webpack构建速度和体积优化

webpack原理

• 运行webpack发生了什么？
• webpack的插件机制
• webpack编译流程分析
• 迷你webpack的实现

编写loader和plugin

• 编写一个loader
• 编写一个plugin

《浏览器工作原理与实战》

简介

• 前端一定要懂哪些浏览器原理？
• 开篇介绍

宏观视角下的浏览器

• Chrome架构：仅仅打开了1个页面，为什么有4个进程？
• TCP协议：如何保证页面文件能被完整送达浏览器？
• HTTP请求流程：为什么很多站点第二次打开速度会很快？
• 导航流程：从输入URL到页面展示，这中间发生了什么？
• 渲染流程：HTML、CSS和JavaScript是如何变成页面的？
• 番外篇：一篇读懂浏览器结构

浏览器中的JS执行机制

• 变量提升：JavaScript的执行顺序
• 调用栈：JavaScript栈溢出的原因
• 块级作用域：var的缺陷
• 作用域链和闭包
• this：JavaScript执行上下文

V8的工作原理

• 栈空间和堆空间
• 垃圾回收
• 编译器和解析器

浏览器中的页面循环系统

• 消息队列和事件循环
• Web API：setTimeout的实现机制
• Web API：XMLHttpRequest的实现机制
• 宏任务与微任务
• Promise
• async/await

浏览器中的页面

• Chrome开发者工具
• JavaScript是如何影响DOM树构建的
• CSS对首屏加载的影响
• CSS动画为什么比JavaScript高效
• 页面性能
• 虚拟DOM与真实DOM的区别
• PWA
• WebComponent

浏览器中的网络

• HTTP1.x
• HTTP2.x
• HTTP3.x

浏览器安全

• 同源策略：XMLHttpRequest为什么不能跨域
• 跨站脚本攻击(XSS)
• 跨站请求伪造：CSRF攻击
• 安全沙箱
• HTTPS

《区块链开发入门》

简介

• 什么是区块链
• 区块链发展史

入门篇

• 区块链中的核心概念和原理
• 以太坊核心概念和原理
• 使用 Metamask 创建第一个以太坊 HD 钱包
• 完成第一笔以太坊交易
• 理解以太坊中的交易
• Solidity

进阶篇

• 自建智能合约工作流
• 简单的demo解读智能合约的编译流程
• 智能合约部署脚本
• 使用 mocha + web3.js + ganache 编写合约测试

实战篇

• ICO DApp 要解决什么问题？
• ICO 智能合约的数据结构和接口设计
• ICO智能合约开发和Remix测试

git命令大全

git命令总结于某群友

公众号

喜欢的可以订阅我的公众号关注更多消息喔~~~