BT

如何利用碎片时间提升技术认知与能力? 点击获取答案

前端周报第70期:TypeScript 3.0发布,前端面试指南免费下载

| 作者 覃云 关注 7 他的粉丝 发布于 2018年8月6日. 估计阅读时间: 9 分钟 | CNUTCon 了解国内外一线大厂50+智能运维最新实践案例。

新闻热点

国内国外,前端最新动态

TypeScript 3.0重磅发布:7月31日,微软正式发布 TypeScript 3.0,这是 TypeScript 之旅的一个新的里程碑!v3.0 虽然是个大版本,但并没有包含太多重大的突破性变更(也就是说升级很容易)。新版本引入了一种新的灵活且可扩展的方式来构建项目、对操作参数列表提供了更强大的支持、新的强制显式检查类型、更好的 JSX 支持、更好的错误 UX,等等。

Angular 6.1支持Typescript 2.9:7月26日,Angular 6.1发布,是Augular 6.0的次要版本,主要是针对6.0的bug进行修复和添加了对TypeScript 2.8和2.9支持:

  • 路由器滚动位置恢复,开发者现在可以将路由器配置为用户浏览应用程序记住和恢复滚动位置;

  • ShadowDOM v1 视图封装,现在你可以更改视图封装以使用ShadowDOM v1,之前ViewEncapsulation.Native已被弃用;

  • 改进Schematics链接方式;

  • 支持Typescript 2.9和2.7、2.8。

Uber开源Fusion.js:一个基于插件架构的通用Web框架:最近,Uber 的 Web 平台团队开发了 Fusion.js,一个开源的 Web 框架,用于简化 Web 开发,并构建出高性能的轻量级 Web 应用程序。

Fusion.js 是一个 MIT 许可的 JavaScript 框架,支持 React 和 Redux 等流行库,并提供了很多现代特性,如模块热加载、数据感知服务器端渲染和捆绑拆分支持。Fusion.js 还提供了灵活的基于插件的架构。因此它非常适合用于现代单页应用程序以及依赖复杂服务层来满足各种质量要求的现代 Web 应用程序。

项目地址:https://github.com/fusionjs

开发教程

步步为营,掌握基础技能

如何将Angular 6应用程序编程PWA应用:主要涉及的步骤包括:

  • 将PWA功能添加到Angular应用程序,打开项目的根目录,键入以下命令:

  • 填写清单

  • 配置service worker

  • 验证和测试

5个热门的新CSS功能以及如何使用它们:在本文中,我们将探讨CSS 5个新属性,这5个属性包括:CSS显示模块、CSS条件规则模块、CSS Overscroll行为模块、CSS选择器模块、CSS 包含模块(CSS Containment Module)。

作者将以上5个模块创建一个包含newsfeed和小型对话框的页面布局,过程为:设置newsfeed的HTML、设计newsfeed、修复布局问题、搜索功能查询、使用‘not’来获得更清晰的结果等20个步骤。

工程实践

立足实践,提示实际水平

苏宁金融App全链路灰度实践:打造快捷和可控的生产验证,对于移动端来讲需要一个完整的灰度解决方案。相比其他移动端的灰度方案,苏宁金融的方案既包括移动 APP 环节的灰度,也包括移动网关到整个 APP 后端服务环节的灰度,实现了在真实生产环境下,苏宁金融 APP 全链路的灰度。本文将从APP 网关以及 APP 后端服务灰度和 APP 灰度系统两部分详细阐述:。

我用Vue和React构建了相同的应用程序,这是它们的差别:作者分别用Vue和React构建了一个标准的待办事项应用程序,并在数据改变、创建新待办事项、删除待办事项、传递事件监听器、将数据传给子组件、将数据发送回父组件过程中将他们的代码进行了并排比较,以研究这两个框架在开发应用时有哪些差别。

23个Node安全最佳实践:本文收集了23个本周最佳的Node安全实践的文章,内容涉及linter安全规则、使用ORM / ODM库防止查询注入漏洞、以非root用户身份运行Node.js.、避免使用JavaScript eval语句等。

