<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[HeyCChen的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/HeyCChen</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; HeyCChen]]></copyright><item><title><![CDATA[Webapck 体系基础]]></title><link>https://blog.youkuaiyun.com/HeyCChen/article/details/122930689</link><guid>https://blog.youkuaiyun.com/HeyCChen/article/details/122930689</guid><author>HeyCChen</author><pubDate>Mon, 14 Feb 2022 19:31:56 +0800</pubDate><description><![CDATA[为什么要学习 Webpack

理解前端“工程化”概念、工具、目标
提高个人核心竞争力
成为高阶前端工程师的必经之路

什么是 Webpack


前端项目由什么构成？—— 资源


前端工程化工具出现之前靠手动管理资源文件，比如通过&lt;link &gt;标签引入样式文件，通过&lt;script&gt; &lt;/script&gt;标签引入 JS 文件等，但这种做法会出现很多问题：

操作过程繁琐
存在依赖关系时要严格按照顺序书写
开发与生产环境一致导致难以接入 TS 或者 JS 的新特性
比较难接]]></description><category></category></item><item><title><![CDATA[WebGL基础笔记]]></title><link>https://blog.youkuaiyun.com/HeyCChen/article/details/122732737</link><guid>https://blog.youkuaiyun.com/HeyCChen/article/details/122732737</guid><author>HeyCChen</author><pubDate>Fri, 28 Jan 2022 16:01:32 +0800</pubDate><description><![CDATA[WebGL

WebGL 是什么：WebGL（Web Graphics Library）是一种3D绘图协议，这种绘图技术标准允许把 JavaScript和 OpenGL ES 2.0结合在一起，通过增加 OpenGL ES 2.0 的一个 JavaScript 绑定，WebGL 可以为 HTML5 Canvas 提供硬件 3D 加速渲染
GPU ≠ WebGL ≠ 3D
WebGL 很大程度上在和 GPU 打交道但不仅仅是 GPU 渲染
WebGL 不仅仅是绘制3D，把浏览器作为一个桥梁，是浏览器上的 Op]]></description><category></category></item><item><title><![CDATA[Web 安全基础笔记]]></title><link>https://blog.youkuaiyun.com/HeyCChen/article/details/122719740</link><guid>https://blog.youkuaiyun.com/HeyCChen/article/details/122719740</guid><author>HeyCChen</author><pubDate>Thu, 27 Jan 2022 16:20:44 +0800</pubDate><description><![CDATA[两个角度看 web 安全
假如你是一个 hacker —— 攻击
跨站脚本攻击（XSS，Cross Site Scripting）


恶意脚本注入，&lt;script&gt;...&lt;/script&gt;，浏览器将其当成自身 DOM 执行编译


主要利用了

作为开发者盲目信任用户提交的内容
前端工程师把用户提交的 string 直接转化为 DOM，例如 document.write、element.innerHTML = anyString 等



XSS 的一些特点：

通常难以从 UI ]]></description><category></category></item><item><title><![CDATA[Node.js 基础笔记]]></title><link>https://blog.youkuaiyun.com/HeyCChen/article/details/122710365</link><guid>https://blog.youkuaiyun.com/HeyCChen/article/details/122710365</guid><author>HeyCChen</author><pubDate>Wed, 26 Jan 2022 23:24:49 +0800</pubDate><description><![CDATA[Node.js 的应用场景


前端工程化

打包工具（bundle）：webpack、vite、esbuild、parcel
代码压缩（uglify）：uglifyjs
语法转换（transpile）：bablejs、typescript
其他语言加入竞争：esbuild（golang）、parcel（rust）、prisma
Node.js 现状：在前端工程化领域仍然难以替代



Web 服务端应用

学习曲线平缓，开发效率较高
运行效率接近常见的编译语言
社区生态丰富以及工具链成熟（npm、V8 i]]></description><category></category></item><item><title><![CDATA[HTTP指南]]></title><link>https://blog.youkuaiyun.com/HeyCChen/article/details/122654870</link><guid>https://blog.youkuaiyun.com/HeyCChen/article/details/122654870</guid><author>HeyCChen</author><pubDate>Sun, 23 Jan 2022 18:13:14 +0800</pubDate><description><![CDATA[HTTP 初识


HTTP 协议：Hyper Text Transfer Prototcal，超文本传输协议，在计算机网络中属于应用层协议，基于传输层的 TCP 协议。特点有基于请求返回响应、简单可扩展、无状态。



HTTP 协议工作流程



HTTP 协议分析


HTTP 协议的发展



HTTP 报文分析


