web前端要学什么要学哪些技术(web前端学啥)

it猿 2023-08-11 16:06

web前端要学什么要学哪些技术

javascript：

数组常用方法的使用，比如遍历有forEach，map，filter，every， some，reduce，操作方法有splice，slice， join，push，shift， pop，sort等

基本数据结构，引用类型（对象，数组）

基本逻辑运算if else， switch，三目运算：？，for/while循环等

字符串常见api（如replace，slice， substr，indexOf）

基本正则使用

变量作用域，作用域链，变量提升，函数声明提升

对象基本用法，面向对象编程（关注优就业，学习更多IT知识）

css：

基本盒模型（border/content/padding等）

4种常用定位（static/absolute/relative/fixed）

常用布局方式（浮动布局/弹性布局flex/自适应布局/网格布局grid）

css3基本样式与动画（transition，animation）

html：

新标签基本用法和使用

head标签作用与用法（主要是meta属性的用法）

其次根据不同企业对技术栈和职位级别的要求。

对于react技术栈为主的，需要掌握以下知识：

react+redux+redux－thunk/redux－saga+react－router,并熟悉ant－design等第三方ui库这是比较基础的岗位能力。

对于vue技术栈为主的，需要掌握以下技能：

vue+vuex+vue－router,并熟悉elementUI等第三方ui库。

对于中高级前端岗位，还需要对webpack，gulp等前端工作流有一定或者较深的理解。

web前端性能关注点

web前端的运行环境大部分是浏览器环境，显然这是单台计算机处理的环境，所以它不存在分布式处理的性能关注点，那么web前端的性能主要关注点就放在大数据量的获取、处理和呈现上，特别现在对“数据中台”要求很高，需要实时显示和处理大量的数据，此时就需要前端关注图形、格式化数据等方面的性能消耗点。

Web前端开发需要学习什么

1、第一阶段——HTML的学习。超文本标记语言(HyperText Mark-up Language 简称HTML)是一个网页的骨架，无论是静态网页还是动态网页，最终返回到浏览器端的都是HTML代码，浏览器将HTML代码解释渲染后呈现给用户。因此，我们必须掌握HTML的基本结构和常用标记及属性。

2、第二个阶段——CSS的学习。CSS是英文Cascading Style Sheets的缩写，叫做层叠样式表，是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言其样式是可以复用的，这样就极大地提高了我们开发的速度，降低了维护的成本。

3、第三个阶段——JavaScript的学习。JavaScript是一种在客户端广泛使用的脚步语言，在JavaScript当中为我们提供了一些内置函数、对象和DOM操作，借助这些内容我们可以来实现一些客户端的特效、验证、交互等，使我们的页面看起来不那么呆板。

4、第四个阶段——jQUery的学习。jQuery 是一个免费、开源的轻量级的JavaScript库，并且兼容各种浏览器(jQuery2.0及后续版本放弃了对IE6/7/8浏览器的支持)，同时现在有很多基于jQuery的插件可供选择，这样在我们实现一些丰富的动态效果时更方便快捷，大大节省了我们开发的时间，提高了开发速度，这也充分体现了其 write less,do more的核心宗旨。

5、第五个阶段是Bootstrap。Bootstrap是Twitter推出的一个开源的用于前端开发的工具包，是一个CSS/HTML框架，并且支持响应式布局。一经推出后颇受欢迎，一直是GitHub上的热门开源项目。