Webpack 的优点和应用场景?

19人阅读 评论(0) 收藏 举报
分类:

快应用作为一种新型的应用生态,它实现了应用“即点即用”的能力,让你省去下载安装的步骤,立即使用各类服务。而饿了么是最早参与快应用内测的企业之一。本Chat 还特别邀请到了快应用官方团队的核心开发者一起来为大家深度解析快应用背后研发实践。

本次分享主要面对快应用感兴趣并想学习快应用的前端开发人员。通过本次分享,可以学到:

  1. 快应用底层实现原理;
  2. 快应用接下来的规划;
  3. 快应用与其他应用平台的对比分析;
  4. 快应用的开发流程是怎样的?

  1. 快应用的开发者答疑。

A:大学课程修完以后,出来没找到工作,干了半年吉他老师,对自己就业比较迷茫。回 到老家以后,干前端、运维都有,但是主要是前端。


2. 接触前端多久了?接触/学习的渠道是什么?

A:满打满算一年。刚开始是同事辅导,慢慢入手以后,在 W3CSCHOOL、网易云课堂、腾讯课堂、慕课网学习。


3.Ajax 发送请求的步骤?

3.1 xhr.open()

3.2 xhr.send()

3.3 callback()


4. 浏览器里面的事件都会按照一定的规则去传递,这个规则是什么?


5. 事件代理,事件委托是什么意思?


6. 闭包是怎么回事?用在什么场景?

6.1 变量常驻内存会带来什么问题?

6.2 如何避免这种问题?

6.3 怎么销毁?


7.CALL 和 Apply 是干嘛的?


8. 在平时开发中,遇到过跨域的问题吗?如何处理跨域呢?

8.1. 如何进行 CORS 跨域?需要什么条件?

8.2 对服务器来说,返回 json 数据和 JSONP 数据有什么不一样?

8.3 还有其他跨域方式吗?


9. 简单说一说盒模型,W3C 和 IE 怪异盒模型。


10. 简要阐述 XSS 和 CSRF 攻击及防范

10.1 XSS 脚本劫持,如何截获?(ps. 这里居然把 CSRF 的概念当做 XSS 的来回答….)

10.2 CSRF 域名劫持


11. 强类型语言有继承,在 JS 里面如何做到继承呢?(proto 和 prototype)

11.1 例如构造函数有一个 test() 方法,prototype 上也有一个 test(),这两个方法有区别吗?


12. 页面性能优化有哪些方式?

12.1 文件、脚本合并是如何优化的呢?

12.2 重绘,重排是怎么回事?有什么区别?

12.3 请举例说明重绘,什么情况下会重绘?

12.4 你认为样式是会引起重绘的吗?什么样式会引起重绘/重排?什么属性会引起重绘/重排?


13. 浏览器如何知道一个文件资源是否需要缓存?


14.HTTP 状态码 304,502,503

14.1 1,2,3,4,5 开头的状态码都表示什么?


15.Node、Vim、angular 简述

15.1 Node 上如何处理异常情况?(Ps. 我回答的是开发调试。。。找 js 文件)

15.2 已经上线的项目,出问题,怎么样去处理异常?


16. 构建工具除了 Webpack,还接触过其他的吗?

16.1 Webpack 的优点和应用场景?


