重学前端 1 # 前端发展史以及学习痛点

简介: 重学前端 1 # 前端发展史以及学习痛点

前端发展史:从青铜时代–>黄金时代


青铜时代


  • 据winter回忆,06年的时候接触前端时,网页的主要交互都还是依靠切换超链接来完成
  • 那时候谷歌刚刚基于ajax发布的gmail也没多久,ajax的出现标志着web1.0(静态网页)到web2.0(动态网页)的迈进,但国内很少人懂



白银时代


   winter在08年毕业后在微软北京负责window CE上的IE浏览器的开发


   两年后加入盛大做电子书,负责电子书的文本排版工作


   盛大后期加入webOS项目,负责前端框架


   最直观的的表现之一:前端慢慢的从后端分离出来,代码也变得复杂,需要保存数据,处理数据,生成视图等,工程化的思想也逐渐萌芽。




黄金时代


   盛大离职后,winter加入阿里做手机淘宝开发


   随着移动互联网的到来,前端开启了’黄金时代’,形成前端的工程体系,诸如持续集成,前后端分离,线上监控…


   架构方面:从简单的解决兼容和风格问题–>组件化UI架构模式,形成了新一代的三大前端框架Angular, React, Vue




前端开发之痛:散点学习 + 基础不牢


个人感受:前端知识点很杂,多,框架更新太快,需要个人投入的时间学习比较多,并且对于前端的知识体系和底层原理没有真正的系统地理解



成长的两个视角


1、立足标准


系统性的总结和整理前端知识,建立自己的认知和方法论



2、放眼团队


从业务和工程角度思考前端团队的价值和发展需要




前端知识体系


四个模块


  • javaScript
  • css和html
  • 浏览器实践
  • 前端综合应用



重学前端初衷


提供一些视角,以完备、体系化的方式理解和思考前端的基础知识和工程实践


目录
打赏
0
0
0
0
21
分享
相关文章
【01】vs-code如何配置flutter环境-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈-供大大的学习提升
【01】vs-code如何配置flutter环境-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草央千澈-供大大的学习提升
193 26
独家揭秘:前端大牛们如何高效学习新技术,保持竞争力!
【10月更文挑战第31天】前端技术飞速发展,如何高效学习新技术成为关键。本文通过对比普通开发者与大牛们的策略,揭示了高效学习的秘诀:明确目标、主动探索、系统资源、实践应用和持续学习。通过这些方法,大牛们能更好地掌握新技术,保持竞争力。示例代码展示了如何通过实践加深理解。
85 4
VUE学习四:前端模块化,ES6和ES5如何实现模块化
这篇文章介绍了前端模块化的概念,以及如何在ES6和ES5中实现模块化,包括ES6模块化的基本用法、默认导出与混合导出、重命名export和import,以及ES6之前如何通过函数闭包和CommonJS规范实现模块化。
200 0
VUE学习四:前端模块化,ES6和ES5如何实现模块化
前端新机遇!为什么我建议学习鸿蒙?
【10月更文挑战第4天】前端新机遇!为什么我建议学习鸿蒙?
202 0
前端新机遇!为什么我建议学习鸿蒙?
【前端学java】如何从前端视角快速学习Maven
【8月更文挑战第12天】如何从前端视角快速学习Maven
91 2
【前端学java】如何从前端视角快速学习Maven
前端框架Vue------>第二天学习(1)插槽
这篇文章介绍了Vue框架中插槽(slot)的概念和用法,以及如何在组件中使用自定义事件进行父子组件间的通信。
前端框架Vue------>第二天学习(1)插槽
前端框架Vue------>第一天学习(3)
这篇文章是关于使用Vue框架进行前端开发的教程,重点介绍了如何使用Axios实现异步通信和表单输入的双向数据绑定。
前端框架Vue------>第一天学习(3)
前端框架Vue------>第一天学习(2) v-if
这篇文章介绍了Vue框架中条件渲染的用法,包括`v-if`、`v-else-if`指令的使用,以及列表渲染和事件监听的基本实现。
前端框架Vue------>第一天学习(2) v-if
前端框架Vue------>第一天学习、Vue学习的路径、Vue官网(1)
这篇文章是关于Vue框架的学习指南,涵盖了前端知识体系、MVVM模式、创建第一个Vue程序以及Vue实例的生命周期等基础知识。
前端框架Vue------>第一天学习、Vue学习的路径、Vue官网(1)

热门文章

最新文章

  • 1
    【11】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件-切换-朋友-陌生人-vip开通详细页面-即时通讯sdk准备-直播sdk准备-即时通讯有无UI集成的区别介绍-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
    11
  • 2
    从前端视角聊聊通义灵码使用经验,如何更好地提升研发效率
    51
  • 3
    巧用通义灵码,提升前端研发效率
    14
  • 4
    详解智能编码在前端研发的创新应用
    5
  • 5
    VSCode AI提效工具,通义灵码前端开发体验
    26
  • 6
    智能编码在前端研发的创新应用
    9
  • 7
    大前端之前端开发接口测试工具postman的使用方法-简单get接口请求测试的使用方法-简单教学一看就会-以实际例子来说明-优雅草卓伊凡
    5
  • 8
    【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗?-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
    96
  • 9
    课程预告|前端开发者如何用好通义灵码,这份实战指南请查收
    34
  • 10
    以项目登录接口为例-大前端之开发postman请求接口带token的请求测试-前端开发必学之一-如果要学会联调接口而不是纯写静态前端页面-这个是必学-本文以优雅草蜻蜓Q系统API为实践来演示我们如何带token请求接口-优雅草卓伊凡
    8
  • AI助理

    你好,我是AI助理

    可以解答问题、推荐解决方案等