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

目录
相关文章
|
6天前
|
前端开发 JavaScript 安全
前端性能调优:HTTP/2与HTTPS在Web加速中的应用
【10月更文挑战第27天】本文介绍了HTTP/2和HTTPS在前端性能调优中的应用。通过多路复用、服务器推送和头部压缩等特性,HTTP/2显著提升了Web性能。同时,HTTPS确保了数据传输的安全性。文章提供了示例代码,展示了如何使用Node.js创建一个HTTP/2服务器。
16 2
|
3天前
|
前端开发 JavaScript API
惊呆了!这些前端技术竟然能让你的网站实现无缝滚动效果!
【10月更文挑战第30天】本文介绍了几种实现网页无缝滚动的技术,包括CSS3的`scroll-snap`属性、JavaScript的Intersection Observer API以及现代前端框架如React和Vue的动画库。通过示例代码展示了如何使用这些技术,帮助开发者轻松实现流畅的滚动效果,提升用户体验。
64 29
|
3天前
|
监控 前端开发 JavaScript
探索微前端架构:构建可扩展的现代Web应用
【10月更文挑战第29天】本文探讨了微前端架构的核心概念、优势及实施策略,通过将大型前端应用拆分为多个独立的微应用,提高开发效率、增强可维护性,并支持灵活的技术选型。实际案例包括Spotify和Zalando的成功应用。
|
2天前
|
前端开发 开发者 C++
独家揭秘:前端大牛们如何高效学习新技术,保持竞争力!
【10月更文挑战第31天】前端技术飞速发展,如何高效学习新技术成为关键。本文通过对比普通开发者与大牛们的策略,揭示了高效学习的秘诀:明确目标、主动探索、系统资源、实践应用和持续学习。通过这些方法,大牛们能更好地掌握新技术,保持竞争力。示例代码展示了如何通过实践加深理解。
13 4
|
2天前
|
编解码 前端开发 JavaScript
前端界的黑科技:掌握这些技术,让你的网站秒变未来感十足!
【10月更文挑战第31天】前端技术日新月异,黑科技层出不穷,让网页更加美观、交互更加丰富。本文通过响应式布局与媒体查询、前端框架与组件化开发等案例,展示这些技术如何让网站充满未来感。响应式布局使网站适应不同设备,前端框架如React、Vue则提高开发效率和代码质量。
9 3
|
3天前
|
JSON 前端开发 搜索推荐
惊!这些前端技术竟然能让你的网站实现个性化推荐功能!
【10月更文挑战第30天】随着互联网技术的发展,个性化推荐已成为提升用户体验的重要手段。前端技术如JavaScript通过捕获用户行为数据、实时更新推荐结果等方式,在实现个性化推荐中扮演关键角色。本文将深入解析这些技术,并通过示例代码展示其实际应用。
16 4
|
2天前
|
前端开发 JavaScript 数据处理
前端界的宝藏技术:掌握这些,让你的网页秒变交互神器!
【10月更文挑战第31天】前端开发藏有众多宝藏技术,如JavaScript异步编程和Web Components。异步编程通过Promise、async/await实现复杂的网络请求,提高代码可读性;Web Components则允许创建可重用、封装良好的自定义组件,提升代码复用性和独立性。此外,CSS动画、SVG绘图等技术也极大丰富了网页的视觉和交互体验。不断学习和实践,让网页秒变交互神器。
7 2
|
3天前
|
自然语言处理 前端开发 搜索推荐
前端界的黑科技:掌握这些技术,让你的网站秒变智能助手!
【10月更文挑战第30天】随着前端技术的发展,网站正逐渐变成智能助手。本文探讨了四大关键技术:自然语言处理(NLP)使网站理解用户输入;机器学习实现个性化推荐;Web Notifications API发送重要提醒;Web Speech API实现语音交互。通过这些技术,网站不仅能更好地理解用户,还能提供更智能、个性化的服务,提升用户体验。
11 3
|
3天前
|
前端开发 JavaScript 测试技术
前端小白逆袭之路:如何快速掌握前端测试技术,确保代码质量无忧!
【10月更文挑战第30天】前端开发技术迭代迅速,新手如何快速掌握前端测试以确保代码质量?本文将介绍前端测试的基础知识,包括单元测试、集成测试和端到端测试,以及常用的测试工具如Jest、Mocha、Cypress等。通过实践和学习,你也能成为前端测试高手。
15 3
|
3天前
|
前端开发 JavaScript 开发者
惊!这些前端技术竟然能让你的网站在社交媒体上疯传!
【10月更文挑战第30天】在这个信息爆炸的时代,社交媒体成为内容传播的重要渠道。本文介绍了前端开发者如何利用技术让网站内容在社交媒体上疯传,包括优化分享链接、创建引人注目的标题和描述、利用Open Graph和Twitter Cards、实现一键分享功能以及创造交互式内容。通过这些方法,提升用户分享意愿,使网站成为社交媒体上的热门话题。
11 2