http://expo.cnworld.net/New_show.asp?ArtID=20859
http://expo.cnworld.net/New_show.asp?ArtID=20858
http://expo.cnworld.net/New_show.asp?ArtID=20857
http://expo.cnworld.net/New_show.asp?ArtID=20856
http://expo.cnworld.net/New_show.asp?ArtID=20855
http://expo.cnworld.net/New_show.asp?ArtID=20854
http://expo.cnworld.net/New_show.asp?ArtID=20853
http://expo.cnworld.net/New_show.asp?ArtID=20852
http://expo.cnworld.net/New_show.asp?ArtID=20851
http://expo.cnworld.net/New_show.asp?ArtID=20850
http://expo.cnworld.net/New_show.asp?ArtID=20849
http://expo.cnworld.net/New_show.asp?ArtID=20848
http://expo.cnworld.net/New_show.asp?ArtID=20847
http://expo.cnworld.net/New_show.asp?ArtID=20846
http://expo.cnworld.net/New_show.asp?ArtID=20845
http://expo.cnworld.net/New_show.asp?ArtID=20844
http://expo.cnworld.net/New_show.asp?ArtID=20843
http://expo.cnworld.net/New_show.asp?ArtID=20842
http://expo.cnworld.net/New_show.asp?ArtID=20841
http://expo.cnworld.net/New_show.asp?ArtID=20707
http://expo.cnworld.net/New_show.asp?ArtID=20706
http://expo.cnworld.net/New_show.asp?ArtID=20705
http://expo.cnworld.net/New_show.asp?ArtID=20704
http://expo.cnworld.net/New_show.asp?ArtID=20703
http://expo.cnworld.net/New_show.asp?ArtID=20702
http://expo.cnworld.net/New_show.asp?ArtID=20701
http://expo.cnworld.net/New_show.asp?ArtID=20700
http://expo.cnworld.net/New_show.asp?ArtID=20699
http://expo.cnworld.net/New_show.asp?ArtID=20698
http://expo.cnworld.net/New_show.asp?ArtID=20697
http://expo.cnworld.net/New_show.asp?ArtID=20696
http://expo.cnworld.net/New_show.asp?ArtID=20695
http://expo.cnworld.net/New_show.asp?ArtID=20694
http://expo.cnworld.net/New_show.asp?ArtID=20693
http://expo.cnworld.net/New_show.asp?ArtID=20692
http://expo.cnworld.net/New_show.asp?ArtID=20691
http://expo.cnworld.net/New_show.asp?ArtID=20690
http://expo.cnworld.net/New_show.asp?ArtID=20689
http://expo.cnworld.net/New_show.asp?ArtID=20669
http://expo.cnworld.net/New_show.asp?ArtID=20668
http://expo.cnworld.net/New_show.asp?ArtID=20667
http://expo.cnworld.net/New_show.asp?ArtID=20666
http://expo.cnworld.net/New_show.asp?ArtID=20665
http://expo.cnworld.net/New_show.asp?ArtID=20664
http://expo.cnworld.net/New_show.asp?ArtID=20663
http://expo.cnworld.net/New_show.asp?ArtID=20662
http://expo.cnworld.net/New_show.asp?ArtID=20661
http://expo.cnworld.net/New_show.asp?ArtID=20660
http://expo.cnworld.net/New_show.asp?ArtID=20659
http://expo.cnworld.net/New_show.asp?ArtID=20658
http://expo.cnworld.net/New_show.asp?ArtID=20688
http://expo.cnworld.net/New_show.asp?ArtID=20687
http://expo.cnworld.net/New_show.asp?ArtID=20686
http://expo.cnworld.net/New_show.asp?ArtID=20685
http://expo.cnworld.net/New_show.asp?ArtID=20684
http://expo.cnworld.net/New_show.asp?ArtID=20683
http://expo.cnworld.net/New_show.asp?ArtID=20682
http://expo.cnworld.net/New_show.asp?ArtID=20681
http://expo.cnworld.net/New_show.asp?ArtID=20680
http://expo.cnworld.net/New_show.asp?ArtID=20679
http://expo.cnworld.net/New_show.asp?ArtID=20678
http://expo.cnworld.net/New_show.asp?ArtID=20677
http://expo.cnworld.net/New_show.asp?ArtID=20676
http://expo.cnworld.net/New_show.asp?ArtID=20675
http://expo.cnworld.net/New_show.asp?ArtID=20674
http://expo.cnworld.net/New_show.asp?ArtID=20673
http://expo.cnworld.net/New_show.asp?ArtID=20672
http://expo.cnworld.net/New_show.asp?ArtID=20671
http://expo.cnworld.net/New_show.asp?ArtID=20670
http://expo.cnworld.net/New_show.asp?ArtID=20707
http://expo.cnworld.net/New_show.asp?ArtID=20706
http://expo.cnworld.net/New_show.asp?ArtID=20705
http://expo.cnworld.net/New_show.asp?ArtID=20704
http://expo.cnworld.net/New_show.asp?ArtID=20703
http://expo.cnworld.net/New_show.asp?ArtID=20702
http://expo.cnworld.net/New_show.asp?ArtID=20701
http://expo.cnworld.net/New_show.asp?ArtID=20700
http://expo.cnworld.net/New_show.asp?ArtID=20699
http://expo.cnworld.net/New_show.asp?ArtID=20698
http://expo.cnworld.net/New_show.asp?ArtID=20697
http://expo.cnworld.net/New_show.asp?ArtID=20696
http://expo.cnworld.net/New_show.asp?ArtID=20695
http://expo.cnworld.net/New_show.asp?ArtID=20694
http://expo.cnworld.net/New_show.asp?ArtID=20693
http://expo.cnworld.net/New_show.asp?ArtID=20692
http://expo.cnworld.net/New_show.asp?ArtID=20691
http://expo.cnworld.net/New_show.asp?ArtID=20690
http://expo.cnworld.net/New_show.asp?ArtID=20689
http://expo.cnworld.net/New_show.asp?ArtID=20840
http://expo.cnworld.net/New_show.asp?ArtID=20839
http://expo.cnworld.net/New_show.asp?ArtID=20838
http://expo.cnworld.net/New_show.asp?ArtID=20837
http://expo.cnworld.net/New_show.asp?ArtID=20836
http://expo.cnworld.net/New_show.asp?ArtID=20835
http://expo.cnworld.net/New_show.asp?ArtID=20834
http://expo.cnworld.net/New_show.asp?ArtID=20833
http://expo.cnworld.net/New_show.asp?ArtID=20832
http://expo.cnworld.net/New_show.asp?ArtID=20831
http://expo.cnworld.net/New_show.asp?ArtID=20830
http://expo.cnworld.net/New_show.asp?ArtID=20829
http://expo.cnworld.net/New_show.asp?ArtID=20828
http://expo.cnworld.net/New_show.asp?ArtID=20827
http://expo.cnworld.net/New_show.asp?ArtID=20826
http://expo.cnworld.net/New_show.asp?ArtID=20825
http://expo.cnworld.net/New_show.asp?ArtID=20824
http://expo.cnworld.net/New_show.asp?ArtID=20823
http://expo.cnworld.net/New_show.asp?ArtID=20822
http://expo.cnworld.net/New_show.asp?ArtID=20821
http://expo.cnworld.net/New_show.asp?ArtID=20820
http://expo.cnworld.net/New_show.asp?ArtID=20819
http://expo.cnworld.net/New_show.asp?ArtID=20818
http://expo.cnworld.net/New_show.asp?ArtID=20817
http://expo.cnworld.net/New_show.asp?ArtID=20816
http://expo.cnworld.net/New_show.asp?ArtID=20815
http://expo.cnworld.net/New_show.asp?ArtID=20814
http://expo.cnworld.net/New_show.asp?ArtID=20813
http://expo.cnworld.net/New_show.asp?ArtID=20812
http://expo.cnworld.net/New_show.asp?ArtID=20811
http://expo.cnworld.net/New_show.asp?ArtID=20810
http://expo.cnworld.net/New_show.asp?ArtID=20809
http://expo.cnworld.net/New_show.asp?ArtID=20808
http://expo.cnworld.net/New_show.asp?ArtID=20807
http://expo.cnworld.net/New_show.asp?ArtID=20806
http://expo.cnworld.net/New_show.asp?ArtID=20805
http://expo.cnworld.net/New_show.asp?ArtID=20804
http://expo.cnworld.net/New_show.asp?ArtID=20803
http://expo.cnworld.net/New_show.asp?ArtID=20821
http://expo.cnworld.net/New_show.asp?ArtID=20820
http://expo.cnworld.net/New_show.asp?ArtID=20819
http://expo.cnworld.net/New_show.asp?ArtID=20818
http://expo.cnworld.net/New_show.asp?ArtID=20817
http://expo.cnworld.net/New_show.asp?ArtID=20816
http://expo.cnworld.net/New_show.asp?ArtID=20815
http://expo.cnworld.net/New_show.asp?ArtID=20814
http://expo.cnworld.net/New_show.asp?ArtID=20813
http://expo.cnworld.net/New_show.asp?ArtID=20812
http://expo.cnworld.net/New_show.asp?ArtID=20811
http://expo.cnworld.net/New_show.asp?ArtID=20810
http://expo.cnworld.net/New_show.asp?ArtID=20809
http://expo.cnworld.net/New_show.asp?ArtID=20808
http://expo.cnworld.net/New_show.asp?ArtID=20807
http://expo.cnworld.net/New_show.asp?ArtID=20806
http://expo.cnworld.net/New_show.asp?ArtID=20805
http://expo.cnworld.net/New_show.asp?ArtID=20804
http://expo.cnworld.net/New_show.asp?ArtID=20803
http://expo.cnworld.net/New_show.asp?ArtID=20802
http://expo.cnworld.net/New_show.asp?ArtID=20801
http://expo.cnworld.net/New_show.asp?ArtID=20800
http://expo.cnworld.net/New_show.asp?ArtID=20799
http://expo.cnworld.net/New_show.asp?ArtID=20798
http://expo.cnworld.net/New_show.asp?ArtID=20797
http://expo.cnworld.net/New_show.asp?ArtID=20796
http://expo.cnworld.net/New_show.asp?ArtID=20795
http://expo.cnworld.net/New_show.asp?ArtID=20794
http://expo.cnworld.net/New_show.asp?ArtID=20793
http://expo.cnworld.net/New_show.asp?ArtID=20792
http://expo.cnworld.net/New_show.asp?ArtID=20791
http://expo.cnworld.net/New_show.asp?ArtID=20790
http://expo.cnworld.net/New_show.asp?ArtID=20789
http://expo.cnworld.net/New_show.asp?ArtID=20788
http://expo.cnworld.net/New_show.asp?ArtID=20787
http://expo.cnworld.net/New_show.asp?ArtID=20786
http://expo.cnworld.net/New_show.asp?ArtID=20785
http://expo.cnworld.net/New_show.asp?ArtID=20784
http://expo.cnworld.net/New_show.asp?ArtID=20783
http://expo.cnworld.net/New_show.asp?ArtID=20782
http://expo.cnworld.net/New_show.asp?ArtID=20781
http://expo.cnworld.net/New_show.asp?ArtID=20780
http://expo.cnworld.net/New_show.asp?ArtID=20779
http://expo.cnworld.net/New_show.asp?ArtID=20778
http://expo.cnworld.net/New_show.asp?ArtID=20777
http://expo.cnworld.net/New_show.asp?ArtID=20776
http://expo.cnworld.net/New_show.asp?ArtID=20775
http://expo.cnworld.net/New_show.asp?ArtID=20774
http://expo.cnworld.net/New_show.asp?ArtID=20773
http://expo.cnworld.net/New_show.asp?ArtID=20772
http://expo.cnworld.net/New_show.asp?ArtID=20771
http://expo.cnworld.net/New_show.asp?ArtID=20770
http://expo.cnworld.net/New_show.asp?ArtID=20769
http://expo.cnworld.net/New_show.asp?ArtID=20768
http://expo.cnworld.net/New_show.asp?ArtID=20767
http://expo.cnworld.net/New_show.asp?ArtID=20766
http://expo.cnworld.net/New_show.asp?ArtID=20765
http://expo.cnworld.net/New_show.asp?ArtID=20764
http://expo.cnworld.net/New_show.asp?ArtID=20763
http://expo.cnworld.net/New_show.asp?ArtID=20762
http://expo.cnworld.net/New_show.asp?ArtID=20761
http://expo.cnworld.net/New_show.asp?ArtID=20760
http://expo.cnworld.net/New_show.asp?ArtID=20759
http://expo.cnworld.net/New_show.asp?ArtID=20758
http://expo.cnworld.net/New_show.asp?ArtID=20757
http://expo.cnworld.net/New_show.asp?ArtID=20756
http://expo.cnworld.net/New_show.asp?ArtID=20755
http://expo.cnworld.net/New_show.asp?ArtID=20754
http://expo.cnworld.net/New_show.asp?ArtID=20753
http://expo.cnworld.net/New_show.asp?ArtID=20752
http://expo.cnworld.net/New_show.asp?ArtID=20751
http://expo.cnworld.net/New_show.asp?ArtID=20750
http://expo.cnworld.net/New_show.asp?ArtID=20749
http://expo.cnworld.net/New_show.asp?ArtID=20748
http://expo.cnworld.net/New_show.asp?ArtID=20747
http://expo.cnworld.net/New_show.asp?ArtID=20746
http://expo.cnworld.net/New_show.asp?ArtID=20745
http://expo.cnworld.net/New_show.asp?ArtID=20744
http://expo.cnworld.net/New_show.asp?ArtID=20743
http://expo.cnworld.net/New_show.asp?ArtID=20742
http://expo.cnworld.net/New_show.asp?ArtID=20741
http://expo.cnworld.net/New_show.asp?ArtID=20740
http://expo.cnworld.net/New_show.asp?ArtID=20739
http://expo.cnworld.net/New_show.asp?ArtID=20738
http://expo.cnworld.net/New_show.asp?ArtID=20737
http://expo.cnworld.net/New_show.asp?ArtID=20736
http://expo.cnworld.net/New_show.asp?ArtID=20735
http://expo.cnworld.net/New_show.asp?ArtID=20734
http://expo.cnworld.net/New_show.asp?ArtID=20733
http://expo.cnworld.net/New_show.asp?ArtID=20732
http://expo.cnworld.net/New_show.asp?ArtID=20731
http://expo.cnworld.net/New_show.asp?ArtID=20730
http://expo.cnworld.net/New_show.asp?ArtID=20729
http://expo.cnworld.net/New_show.asp?ArtID=20728
http://expo.cnworld.net/New_show.asp?ArtID=20727
http://expo.cnworld.net/New_show.asp?ArtID=20726
http://expo.cnworld.net/New_show.asp?ArtID=20725
http://expo.cnworld.net/New_show.asp?ArtID=20724
http://expo.cnworld.net/New_show.asp?ArtID=20723
http://expo.cnworld.net/New_show.asp?ArtID=20722
http://expo.cnworld.net/New_show.asp?ArtID=20721
http://expo.cnworld.net/New_show.asp?ArtID=20720
http://expo.cnworld.net/New_show.asp?ArtID=20719
http://expo.cnworld.net/New_show.asp?ArtID=20718
http://expo.cnworld.net/New_show.asp?ArtID=20717
http://expo.cnworld.net/New_show.asp?ArtID=20716
http://expo.cnworld.net/New_show.asp?ArtID=20715
http://expo.cnworld.net/New_show.asp?ArtID=20714
http://expo.cnworld.net/New_show.asp?ArtID=20713
http://expo.cnworld.net/New_show.asp?ArtID=20712
http://expo.cnworld.net/New_show.asp?ArtID=20711
http://expo.cnworld.net/New_show.asp?ArtID=20710
http://expo.cnworld.net/New_show.asp?ArtID=20709
http://expo.cnworld.net/New_show.asp?ArtID=20708


