- 博客(11)
- 收藏
- 关注
RSS订阅原创 Webapck 体系基础
为什么要学习 Webpack理解前端“工程化”概念、工具、目标提高个人核心竞争力成为高阶前端工程师的必经之路什么是 Webpack前端项目由什么构成？—— 资源前端工程化工具出现之前靠手动管理资源文件，比如通过<link >标签引入样式文件，通过<script> </script>标签引入 JS 文件等，但这种做法会出现很多问题：操作过程繁琐存在依赖关系时要严格按照顺序书写开发与生产环境一致导致难以接入 TS 或者 JS 的新特性比较难接
2022-02-14 19:31:56
261
原创 WebGL基础笔记
WebGLWebGL 是什么：WebGL（Web Graphics Library）是一种3D绘图协议，这种绘图技术标准允许把 JavaScript和 OpenGL ES 2.0结合在一起，通过增加 OpenGL ES 2.0 的一个 JavaScript 绑定，WebGL 可以为 HTML5 Canvas 提供硬件 3D 加速渲染GPU ≠ WebGL ≠ 3DWebGL 很大程度上在和 GPU 打交道但不仅仅是 GPU 渲染WebGL 不仅仅是绘制3D，把浏览器作为一个桥梁，是浏览器上的 Op
2022-01-28 16:01:32
1006
原创 Web 安全基础笔记
两个角度看 web 安全假如你是一个 hacker —— 攻击跨站脚本攻击（XSS，Cross Site Scripting）恶意脚本注入，<script>...</script>，浏览器将其当成自身 DOM 执行编译主要利用了作为开发者盲目信任用户提交的内容前端工程师把用户提交的 string 直接转化为 DOM，例如 document.write、element.innerHTML = anyString 等XSS 的一些特点：通常难以从 UI
2022-01-27 16:20:44
2826
原创 Node.js 基础笔记
Node.js 的应用场景前端工程化打包工具（bundle）：webpack、vite、esbuild、parcel代码压缩（uglify）：uglifyjs语法转换（transpile）：bablejs、typescript其他语言加入竞争：esbuild（golang）、parcel（rust）、prismaNode.js 现状：在前端工程化领域仍然难以替代Web 服务端应用学习曲线平缓，开发效率较高运行效率接近常见的编译语言社区生态丰富以及工具链成熟（npm、V8 i
2022-01-26 23:24:49
973
原创 HTTP指南
HTTP 初识HTTP 协议：Hyper Text Transfer Prototcal，超文本传输协议，在计算机网络中属于应用层协议，基于传输层的 TCP 协议。特点有基于请求返回响应、简单可扩展、无状态。HTTP 协议工作流程HTTP 协议分析HTTP 协议的发展HTTP 报文分析Method安全的（safe）Method：不会修改服务器的数据的方法：GET、HEAD、OPTIONS幂等的（idempotent）Method：同样的请求被执行一次与连续执行
2022-01-23 18:13:14
1834
原创 前端动画基础笔记
动画的基本原理什么是动画动画是通过快速连续排列彼此差异极小的连续图像来制造运动错觉和变化错觉的过程。 ———维基百科常见的前端动画技术：Sprite 动画、CSS 动画、JS 动画、SVG 动画和 WebGL 动画动画按应用分类：UI 动画、基于 WebGL的游戏动画和动画数据可视化计算机动画原理计算机图形学：计算机视觉的基础，涵盖点、线、面、体、场的数学构造方法几何和图形数据的输入、存储和压缩描述纹理、曲线、光影等算法
2022-01-21 15:57:35
465
原创 React 入门笔记
React 的历史与应用React 是一个 JavaScript 库React : A JavaScript library for building user interfaces. ——Jordan Walke应用场景：前端应用开发，如 Facebook、Instagram、Netflex 网页版移动原生应用开发，如 Instagram、 Discord、Oculus结合 Electron，进行桌面应用开发3D开发：react-three-fiberReact 的历史
2022-01-20 19:32:24
246
原创 「Web标准与前端开发」和「前端需要知道的开发调试知识」笔记
前端开发与 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，表现为一个为企业提供许多种类
2022-01-19 22:49:00
559
原创 JavaScript笔记之如何写好JavaScript
介绍JavaScript的开发原则、JS中常见的高阶函数、用JS编写常见的业务代码以及优化。
2022-01-17 23:02:26
228
原创 数据结构之线性表总结
数据结构之线性表总结线性表两种存储结构的主要特点顺序存储结构的主要特点链式存储结构的主要特点新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入线性表两种存储结构的主要特点顺序存储结构的主要特点1.数据元素中只有自身的数据
2021-01-29 20:54:58
1019
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人