Web前端技术学习经验谈

简介: 整个web前端技术,非常繁杂,知识点极其多,如果要分层次的话,我想应该分为四层:第一层:Html+CSS第二层:Javascript+JQuery+Ajax+Bootstrap第三层:SVN+Git+Webpack第四层:Vue.js+React+AngularJS

Web前端技术学习经验谈

根据自己多个项目开发的经验,给大家谈谈自己前端开发中的一些经验

首先说一下学习技术的思路,学习技术不能瞎学,要有目标、有计划的学,我的思路是:先跟着官网学基础(一般的技术都有官网),然后直接开发小项目,在开发项目过程中,遇到问题再去搜索引擎搜答案,问题解决之后再把相关知识点记录下来,然后去官网教程找到对应模块再学习一遍,遇到疑难概念问题,我会去b站或者youtube上看看别人对该概念的解读。项目开发完之后,再开发下一个项目,一个项目接着一个项目,通过项目来渐进式的掌握技术。就像是打枪一样,教练教完射击技术,剩下的就是练习,不停的练习。

当然,我的思路不一定适合每个人。有的人喜欢跟着教学视频学,有的人喜欢看书学,有的人喜欢被人带着学...... 总之,学技术的目的都是为了应用。

有时候,我们应该用辩证法去分析事物。对于Web前端来说,特点是杂、多、广,但是从另外一方面来讲,这些技术学习成本并不高,有的技术或许1小时就学会,而且这些技术里面,我们能经常用到的并不多,有些只会里面的常见用法就足够了。

整个web前端技术,非常繁杂,知识点极其多,如果要分层次的话,我想应该分为四层:
第一层:Html+CSS
第二层:Javascript+JQuery+Ajax+Bootstrap
第三层:SVN+Git+Webpack
第四层:Vue.js+React+AngularJS

每个人的基础不一样,可能有的到了第一层,有的到了第三层

这四层里面内容并不全,有些技术还能细分。比如Javascript脚本语言还有JS、ES、TS这些语言版本,比如CSS相关技术还有Less、Sass预处理技术。除此之外,Web前端开发领域的零散知识点也很多,比如Node、npm、yarn、vue-cli、Less、webpack、Vite、Lint、Nginx。

总之,Web前端技术是学不完的,永远也学不完。新技术不断出现,旧技术不断淘汰。有些技术更新换代非常快、生命周期短,或许今年流行的技术,明年就淘汰了。对于我们工程师来说,够用即可,能达到开发项目的水平即可。把主要精力放到修炼计算机内功上,通晓计算机基础、原理、底层、机制、本质。毕竟 外功可以速成,内功不能。我们要结合自己的日常工作编码实践,学以致用,去学习补充计算机的内功,这样才能洞悉问题的本质。