查看评论

Webpack对比其他框架的优势分析

代码拆分 Webpack 有两种组织模块依赖的方式,同步和异步。异步依赖作为分割点,形成一个新的块。在优化了依赖树后,每一个异步区块都作为一个文件被打包。 Loader Webpack 本身只能...
  • itKingOne
  • itKingOne
  • 2017-04-11 09:17:17
  • 1915

webpack 使用总结

前言 本文是对近半年使用 webpack 的一个总结。webpack 作为 配置型的工具,虽然配置项很多、功能强大,但是用起来并不复杂。文内主要内容来自网络摘抄以及翻译官网文档,相对比较全面。 ...
  • u010537398
  • u010537398
  • 2017-02-22 14:47:34
  • 1553

什么是WebPack,为什么要使用它?

转自:http://www.cnblogs.com/-walker/p/6056529.html 说明: 这里是webpack1.0+,如果你用的是2.0+请移步这里 webpack...
  • zwbHUST
  • zwbHUST
  • 2017-08-22 20:02:46
  • 617

webpack 模块化机制

为什么需要模块化?随着网站内容越来越复杂,浏览器和用户的交互越来越细腻,网站再也不是简单的内容呈现,更像是一个复杂的客户端软件,其中html/css/js代码越来越多,逻辑越来越复杂,越来越不便于管理...
  • ganluren008
  • ganluren008
  • 2017-11-19 16:01:19
  • 341