深度阅读

深度思考,升华开发智慧

2018年值得关注的10大JavaScript动画库:现代网站客户端提供了高质量的动画,导致了JavaScript动画库的需求不断增加。幸运的是,供应似乎与需求相匹配,且有多种选择。让我们来看看2018年值得关注的十大JavaScript动画库。

这10个库分别是:Three JS、Anime JS 
、Particles JS、ScrollReveal JS、Velocity JS、Popmotion JS、Mo JS、Vivus JS、GreenSock JS、AOS,这些库的Star数都在6k以上。

前端面试指南:近日,GitHub 上出现了一个热门项目 InterviewMap,这是一个前端团队共同编写的前端面试项目,附带大量的前端面试知识点,在短短半个月时间内,star 数就突破了 6K。

为此,InfoQ 与该前端团队负责人俞诚恺取得了联系,共同合作将其内容整理成电子书,名为《前端面试指南》,主要由7大内容构成:JS、浏览器、性能、安全、框架通识、Vue、React,希望能在求职路上助你一臂之力

获取方式:关注前端之巅公众号,在公众号菜单栏回复:大前端,也可以在前端之巅菜单栏“免费福利”一栏中点击下载。

用了三年React,最后我选择了Vue :作者分享了作为一名 React 拥护者的 Vue 使用经验,全文没有太多设计Vue与React比较的内容,主要写了作者的在这个过程中的心路历程。

最后作者得出的结论是:

  • 默认情况下,Vue包含JSX,注重分离脚本和模板;

  • Redux和Vuex背后的数据流相似;

  • Redux在很大程度上依赖于state的不变性,而Vuex并不关心state的是否是不变;

  • 在Vue中,允许直接从组件中dispatch和commit,但最好还是只仅允许dispatch比较好;

  • 任何Vue组件都可直接访问store。

开源项目

乐于分享,共推前端发展

tween-here:这是为现代JS框架设计的UI动画库,它支持Typescript开箱即用。

vue-test-resources:该项目集齐大量Vue框架应用测试的文章和资源。

apexcharts.js:一个现代JavaScript图表库,使用简单的API构建交互式图表和实现可视化。

招聘专栏

iOS高级工程师 by 搜狗

坐标北京。负责公司创新型项目iOS App技术设计和研发,包括语音识别、同声传译和VPA等功能研发。要求3年以上iOS经验,熟悉iOS网络、音视频、蓝牙等框架。简历发送至wangxiancai@sogou-inc.com

Android工程师 by 趣头条

坐标上海。负责公司Android产品开发。要求3年以上Android经验,有视频编辑相关经验。简历发送至 120988084@qq.com (猎头)

前端工程师/TL by 今日头条

坐标北京。负责今日头条相关产品Web/Wap/App的前端开发工作或基础工程建设,及各业务线监控管理平台的前端研发。要求3年前端经验,有Python/Node全栈经验优先。简历发送至 120988084@qq.com (猎头)

iOS技术负责人 by 今日头条

坐标北京。负责头条核心产品iOS端的研发及管理工作,负责iOS团队搭建和管理,对iOS团队产出的质量和效率负责。要求3年以上iOS经验,两年以上团队管理经验。 简历发送至 120988084@qq.com (猎头)

评价本文

专业度
风格

您好,朋友!

您需要 注册一个InfoQ账号 或者 才能进行评论。在您完成注册后还需要进行一些设置。

获得来自InfoQ的更多体验。

告诉我们您的想法

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我
社区评论

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

讨论

登陆InfoQ,与你最关心的话题互动。


找回密码....

Follow

关注你最喜爱的话题和作者

快速浏览网站内你所感兴趣话题的精选内容。

Like

内容自由定制

选择想要阅读的主题和喜爱的作者定制自己的新闻源。

Notifications

获取更新

设置通知机制以获取内容更新对您而言是否重要

BT