Angular 和 Vue 按需加载的项目实践优化方案

2016/07/12 · JavaScript
·
前端框架

本文作者: 伯乐在线 –
新空气
。未经作者许可,禁止转载!
欢迎加入伯乐在线 专栏作者。

针对前端优化的点有很多,例如:图片压缩,雪碧图,js/css/html
文件的压缩合并,  cdn缓存, 减少重定向, 按需加载 等等

最近有心想针对 ionic项目 和
vue项目,做一个比较大的优化,做成按需加载(也就是无请求不加载),此刻我内心是无比激动的。

推荐看的按需加载的文章:

angular 按需加载 相关文章:

1:
 

2:  

vue 按需加载  相关文章:

1: http://cn.vuejs.org/guide/components.html\#异步组件

2: 

-----------------------------------------------------------

今天就针对,按需加载(也就是无请求不加载),分别给出一些实际项目经验的方案:

angular 按需加载方案:$ocLazyLoad

vue 按需加载方案:require([异步加载的组件],
resolve)

澳门微尼斯人手机版, 

JavaScript 开发者:最喜欢 React,Vue.js 比 Angular 更值得尝试

2017/12/18 · JavaScript
· 开发

原文出处:
stateofjs   译文出处:oschina/达尔文   

澳门微尼斯人手机版 1

State Of JavaScript 2017
调查结果已经出炉。作者对众多 JavaScript
开发者进行了调查,以了解现在前端开发者对前端各种技术栈、框架的使用情况与看法。

根据 10 月份的 State of the Octoverse
2017 报告,在现有的 337
种开发语言中,JavaScript 仍然是 GitHubbers 的最爱。JavaScript
的生态系统一年比一年丰富,即使是最有经验的开发人员,在每个阶段考虑可用的众多选项时,也会变得犹豫不决。

Stack
Overflow
不久前做的技术趋势分析显示,部分 JavaScript
的技术成员一直呈现“持续增长”的趋势,如:Angular,TypeScript 和 Meteor。

澳门微尼斯人手机版 2

扎克伯格:押注 HTML5 是大错 现以移动为重

2012/09/12 · HTML5 ·
HTML5

(来源:郑峻@新浪科技)北京时间9月12日上午消息,Facebook联合创始人、CEO马克·扎克伯格(Mark
Zuckerberg)今日在Techcrunch
Disrupt大会上表示,公司股价下跌令人失望,最大的错误是押注HTML
5,但公司已经改变战略,目前一切以移动为重。他看好未来移动领域的盈利前景。

这是28岁的扎克伯格在Facebook上市后首次接受公开访谈,而采访者则是Techcrunch创始人迈克尔·阿灵顿(Michael
Arrington)。后者是硅谷科技博客圈著名的铁嘴,以采访直接尖锐而著称。

鉴于扎克伯格极少接受访问,而目前Facebook又处在媒体关注的焦点。新浪科技在现场看到,今日会场拥挤程度超过以往,会场前排地上已经坐满了人。继昨日Twitter联合创始人兼董事长杰克·多西(Jack
Dorsey)发表主题演说后,目前硅谷最为知名的两位创业者都出席了此次
Techcrunch 大会。

扎克伯格此次亮相依然是标志性的衣着:灰色圆领t恤、美津浓球鞋和牛仔裤。有趣的是,他的左手并没有佩戴婚戒。今年5月底,Facebook上市后,扎克伯格和相恋多年的华裔女友普利西亚·陈举行了小规模的婚礼。

阿灵顿的第一个问题就是Facebook股价,扎克伯格显然对此早有准备。他坦率承认,对Facebook上市后股价走低确实感到失望,公司上市后需要关注股东价值,(股价走低)或许是Facebook创办以来遭遇的第一个挫折。

澳门微尼斯人手机版 3

 

但他强调,这也是一个机遇,市场低估了Facebook在移动领域的基本面前景,越来越多的用户通过移动设备登录Facebook,他看好移动广告的未来,公司会取得比桌面领域更加出色的盈利业绩。

