微信号:frontshow

介绍:InfoQ大前端技术社群:囊括前端、移动、Node全栈一线技术,紧跟业界发展步伐。

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

2018-08-05 12:38 覃云

策划|覃云

前端周报专注大前端领域内容,帮助开发者了解一周前端热点;分为新闻热点、开发教程、工程实践、深度阅读、开源项目等栏 目。欢迎关注【前端之巅】微信公众号(ID: frontshow),及时获取前端周报。

下文提到的所有文章的全文,都可在文末阅读原文或以下链接中找到(戳划线文字可跳转):

https://zhuanlan.zhihu.com/p/41317590

新闻热点

国内国外,前端最新动态

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 (猎头)

  课程推荐

技术是没有边界的,保持技术敏感性和快速学习能力程序员进阶的重要因素,《程序员进阶攻略》相信会给予正在成长阶段的你很多启发与指引,扫描下方二维码即可订阅。


 
前端之巅 更多文章 如何在Node.js中优化服务器端渲染? 10本技术书籍+1000份当当优惠码免费送,快来认领! Google“辟谣”:否认Fuchsia 5年内取代Android和Chrome OS 你可能从未听说过这15个HTML元素方法! Vue和React大比拼,你pick谁?
猜您喜欢 银行都傻眼了,一招轻松多赚20倍! 京东数据库智能运维平台建设之路 中国首份手机品牌忠诚度报告 香港代购一日记录 金融中间件的前世今生