2025年Web前端开发流程和学习路线（详尽版）
本文的最新内容，更新于 2024-02-01，会在GitHub上同步更新，欢迎 star。大家完全不用担心这篇文章会过时，因为随着前端领域的技术更新，本文也会随之更新。
前言
前端侧重于人机交互和用户体验，后端侧重于业务逻辑和大规模数据处理。理论上，面向用户的产品里，所有问题（包括产品、设计、后端、甚至看不见的问题）的表 ...
前端开发常用基础英文单词汇总
在前端开发过程中，掌握一些常见英语词汇是必要的，今天跟大家分享一些前端常见的英语词汇，供大家参考使用
导航类
导航：nav
标题：title
摘要：summary
菜单：menu
子菜单：submenu
主导航：mainbav
子导航：subnav
顶导航：topnav
边导航：sidebar
左导航：leftsidebar
右导航：rightsidebar
页面结构布 ...
WEB前端开发练习代码
<!DOCTYPE html> <!-- HTML5申明 -->
<html lang="zh"> <!-- 表示本网站为中文网站 -->
<!-- 头部，定义网页标题和字体样式等 -->
<head>
<meta charset="UTF-8"> <!-- 定义网页为UTF-8编码 -->
<title>Web前端开发技术初步应用</title> <!-- 定义网页标题 -->
<!-- 定义字体样式 -->
<style type="te ...
《Web前端开发技术》笔记
参考文献——《Web前端开发技术》 by 储久良
目录
第1章 Web前端开发技术综述
1.1 Web概述
1.1.1 Web的起源
1.1.2 Web的特点
1.1.3 Web工作原理
1.1.4 Web相关概念
1.3 Web前端开发技术
1.3.1 HTML(Hypertext Markkup Language)
1.3.2 CSS
1.3.3 JavaScript
1.3.4 HTML DOM
1.3.5 BOM
1.3.6 AJAX
1.3.7 jQue ...
前端开发规范
前端开发规范注意： Windows 系统不区分大小写 ， linux 区分 ，因此 全部 用小写前端开发规范1 文件夹、文件名称，方法名称 必须小写。长名称：中间以下划线连接。 例如 ：match_list_main.js ，handle_click_save_allCSS-Class 命名：中划线 user-id方法函数命名：小驼峰 userId组件导出命名：大驼峰 User-id2 前端所有注 ...
前端开发网站
前端开发不可错过的25个网站，快放入收藏夹！
转载2022-04-19 16:22:4501427
有许多的网站可以让我们开发人员的工作更加轻松，在本文中我将介绍25个我认为开发者必去的杀手级网站。
1. DevDocs
https://devdocs.io/
DevDocs将不同语言、框架和库的API汇聚到了一个网页上，你可以直接在一个页面进行 ...
前端开发中需要搞懂的字符编码知识
字符集和字符编码
字符集就是字符的集合，如常见的 ASCII字符集，GB2312字符集，Unicode字符集等。这些不同字符集之间最大的区别是所包含的字符数量的不同。
字符编码则代表字符集的实际编码规则，是用于计算机解析字符的，如 GB2312，GBK，UTF-8 等。字符编码的本质就是如何使用二进制字节来表示字符的问题。
字符集和编码 ...
前端开发 20 年变迁史
2022-04-29
1990年，第一个Web浏览器诞生，而WWW的诞生直接拉开前端史的序幕。
从静态页面到JavaScript，从依赖后端到自主开发，前端开发者从不被重视的“页面仔”逆袭为如今很多前端工程师的薪资比后端还高，从前端技术由国外开发者主导到如今国内自主产生的小程序技术，我们走了20年。
1990 年，第一个Web浏览器的诞 ...
React + TypeScript + Taro前端开发小结
前言
项目到一段落，先来记录一下，本文以前端新手的角度记录React、TypeScript、Taro相关技术的开发体验以及遇到的问题和解决方法。
之前总说要学React（这篇博客：代码使我头疼之React初学习），这次项目需要做H5前端+小程序，我终于能用上React了~
使用React的开发框架之前就听过京东的Taro，所以就这个了，直接开码。
...
web前端开发规范
web前端开发规范
规范概述
一个人走的更快，一群人可以走的更远，前提是统一的策略，还要不断地反省和优化。不管有多少人共同参与同一项目，尽可能确保每一行代码都像是同一个人编写的
开发目录规范
开发环境规范
开发编码规范
一、目录及文件命名规范
(一)、例静态专题页目录
- src / html 源代码
- img / imag ...
Molecule实现数栈至简前端开发新体验
Keep It Simple, Stupid.
这是开发人耳熟能详的 KISS 原则，也像是一句有调侃意味的善意提醒，提醒每个前端人，简洁易懂的用户体验和删繁就简的搭建逻辑就是前端开发的至简大道。
这也是袋鼠云数栈前端开发团队追求的目标。
数栈是一个专注一站式产品体系，覆盖数据全链路开发流程，全面国产化兼容，核心源码自主可控的云原 ...
【前端开发】一个半月的实习总结：前端入行可以参考一下
今年七月份，我决定转前端开发。从七月开始，断断续续的从最简单的前端三剑客学起，因为这个时候秋招也开始了，所以同时也会抽出很大一部分时间出来刷题和补充计算机基础知识。7，8月份还不着急，九月份开始焦虑的不行，也没有投简历，总是对自己的专业知识不自信，觉得自己还没准备好。自己不停的学习，往往学了这个忘 ...
使用状态机降低前端开发复杂度
无论做业务需求还是做平台需求的同学，随着需求的不断迭代，通常都会出现逻辑复杂、状态混乱的现象，维护和新增功能的成本也变的十分巨大，苦不堪言。下图用需求、业务代码、测试代码做对比：
图中分了 3 个阶段：
阶段 1：正常，都是线性增长。
阶段 2：需求数正常增长，业务代码行数开始增长，测试代码行数大幅度增长。 ...
DevOps 前端开发和 Spug
DevOps 前端开发和 Spug
朋友新工作是进行 DevOps 前端开发，涉及 Spug。
DevOps 是什么
DevOps 是一种思想。用于促进开发和运维之间的沟通、协作或整合。
Tip：DevOps 是 Development 和 Operations 的组合词，即开发和运维。运维工程师 最基本职责是保证服务（产品）的稳定性。
DevOps 也是沟通协作的秩序化
假如软件开发 ...
前端开发之JS中filter()的使用
前端开发之JS中filter()的使用
2021-12-20 11:28
前言
在前端开发过程中，对数组的数据进行处理也是比较常见的操作之一，而且对数组进行操作的频率远远大于对 对象进行操作，因此在开发过程中对于数组里面的数据进行处理是一项比较重要的技能，尤其是对于刚入行的前端开发者来说尤为重要，所以一定要掌握好相 ...
前端开发书签记录
前端开发书签
做这份文档本来是看了英文版的前端书签,后来发现了中文版有两个类似的，justjavac和JacksonTian，首先严重推荐他们的，然后有空我也会更新。
HTML
HTML教程 W3C入门教程
HTML语义化 一定要了解，否则很容易标签乱用
CSS
CSS教程 W3C入门教程
DIV+CSS 比W3C详细些，作为参考
JavaScript
JavaScript ...
聊聊原生JS的那些事儿（常用JavaScript基础简单总结）
前言
首先，什么是原生JS？之前听过很多入门新手都乱不清这个说法。所谓的“原生JS”，只是国人对JavaScript基础（遵循ECMAscript标准）的一种叫法，原生态JavaScript，不依赖任何类库，不适用任何框架，纯粹是原原本本的JavaScript代码。从本质上讲，JavaScript本身就存在一些 ...
npm包获取比特币钱包源码分析，前端开发可以不用担心了
前一段时间网上爆出过event-stream包中的依赖模块flatmap-stream被黑客修改过代码，能够获取用户的密码、私钥等信息，从而盗取比特币。小邹之前也发布过一篇文章（
toutiao/i6628475000716263944/）。
当时这个事情在前端开发领域引发了一次小震动，每个使用这个模块的开发人员都有种开发恐惧，其实现在看来完 ...
小白从0到1，如何学习web前端开发？
很多小白可能会说，我现在零基础学习，现在前端开发的内容那么多，我应该怎么学呀？
问到这里我想跟大家说一下：
其实前端技术更新是挺快的，但是技术不管怎么更新，怎么发展，都离不开基础的知识，把基础的语法学好，理解好编程思想、开发方式，能面向多终端开发，响应式开发掌握好，基础打牢了，再深入的内容都是 ...
微前端开发(Vue)
一、微前端概述
1. 什么是微前端？
为了解决庞大的一整块后端服务带来的变更与扩展方面的限制，出现了微服务架构。然而，越来越重的前端工程也面临同样的问题，自然地想到了将微服务思想应用（照搬）到前端，于是有了“微前端（micro-frontends）”的概念。即，一种由独立交付的多个前端应用组成整体的架构 ...
