前端
文章平均质量分 89
HeyCChen
这个作者很懒,什么都没留下…
展开
-
Webapck 体系基础
为什么要学习 Webpack理解前端“工程化”概念、工具、目标提高个人核心竞争力成为高阶前端工程师的必经之路什么是 Webpack前端项目由什么构成?—— 资源前端工程化工具出现之前靠手动管理资源文件,比如通过<link >标签引入样式文件,通过<script> </script>标签引入 JS 文件等,但这种做法会出现很多问题:操作过程繁琐存在依赖关系时要严格按照顺序书写开发与生产环境一致导致难以接入 TS 或者 JS 的新特性比较难接原创 2022-02-14 19:31:56 · 293 阅读 · 0 评论 -
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 · 1052 阅读 · 0 评论 -
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 · 2861 阅读 · 0 评论 -
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 · 1004 阅读 · 0 评论 -
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 · 1862 阅读 · 0 评论 -
前端动画基础笔记
动画的基本原理什么是动画动画是通过快速连续排列彼此差异极小的连续图像来制造运动错觉和变化错觉的过程。 ———维基百科常见的前端动画技术:Sprite 动画、CSS 动画、JS 动画、SVG 动画和 WebGL 动画动画按应用分类:UI 动画、基于 WebGL的游戏动画和动画数据可视化计算机动画原理计算机图形学:计算机视觉的基础,涵盖点、线、面、体、场的数学构造方法几何和图形数据的输入、存储和压缩描述纹理、曲线、光影等算法原创 2022-01-21 15:57:35 · 503 阅读 · 0 评论 -
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 · 269 阅读 · 0 评论 -
「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 · 588 阅读 · 0 评论 -
JavaScript笔记之如何写好JavaScript
介绍JavaScript的开发原则、JS中常见的高阶函数、用JS编写常见的业务代码以及优化。原创 2022-01-17 23:02:26 · 248 阅读 · 0 评论 -
HTML和CSS
HTML和CSS学习笔记原创 2022-01-16 21:05:16 · 395 阅读 · 0 评论