【Webpack 学习】1.Webpack的理解与使用

什么是 webpack    webpack 是德国开发者 Tobias Koppers 开发的模块加载器。   在 webpack 中所有的文件都将被当做模块使用。当 webpack 处理应用程...
  • hvkCoder
  • hvkCoder
  • 2017-12-21 00:30:39
  • 177

Hive简介、应用场景及架构原理详细剖析

Hive简介、应用场景及架构原理Hive背景介绍Hive最初是Facebook为了满足对海量社交网络数据的管理和机器学习的需求而产生和发展的。马云在退休的时候说互联网现在进入了大数据时代,大数据是现在...
  • WYpersist
  • WYpersist
  • 2018-04-08 05:31:14
  • 63

Docker 学习笔记(一) docker特点及应用场景

本文为转载,原文地址:http://dockone.io/article/126 在我们讨论Docker的使用场景之前,先来看看Docker这个工具有什么特别的地方吧。 Docker提供了轻量级的...
  • Sherry_Rui
  • Sherry_Rui
  • 2015-08-21 11:09:39
  • 1055

各种机器学习的优缺点及应用场景

在我们日常生活中所用到的推荐系统、智能图片美化应用和聊天机器人等应用中,各种各样的机器学习和数据处理算法正尽职尽责地发挥着自己的功效。本文筛选并简单介绍了一些最常见算法类别,还为每一个类别列出了一些实...
  • SEUer_jeff
  • SEUer_jeff
  • 2017-03-24 13:37:39
  • 4679

Elasticsearch的功能、使用场景以及特点

1、Elasticsearch的功能,干什么的 2、Elasticsearch的适用场景,能在什么地方发挥作用 3、Elasticsearch的特点,跟其他类似的东西不同的地方在哪里 1、E...
  • gb4215287
  • gb4215287
  • 2017-09-08 10:06:31
  • 1499

gulp & webpack整合,鱼与熊掌我都要!

为什么需要前端工程化?http://www.jianshu.com/p/9724c47b406c 前端工程化的意义在于让前端这个行业由野蛮时代进化为正规军时代,近年来很多相关的工具和概念诞生。好奇心...
  • sinat_17775997
  • sinat_17775997
  • 2016-09-20 09:57:49
  • 1277
    个人资料
    等级:
    访问量: 3万+
    积分: 689
    排名: 7万+
    最新评论