资讯专栏INFORMATION COLUMN

初粗尝前端工程

seal_de / 1000人阅读

摘要:下面就来简单地介绍下,现在这个阶段我对这些工具的理解吧。是前端工程打包工具,更加鲜活一点,我觉得其做的事情可以相当于我们的胃做的事情多进一出。官网这个图挺形象的为什么需要打包呢为了保证网页载入速度。和是的插件。

最近几天沉迷搭建博客,学习了各种nodejs工具,总的来说是这些:

webpack

style-loader

css-loader

express

react

babel-loader

styled-components

forever

react、webpack这些工具之前也有尝试着学习过,但是始终沉不下心来好好学,最近比较有时间,也打算参与学校一些项目了,又有个小伙伴和我介绍了怎么通过RESTful来实现前后端交互,我一时有了动力,好好了解了一下,这几天便浸泡在里面去了。

下面就来简单地介绍下,现在这个阶段我对这些工具的理解吧。

webpack

webpack是前端工程打包工具,更加鲜活一点,我觉得其做的事情可以相当于我们的“胃”做的事情:多进一出


webpack官网这个图挺形象的

为什么需要打包呢——为了保证网页载入速度。现在浏览器处理js文件的速度已经非常快了,所以拖慢网页载入速度的主要是资源请求耗费时间,简单来说需要请求的资源的个数越少那就越好,网页载入得就越快!

而因为模块化入口文件可能会和各种文件存在依赖,而其依赖又会有依赖,所以一个入口文件,往外扯就有可能会同时扯出各种各样的文件,如此,资源请求数就比较难把控了,所以要打包到一块!

打包文件,就是将这“团”文件打包到一块后的结果。


当然我觉得这个更像,特别是在webpack -p 之后

所谓多进一出,在这里指的是:处理入口文件然后再吐出打包文件

比较有趣的一点:webpack最近开了周边商店,大家可以去官网看看。

style-loader & css-loader

style-loadercss-loader是webpack的插件。

...我先去写下数据结构的作业...

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/82481.html

相关文章

  • 如何成为一名优秀的web前端工程师(前端攻城师)?

    摘要:我从没有听到有人问如何做一名优秀甚至卓越的前端工程师。作为一个优秀的前端工程师还需要深入了解以及学会处理的这些缺陷。再者,优秀的前端工程师需要具备良好的沟通能力,因为前端工程师至少都要满足四类客户的需求。   我所遇到的前端程序员分两种:   第一种一直在问:如何学习前端?   第二种总说:前端很简单,就那么一点东西。   我从没有听到有人问:如何做一名优秀、甚至卓越的WEB前端工程师...

    Turbo 评论0 收藏0
  • 如何成为一名优秀的web前端工程师(前端攻城师)?

    摘要:我从没有听到有人问如何做一名优秀甚至卓越的前端工程师。作为一个优秀的前端工程师还需要深入了解以及学会处理的这些缺陷。再者,优秀的前端工程师需要具备良好的沟通能力,因为前端工程师至少都要满足四类客户的需求。   我所遇到的前端程序员分两种:   第一种一直在问:如何学习前端?   第二种总说:前端很简单,就那么一点东西。   我从没有听到有人问:如何做一名优秀、甚至卓越的WEB前端工程师...

    rubyshen 评论0 收藏0
  • 如何成为一名优秀的web前端工程师(前端攻城师)?

    摘要:我从没有听到有人问如何做一名优秀甚至卓越的前端工程师。作为一个优秀的前端工程师还需要深入了解以及学会处理的这些缺陷。再者,优秀的前端工程师需要具备良好的沟通能力,因为前端工程师至少都要满足四类客户的需求。   我所遇到的前端程序员分两种:   第一种一直在问:如何学习前端?   第二种总说:前端很简单,就那么一点东西。   我从没有听到有人问:如何做一名优秀、甚至卓越的WEB前端工程师...

    mingzhong 评论0 收藏0
  • web前端工程师进阶指南

    摘要:进阶的知识的话就是响应式这一块了,一套代码能适配手机是初级前端工程师的进阶,在北京工资一般在左右。进阶的知识应该是这一块了,当然并不难,了解怎么与后台交互是学习的关键点,在北京的工资一般在左右。 web前端?如果你是一名web前端工程师,那么你将感到幸运,从之前的默默无闻,到后来的给后台工程师打下手,再到巅峰一时。web前端可谓是当下最火的职位之一。 showImg(https://s...

    曹金海 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<