ByteDanceFrontEnd

软件工程没有绝对对错标准，只有是否适合当下场景（需求复杂度、团队规模、基础设施完备程度等），是否能够真正提升交付效率与质量之分。

Node.js是一个基于Chrome V8引擎的JavaScript运行环境，它可以让JavaScript运行在服务端。它使用了一个事件驱动、非阻塞式I/O模型，使得它能够处理大量的并发连接。

TypeScript 提供了一些高级数据类型来扩展基本数据类型，这些数据类型可以让我们更轻松地处理复杂的数据结构。

Node.js是一个基于Chrome V8引擎的JavaScript运行环境，它让JavaScript可以开发后端程序，实现几乎其他后端语言实现的所有功能。

TypeScript是微软开发的一门编程语言，是JavaScript的一个超集。TypeScript扩展了JavaScript的语法，添加了一些新的遵循ES6规范的语法。

数据结构和算法并不是只存在于象牙塔里面的题目和模型，它在我们的技术栈和专业领域中无处不在，和我们的日常开发息息相关，是需要我们穷尽整个职业生涯去追求和探索的东西。

CSS中的display属性可以控制元素在页面中的显示方式。display 属性有多个值，其中block和inline是两个常用的值。

选择器优先级、继承、默认值是CSS中的三个重要概念，它们共同决定了HTML元素的样式。选择器优先级是最高的，继承是次高的，默认值是最低的。

本文将介绍一个基于HTML、CSS和JavaScript的名片网页代码。该代码使用HTML结构网页内容，CSS样式美化页面外观，JavaScript提供交互功能。

CSS是一种标准的样式表语言，用于描述网页的表现形式。CSS 的主要作用是定义网页的样式，对网页中元素的位置、字体、颜色、背景等属性进行精确控制。

Webpack 是一个 JavaScript 模块打包器，它可以将你的项目中不同的资源，如 JavaScript、CSS、图像等打包为最终可以在浏览器中运行的代码。

上一篇讲解了攻击篇，这里讲解防御篇。安全无小事，使用的依赖（npm package，甚至是NodeJS）可能成为最薄弱的一环。

XSS(Cross-Site Scripting)主要利用了开发者盲目信任用户提交的内容，前端工程师直接把用户提交的字符串转换成DOM。

前端工程师是使用Web技术栈解决多端图形用户界面交互问题的工程师。HTML、CSS和JavaScript都运行在浏览器中，浏览器通过HTTP协议和服务器通信。

有时候我们会想要在组件之间重用一些状态逻辑，使用自定义 Hook 可以让你在不增加组件的情况下达到同样的目的。

Next.js是一个构建于Node.js之上的开源Web开发框架,支持基于React的 Web应用程序功能，例如服务端渲染和生成静态网站。

Hook是 React 16.8 的新增特性，它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。