移动问题是Facebook目前面临的最大挑战。扎克伯格透露,通过移动网页使用Facebook的用户数量超过了使用iOS和Android应用的用户数,但“移动网页并不是未来”。

扎克伯格说公司最大的错误就是在HTML
5技术上押注过大,在移动平台浪费了两年时间,但目前已经改变战略,着力于改善移动应用的用户体验。Facebook上月发布了全新的苹果应用,“Android应用很快就会发布”。

“我们现在是一家移动公司,所有代码都为了移动而写,”扎克伯格说。

他还透露,今年4月收购的Instagram用户刚刚突破了1亿人,这是个伟大(Amazing)的产品。“我们希望帮助他们拥有数亿用户,但不打算将他们完全纳入Facebook,而会继续把他们当做Open
Graph伙伴来对待。”

扎克伯格再次谈到了他的使命理论:创办Facebook不是为了钱,公司挣钱是为了给用户更好的服务,而未来20年后,人们会发现
Facebook带来的遗产,会发现目前低估了公司的价值。“每家伟大公司在发展过程中都有低落,而在这样的周期,我宁愿Facebook被低估。”

今天扎克伯格讲话语速非常快,脸上一直挂着标志性笑容,看得出他在股价与移动等问题上做了充分的准备,但谈到手机和搜索问题上,扎克伯格还是有所停顿。与杰克·多西前日充满自信、语速缓和的讲话相比,扎克伯格依然显得年轻,或者可以说缺乏气场,他并不善于这种场合。

Facebook自今年5月上市以来,股价从28美元的招股价一路走低。扎克伯格访谈前,Facebook股价报18.98美元,而讲话后截止美国太平洋时间3点30分,股价升至20.06美元,涨幅3.24%,市值在半小时内增长了17亿美元。

 

 

赞 收藏
评论

澳门微尼斯人手机版 4

 angular按需加载:$ocLazyLoad

需要3个步骤,就可以实现按需加载的方案。

第1步:bower install oclazyload

第2步:$ocLazyLoad封装:

澳门微尼斯人手机版 5

第3步:ui-router 路由配置:

澳门微尼斯人手机版 6

此方案做到了,template 和 controller
的文件按需加载。此时去访问页面就可以看到效果了。

 

效果Gif演示:

澳门微尼斯人手机版 7

 

State Of JavaScript 2017 调查结果

喜爱度调查

澳门微尼斯人手机版 8

结果显示,有将近 9K 的被调查者表示听过 TypeScript
,并打算学学看。其中最受欢迎的是
ES6,超过2万的用户表示用过,并还会继续用或再次使用。

前端开发

澳门微尼斯人手机版 9

在对前端框架使用情况进行调查时,出现了一个很有趣的现象:许多受访者表示没有使用过前端框架!

在使用过前端框架的受访者中,React 的使用率是最高的,有 14K
的人使用过并表示会再次使用。

除此之外,Vue.js 的好评度同时超过了 Angular 1 和 2,有 12K
的受访者都表示打算学习 Vue.js,按照这个趋势,明年最受欢迎的前端框架就是
Vue.js 也说不定呢。

状态管理工具

澳门微尼斯人手机版 10

谈到状态管理工具的使用情况,REST API 毫无疑问摘得桂冠,支持者达到了
21K,接着是 Redux 和 Firebase。 GraphQL 令人印象深刻,有 14K
的受访者表示会试一试,这意味着明年的结果可能会有所不同。

后端开发

澳门微尼斯人手机版 11

根据上面提到的 Stack Overflow 的结果,Meteor
还是挺知名的,但似乎没有给这次的受访者留下深刻的印象。这次排名,Meteor
排在了 Express 和 Koa 的后面,位列第三。

测试

澳门微尼斯人手机版 12

CSS

澳门微尼斯人手机版 13

其他

澳门微尼斯人手机版 14

更多调查内容请查看:这里

1 赞 收藏
评论

澳门微尼斯人手机版 4

发表评论

电子邮件地址不会被公开。 必填项已用*标注