BT

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

前端每周清单第58期:百度“小程序”上线,深入了解JavaScript的Proxies

| 作者 覃云 关注 7 他的粉丝 发布于 2018年4月17日. 估计阅读时间: 6 分钟 | QCon上海2018 关注大数据平台技术选型、搭建、系统迁移和优化的经验。

看新闻很累?看技术新闻更累?试试下载InfoQ手机客户端,每天上下班路上听新闻,有趣还有料!

前端每周清单专注大前端领域内容,以对外文资料的搜集为主,帮助开发者了解一周前端热点;分为新闻热点、开发教程、工程实践、深度阅读、开源项目、巅峰人生等栏目。欢迎关注【前端之巅】微信公众号(ID: frontshow),及时获取前端每周清单。

新闻热点

国内国外,前端最新动态

  • Bootstrap 4.1:Bootstrap 4.1是今年1月发布v 4.0以来,Bootstrap的第一次小更新,最新版本的文档将托管在新的地址上,同时它也对一些Bug进行了修复,详情可点击原文链接了解。
  • Google发布4月份的Android补丁:4月初,Google发布Android安全公告,最新的Android安全补丁将修复60多处漏洞,公告也提及,本次修复的最为严重的漏洞来自Media框架,该漏洞能够让远程攻击者使用特制文件在具备权限的进程中执行任意代码。
  • WebAssembly Studio先睹为快:WebAssembly Studio是一个在线的IDE,可帮助你深入了解WebAssembly,它就像是一把瑞士军刀,在任何时候,都可被那些使用WebAssembly的开发者派上用场。
  • 百度“小程序”上线:近日,我们发现百度在其手机客户端上线了小程序应用,目前只上线了一款“优信二手车”应用,用户可在个人常用服务栏进入或扫描二维码直接跳转,百度小程序还将支持小程序添加到桌面,支持链接至微博、微信和即使通讯软件百度Hi。

开发教程

步步为营,掌握基础技能

  • 5分钟教你学会Bulma:Bulma是一个简单、易用的CSS框架,虽然很多开发人员喜欢用Bootstrap,但是作者认为Bulma的设计更好,而且更轻量。在本文中,作者给出了一些步骤让你快速上手Bulma。
  • 详解图片和视频延迟加载:本文详细介绍了什么是延迟加载,以及为什么会出现延迟加载?并给出了一系列解决方案。
  • 如何在1小时内开发出PWA应用程序:PWA是在Google在2016年提出的一种渐进式网页应用程序,它能让你在使用Web的时候有原生应用的体验,在本教程中,作者演示了他是如何将HTML、JavaScript等创建一个可在线、离线使用的PWA应用程序。
  • Houdini:CSS杀手级别的项目:Houdini是一个伟大的项目,它本着可扩展Web宣言(Extensible Web Manifesto)的精神,让开发者直接可以访问浏览器的CSS引擎,这使得开发者能够自定义自己的CSS功能,以便能在浏览器的本地渲染管道中高效运行。了解更多请阅读原文。

工程实践

立足实践,提示实际水平

  • 在CDN里缓存GraphQL :也许乍一看,GraphQL与REST或其他的 HTTP API API技术有所区别,以至于当你将GraphQL添加到现有设备中得注意所有的基础架构,但是本文的作者只用了几个简单的步骤,就可以将GraphQL与现有的CDN服务如Fastly、CloudFlare或Akamai一同使用。
  • 介绍JavaScript即将推出的三种新功能:本文介绍了JavaScript即将发布的新功能,作者用实例展现了JavaScript在可选链式调用(Optional Chaining)、Nullish coalescing 、Pipeline operator 上的改变。

深度阅读

深度思考,升华开发智慧

  • WhatsApp Web的逆向工程:该项目提供了WhatsApp Web API完整的文档以及实现方式,并可通过此自定义客户端,WhatsApp Web内部使用了WebSockets,这个项目也是如此。
  • 深入了解JavaScript的Proxies:JavaScript Proxies是ES6中新增的功能,作者通过on-change库为大家解析什么是Proxies,以及如何使用Proxies。

开源项目

乐于分享,共推前端发展

  • structured-text-tools:structured-text-tools是一个列表库,它列出了处理结构化文本数据的命令行工具,内容涉及DSV、XML、HTML、JSON、YAML、TOML等。
  • Tabler:Tabler是一个Bootstrap 4上的HTML Dashboard UI工具包,有了它,你可以用最简单的方式管理和可视化不同类型的数据,而且Tabler支持所有的主流浏览器,包括最新的Chrome、Firefox +,最新的Safari、Opera、Internet Explorer 10+和移动浏览器。
  • developer-roadmap:2018年Web开发路线图,该项目中展示了一组图表,为那些想成为前端、后端、devops技术的开发者提供了学习指南。

前端之巅

「前端之巅」是 InfoQ 旗下关注大前端技术的垂直社群。紧跟时代潮流,共享一线技术,欢迎关注。

评价本文

专业度
风格

您好,朋友!

您需要 注册一个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