目录
相关文章
|
2月前
|
并行计算 前端开发 JavaScript
Web Worker:让前端飞起来的隐形引擎
在现代 Web 开发中,前端性能优化是一个至关重要的课题,尤其是对于计算密集型的应用,如图像处理、视频处理、大规模数据分析等任务。单线程的 JavaScript 引擎常常成为性能瓶颈,导致应用变得迟缓。Web Worker,作为一种强大的技术,使得前端能够在后台进行并行计算,从而实现高效的任务处理,不影响主线程的运行和用户的交互体验。
347 108
|
8天前
|
前端开发 JavaScript 算法
【CSS】前端三大件之一,如何学好?从基本用法开始吧!(八):学习transition过渡属性;本文学习property模拟、duration过渡时间指定、delay时间延迟 等多个参数
transition过渡属性 早期在Web中要实现动画效果,都是依赖于JavaScript或Flash来完成。 但在CSS3中新增加了一个新的模块transition,它可以通过一些简单的CSS事件来触发元素的外观变化, 让效果显得更加细腻。简单点说,就是通过鼠标经过、获得焦点,被点击或对元素任何改变中触发, 并平滑地以动画效果改变CSS的属性值。 在CSS中创建简单的过渡效果可以从以下几个步骤来实现: 在默认样式中声明元素的初始状态样式; 声明过渡元素最终状态样式,比如悬浮状态; 在默认样式中通过添加
89 1
|
8天前
|
前端开发 JavaScript 算法
【CSS】前端三大件之一,如何学好?从基本用法开始吧!(七):学习ransform属性;本文学习 rotate旋转、scale缩放、skew扭曲、tanslate移动、matrix矩阵 多个参数
transform变形 css3在原来的基础上新增了变形和动画相关属性,通过这些属性可以实现以前需要大段JavaScript才能实现的 功能。 CSS3的变形功能可以对HTML组件执行位移、旋转、缩放、倾斜4种几何变换,这样的变换可以控制HTML组件 呈现出丰富的外观。 借助于位移、旋转、缩放、倾斜这4种几何变换,CSS3提供了transition动画。 transition动画比较简单,只要指定HTML组件的哪些CSS属性需要使用动画效果来执行变化,并指定动画时间,就可保证动画播放。 比transitio
40 1
|
1月前
|
安全 Java API
Java Web 在线商城项目最新技术实操指南帮助开发者高效完成商城项目开发
本项目基于Spring Boot 3.2与Vue 3构建现代化在线商城,涵盖技术选型、核心功能实现、安全控制与容器化部署,助开发者掌握最新Java Web全栈开发实践。
242 1
|
2月前
|
JavaScript 前端开发 Java
前端框架选择之争:jQuery与Vue在现代Web开发中的真实地位-优雅草卓伊凡
前端框架选择之争:jQuery与Vue在现代Web开发中的真实地位-优雅草卓伊凡
337 72
前端框架选择之争:jQuery与Vue在现代Web开发中的真实地位-优雅草卓伊凡
|
4月前
|
移动开发 前端开发 JavaScript
前端web创建命令
本项目使用 Vite 搭建 Vue + TypeScript 开发环境,并基于 HTML5 Boilerplate 提供基础模板,快速启动现代前端开发。
56 2
|
6月前
|
前端开发 Java 物联网
智慧班牌源码,采用Java + Spring Boot后端框架,搭配Vue2前端技术,支持SaaS云部署
智慧班牌系统是一款基于信息化与物联网技术的校园管理工具,集成电子屏显示、人脸识别及数据交互功能,实现班级信息展示、智能考勤与家校互通。系统采用Java + Spring Boot后端框架,搭配Vue2前端技术,支持SaaS云部署与私有化定制。核心功能涵盖信息发布、考勤管理、教务处理及数据分析,助力校园文化建设与教学优化。其综合性和可扩展性有效打破数据孤岛,提升交互体验并降低管理成本,适用于日常教学、考试管理和应急场景,为智慧校园建设提供全面解决方案。
412 70
|
4月前
|
Web App开发 编解码 移动开发
零基础音视频入门:你所不知道的Web前端音视频知识
本文回顾了Web端音视频的发展历程,同时还介绍了视频的编码、帧率、比特率等概念,提到了Canvas作为视频播放的替代方案,以及FFmpeg在音视频处理中的重要作用等知识。
125 1
|
4月前
|
缓存 前端开发 应用服务中间件
Web端实时通信技术SSE在携程机票业务中的实践应用
本文介绍了携程机票前端基于Server-Sent Events(SSE)实现服务端推送的企业级全链路通用技术解决方案。文章深入探讨了 SSE 技术在应用过程中包括方案对比、技术选型、链路层优化以及实际效果等多维度的技术细节,为类似使用场景提供普适性参考和借鉴。该方案设计目标是实现通用性,适用于各种网络架构和业务场景。
113 1
|
5月前
|
缓存 前端开发 应用服务中间件
Web端实时通信技术SSE在携程机票业务中的实践应用
本文介绍了携程机票前端基于Server-Sent Events(SSE)实现服务端推送的企业级全链路通用技术解决方案。文章深入探讨了 SSE 技术在应用过程中包括方案对比、技术选型、链路层优化以及实际效果等多维度的技术细节,为类似使用场景提供普适性参考和借鉴。
149 7
下一篇
oss教程