Method

安全的（safe）Method：不会修改服务器的数据的方法：GET、HEAD、OPTIONS
幂等的（idempotent）Method：同样的请求被执行一次与连续执行]]></description><category></category></item><item><title><![CDATA[前端动画基础笔记]]></title><link>https://blog.youkuaiyun.com/HeyCChen/article/details/122623433</link><guid>https://blog.youkuaiyun.com/HeyCChen/article/details/122623433</guid><author>HeyCChen</author><pubDate>Fri, 21 Jan 2022 15:57:35 +0800</pubDate><description><![CDATA[动画的基本原理

什么是动画


动画是通过快速连续排列彼此差异极小的连续图像来制造运动错觉和变化错觉的过程。&nbsp;&nbsp;&nbsp;&nbsp;———维基百科



常见的前端动画技术：Sprite 动画、CSS 动画、JS 动画、SVG 动画和 WebGL 动画


动画按应用分类：UI 动画、基于 WebGL的游戏动画和动画数据可视化


计算机动画原理


计算机图形学：计算机视觉的基础，涵盖点、线、面、体、场的数学构造方法

几何和图形数据的输入、存储和压缩
描述纹理、曲线、光影等算法]]></description><category></category></item><item><title><![CDATA[React 入门笔记]]></title><link>https://blog.youkuaiyun.com/HeyCChen/article/details/122608502</link><guid>https://blog.youkuaiyun.com/HeyCChen/article/details/122608502</guid><author>HeyCChen</author><pubDate>Thu, 20 Jan 2022 19:32:24 +0800</pubDate><description><![CDATA[React 的历史与应用
React 是一个 JavaScript 库

React : A JavaScript library for building user interfaces.   ——Jordan Walke



应用场景：

前端应用开发，如 Facebook、Instagram、Netflex 网页版
移动原生应用开发，如 Instagram、 Discord、Oculus
结合 Electron，进行桌面应用开发
3D开发：react-three-fiber



React 的历史]]></description><category></category></item><item><title><![CDATA[「Web标准与前端开发」和「前端需要知道的开发调试知识」笔记]]></title><link>https://blog.youkuaiyun.com/HeyCChen/article/details/122591672</link><guid>https://blog.youkuaiyun.com/HeyCChen/article/details/122591672</guid><author>HeyCChen</author><pubDate>Wed, 19 Jan 2022 22:49:00 +0800</pubDate><description><![CDATA[前端开发与 Web 标准
关于前端开发
前端开发的起源、架构、变迁

Web 自1989年诞生时由三种技术构成：HTML、HTTP、URL。CSS 和 JavaScript 是过几年后才出现的。
Web 的架构和变迁：

只读时代（1989-2005）：HTML/CSS/JavaScript
体验时代（2005-2010）：Ajax/Web API/jQuery
敏捷时代（2010-至今）：Fetch/NodeJs/Webpack



前端应用的领域

To Business，表现为一个为企业提供许多种类]]></description><category></category></item><item><title><![CDATA[JavaScript笔记之如何写好JavaScript]]></title><link>https://blog.youkuaiyun.com/HeyCChen/article/details/122550523</link><guid>https://blog.youkuaiyun.com/HeyCChen/article/details/122550523</guid><author>HeyCChen</author><pubDate>Mon, 17 Jan 2022 23:02:26 +0800</pubDate><description><![CDATA[介绍JavaScript的开发原则、JS中常见的高阶函数、用JS编写常见的业务代码以及优化。]]></description><category></category></item><item><title><![CDATA[HTML和CSS]]></title><link>https://blog.youkuaiyun.com/HeyCChen/article/details/122528853</link><guid>https://blog.youkuaiyun.com/HeyCChen/article/details/122528853</guid><author>HeyCChen</author><pubDate>Sun, 16 Jan 2022 21:05:16 +0800</pubDate><description><![CDATA[HTML和CSS学习笔记]]></description><category></category></item><item><title><![CDATA[数据结构之线性表总结]]></title><link>https://blog.youkuaiyun.com/HeyCChen/article/details/113393455</link><guid>https://blog.youkuaiyun.com/HeyCChen/article/details/113393455</guid><author>HeyCChen</author><pubDate>Fri, 29 Jan 2021 20:54:58 +0800</pubDate><description><![CDATA[数据结构之线性表总结线性表两种存储结构的主要特点顺序存储结构的主要特点链式存储结构的主要特点新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入
线性表两种存储结构的主要特点
顺序存储结构的主要特点
1.数据元素中只有自身的数据]]></description><category></category></item></channel></rss>