没有合适的资源?快使用搜索试试~ 我知道了~
首页重学前端:从青铜到黄金时代的演进
重学前端:从青铜到黄金时代的演进
需积分: 14 9 下载量 78 浏览量
更新于2024-07-09
收藏 425.75MB PDF 举报
"重学前端.pdf" 本文档是关于前端开发的学习历程和历史回顾,由前端专家winter撰写,旨在带领读者重新理解前端开发。文档首先讲述了前端发展的早期阶段,即“青铜时代”,那时前端技术尚不发达,主要依赖超链接进行交互,Ajax技术的引入开启了Web2.0的新篇章,但国内对其了解有限。作者通过自学前端,逐步建立起对这一领域的热情和专业性。 随着作者的职业发展,前端进入了“白银时代”。2008年,作者在微软工作,负责Windows CE上的IE浏览器开发,积累了丰富的UI架构经验。随后在盛大,他参与电子书文本排版和WebOS项目,深化了对浏览器工作原理和前端框架的理解。尽管这些项目因非技术原因未能取得商业成功,但它们巩固了作者对前端技术价值的信念。 在文档中,winter分享了他在前端领域的成长经历,从初学者到专业开发者的转变,以及他对前端技术未来趋势的洞察。他的职业生涯反映了前端从简单的网页设计到复杂应用开发的演变过程,强调了前端在现代互联网产品中的核心地位。 此外,文档还暗示了学习前端的方法和挑战,特别是在资源有限的情况下,如何通过实践和探索提升技能。作者的经验表明,前端开发者不仅需要技术知识,还需要对软件工程体系、UI架构和浏览器工作原理有深入理解,以适应不断变化的技术环境。 总结来说,"重学前端.pdf" 是一份探讨前端发展历程、个人成长故事和技术演进的资料,对于想要深入了解前端领域或寻求职业发展启示的读者具有很高的参考价值。它揭示了前端技术从无到有,再到如今不可或缺的角色,同时也提醒我们,技术进步与个人成长往往伴随着挫折,但坚持和对趋势的洞察将引领我们走向成功。
资源详情
资源推荐
![](https://csdnimg.cn/release/download_crawler_static/22024253/bg10.jpg)
1.1,代码打包,如何打包代码发送到服务器。
1.1.1,资源加载
1.1.2,webpack打包
1.1.3,摇树优化
1.2,网络传输,因为传统上是浏览器发起页面请求,然后服务器端发送html页面。
1.2.1,资源加载
1.2.2,首屏页面加载优化
1.3,浏览器端的页面渲染。
1.3.1,浏览器如何渲染一张html页面
1.3.2,渲染性能优化
1.4代码编写
1.4.1,html页面架构
1.4.1.1 .....
...
1.4.2,css页面样式
1.4.2.1, ......
.....
1.4.3,js交互
1.4.3.1,.....
.....
13
2019-01-17
作者回复: 不错,比较认真了,但是你有没考虑过除了打包、传输还有什么?它们跟代码编写是一个维度的概念吗?
![](https://csdnimg.cn/release/download_crawler_static/22024253/bg11.jpg)
棚头傀儡
我是黑马出身,emmm我的知识体系是初级前端要会哪些,中级要会哪些,又比如原型链和this之类的是中级必会的
9
Destroy、
说实在,我现在知识体系都是乱的。都是东看一点西看一点拼凑起来的。
8
王智
学习后端的我也来蹭点经验.无论是前端还是后端,我感觉学习方法都是相通的,甚至有时候我觉得前端的更新以及新技术的出现会更甚于后端,所以学习方法很有必要.
我觉得老师说的两个方法都很好,追本溯源了解技术出现的背景和解决的问题,可以更快地了解这个技术以及进行学习,根据自己的问题来学习技术. 同样,构建知识架
构也是很有必要的,我一直想总结一下后端的知识体系,一直没有思路,等下篇文章看看前端的知识体系来总结一下吧. (•ᴗ•)و
加油加油!!!
6
Jake
首先特别认同大佬现在的图形化学习的重要性,比如谷歌出的flutter,flutter的野心在于他想统一所有端的开发模式,他的核心思想就是抛开一切html, css, js,
xml等的束缚(flutter也在计划支持web端了),用户界面即画布,用户想要得到的视觉,画给用户就可以了,而现在无论是web端还是ios,安卓其实都只是图形学
的其中一个分支,想要彻底攻克其本质,其实对于底层语言的学习,学习计算机绘图原理可能是大前端的终极的学习目标。
前端发展到现在,无论是jquery时代,还是现在三大框架,还是说vue in all的时代,归根结底这些工具的产生都是为了解决工作效率等问题。结合现在互联网
行业的发展来看,后期的前端生存之道可能更多的是思考如何把前端当成一个应用来做,不仅仅局限于网页。而应用可能要思考的是易用性,可扩展性,可维护
性,甚至可移植性,那么这一切都需要夯实的基础来支撑。
5
梁山伯与伏地魔
看了后 我心中浮现的结构大概如下吧:
1.html 骨架
2.css css3 外观
3.js 行为
![](https://csdnimg.cn/release/download_crawler_static/22024253/bg12.jpg)
4.浏览器(
1.插件 草料二维码 vue dectools这类
2.http协议
3.工具 network console...
4.window对象等
5.兼容
6.渲染模式)
5.工具(
1.编辑器 webstorm vscode hbuilder
2.git/webpack
6.框架(vue react...
7.插件库/ui库(axios moment 富文本编辑器 element antd
大概就是这个样子吧..
希望可以看到后面的课程取精华去糟粕有所进步
5
远恒之义
刚看完了老师的直播,学到了很多的东西。
又重新复习了一遍今天的内容:学习路径和学习方法。
学习路径就是看书和建设性网站,购买老师的专栏,我觉得看不错的视频教程也是一种路径。
学习方法就是搭建知识架构和追本溯源。
老师讲解的学习方法都是三个维度(what、how、why)一步步由浅入深,从概念到方法再到收获,逻辑清晰同时具有完备性。
我是做 iOS 开发,知识架构是通过印象笔记中 iOS 功能知识点划分的笔记本加标签共同构建的目录和索引。学习了老师的方法之后,后面重新思考再梳理一下有
逻辑具有完备性的知识体系吧。
5
岑中归月
![](https://csdnimg.cn/release/download_crawler_static/22024253/bg13.jpg)
工作一年多,我对前端的知识架构的认识就是:顶层目录html+css+javascript,二级目录是把这三个里面的知识点生硬并且毫无关联的列出来,三级目录是继续
划分,,,,,,看了老师的讲解,觉得这样划分的知识架构毫无逻辑可言,期待老师后面的课程。
5
_1024
17年大学毕业之后开始接触前端,刚接触的时候觉得JavaScript特别简单,容易上手,但用了半年之后,发现不行了,就像 winter 老师所说的,经常会有“XX,
还有这种用法”的感叹,于是,在 18 年,我自己把 JavaScript 的基础恶补了一遍,于是把一些概念开始聚合起来,有了一些比较清晰的脉络,学习的主要内容也
是阮一峰老师的一些教程,在去年一年,也形成了自己的知识体系,有了一些落地的笔记,当然也还需要很多时间去修补
https://docs.itellboy.wang/es5/
共勉
4
Sunshine
任何计算机语言都是用来解决实际问题,解决人工痛点,用程序化来提高效率。而前段在这一个过程中是离用户最近的,为用户提供了友好的交互界面,承接着后
端数据逻辑和用户沟通的功能
从技术角度web前端=js(动态交互)+css(样式负责装饰)+html(页面骨架结构)。这一体系每一部分技术都在不断演进,出新的标准知识等。随着前端
的不断复杂引入了工程化的配套知识体系帮助简化工作,提升效率,解决各种实际问题等。工程化演进过程有grunt、gulp、rollup、webpack等等。前端框架也
在不断的演进发展。就web前端而言js、css、html又都是运行在浏览器上的深入学习不可避免需要了解浏览器原理,不同内核又不太一样,在了解差异过程也是
那些优秀工程师解决问题的思路也有助于个人提高。目前前端知识体系比如es新标准,可编程css类似sass、less、postcss等这些浏览器还不识别需要工程化工具
去做转译
4
七七
半路出家自学上岗,没有经过系统的学习,基础不扎实,有一定的全局意识,做了管理岗,总希望做的更好一点,奈何技术不够过硬,焦虑又慌张,希望听完课有
所收获和提升
4
![](https://csdnimg.cn/release/download_crawler_static/22024253/bg14.jpg)
02 | 列一份前端知识架构图
winter 2019-01-19
你好,我是 winter。
在上一篇文章中,我们简要地总结了前端的学习路径与方法,我们提到的第一个学习方法就是:建立知识框架。那么,今天我们就一起来列一份前端的知识框架图。
在开始列框架之前,我想先来谈谈我们的目标。实际上,我们在网上可以找到很多参考资料,比如 MDN 这样的参考手册,又比如一份语言标准,但是我们的课程既
不是一本参考手册,也不是一份语言标准。参考手册希望做到便于查阅、便于理解和全面,语言标准的目标是严谨、无遗漏、无歧义。
而我们的课程有什么不同呢?我认为,作为一个课程,有两个目标:一个是把无法通过查阅解决的原理和背景讲清楚,另一个是把不方便查阅和记忆的内容整理好。
剩余646页未读,继续阅读
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://profile-avatar.csdnimg.cn/d6a6d8d3d288450d83462ee389803284_originalmixss.jpg!1)
Avici_Mix
- 粉丝: 17
- 资源: 1
上传资源 快速赚钱
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助
![](https://csdnimg.cn/release/wenkucmsfe/public/img/voice.245cc511.png)
最新资源
- 岩石滑动与断层冲击地压:声发射特征分析
- 新时代煤炭工业八大战略新取向剖析
- 开采强度对华亭矿区冲击地压危险性的影响分析
- 新安煤矿探采对比:影响安全生产的关键因素与技术支撑
- 210MW循环流化床锅炉引风机变频改造优化与节能效果
- 浅埋煤层开采沉陷预测:方法应用与影响分析
- 优化巷道过陷落柱支护方案:数值模拟与现场试验
- 坚硬顶板定向断裂爆破技术:安全高效采煤新方案
- 北航2019算法课作业解析:投资策略与凸子多边形优化
- 断层破碎带垮冒下堆积体边界抗力分布关键影响因素
- 哈拉沟选煤厂优化末煤系统提高效率与处理能力
- 瓦斯涌出影响下采动煤体蠕变失稳研究
- 提升煤矿装载效率的可控箕斗定量装载设备设计
- 水分调控下烟煤瓦斯吸附特性对比研究
- 重介质悬浮液密度控制硬件设计与选型探讨
- 坚硬顶板巷道支护参数设计:现场测试与数值分析
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
![](https://img-home.csdnimg.cn/images/20220527035711.png)
![](https://img-home.csdnimg.cn/images/20220527035711.png)
![](https://img-home.csdnimg.cn/images/20220527035111.png)
安全验证
文档复制为VIP权益,开通VIP直接复制
![](https://csdnimg.cn/release/wenkucmsfe/public/img/green-success.6a4acb44.png)