【AICon】探索RAG 技术在实际应用中遇到的挑战及应对策略!AICon精华内容已上线73%>>> 了解详情
写点什么

前端每周清单第 12 期:LinkedIn 用 Brotli 加快网页响应速度、饿了么 PWA 升级实践、支付宝前端构建工具发展

  • 2017-05-08
  • 本文字数:3625 字

    阅读完需:约 12 分钟

前端每周清单专注前端领域内容,分为新闻热点、开发教程、工程实践、深度阅读、开源项目、巅峰人生等栏目。关注【前端之巅】微信公众号(ID:frontshow),及时获取前端每周清单。

新闻热点

国内国外,前端最新动态

开发教程

步步为营,掌握基础技能

  • 《基于 Vue.js、Webpack、Material Design 打造 PWA 应用》:PWA 应用已经受到了越来越多的关注与实践,而本系列文章则介绍了如何使用 Vue.js、Webpack 以及 Material Design 打造 PWA 应用。本系列文章包含七个部分,分别介绍了基于 Vue.js、Webpack 与 Material Design Lite 创建单页应用、使用 Vue-Resource 与 VueFire 进行数据交互、使用 Service Workers 实现离线模式、拍照、上传图片、实现推送、访问设备地址等内容。( https://parg.co/btH )
  • 《Create XP App》: 近日,微软的 Skype 团队发布了基于 React Native 的跨平台开发框架 ReactXP,而 create-xp-app 则是快速创建 ReactXP 应用的脚手架。本文则是对于 create-xp-app 的安装与基本使用的介绍,包括了如何运行在 Web 与 iOS/Android 等原生环境中,以及如何进行打包等内容。
  • 《React 动画系列教程》:本系列教程着眼于介绍 React 动画开发相关知识,而本文则是从 CSS transitions 基础入手,介绍了 CSS transitions 的基础语法与进度条、导航栏等经典案例。( https://parg.co/bMF )
  • 《掌握 Node.js 核心模块之文件系统》:本文介绍 Node.js 核心模块中与文件系统、文件流等相关的部分,同时还介绍了实际开发中常用的第三方文件库。本文首先介绍了基本的读取与写入操作,然后介绍了权限控制、监听等功能,最后讨论了使用 graceful-fs、mock-fs、lockFile 等优秀的第三方库来辅助开发。( https://parg.co/bMj )
  • 《使用 React、Redux 以及 Webpack 创建 TODO 应用》:本文是面向新手的教学文章,介绍了如何利用 React、Redux 以及 Webpack 创建简单的 TODO 应用,包括利用 Webpack 搭建构建环境、编写基本的 React 组件以及使用 Redux 管理应用状态等内容。( https://parg.co/bMT )
  • 《Vue.js 与外部交互》:Vue.js 是非常优秀的网页构建框架,不过我们往往会面临着比较割裂的开发情况,即网页中的一部分是交由 Vue.js 管理,而另一部分是交由其他脚本或者插件管理;这中情况在多团队协同开发或者对旧版本的改造时可能会碰到。而本文则介绍了应该如何使用 Vue.js 与外部其他脚本进行交互,譬如管理 head 、body 标签、监听键盘事件等等内容。( https://parg.co/bMw )

工程实践

立足实践,提示实际水平

  • 《使用 Electrino 减少近 99% 的应用大小》:Electro 是非常不错的利用 Web 技术开发跨平台桌面应用的运行时,不过其缺陷在于打包的应用中往往需要携带 Node.js 与 Chromium 的完整框架,导致了即使是最简单的 HelloWorld 应用也有近 115MB。而 Electrino 提供了类似于 Electron 的接口,不过使用系统自带的 Web 运行时来替代 Chromium,从而保证最后打包出来的应用仅有原来的 0.1% 大小。Electrino 适用于那些不依赖于操作系统本身功能的应用,项目也处于开发状态。( https://parg.co/bM2 )
  • 《饿了么的 PWA 升级实践》:本文介绍了饿了么利用 Vue.js 与 PWA 开发其移动 Web 端过程中的实践经验,包括 PRPL 模式的实现、多页面性能优化、用户体验优化等等内容。( https://parg.co/bMz )
  • 《使用 Brotli 压缩加快网页响应速度》:提升网页响应速度是 LinkedIn 工程师的首要关注之一,常见的提升方法就包括了如何减少浏览器与服务端之间传输的数据量。目前,主流的压缩算法当属 Gzip,而本文则介绍了 LinkedIn 尝试在部分现代浏览器上采用 Google 工程师 2015 年提出的 Brotli 开源压缩算法的考虑过程;Brotli 专注于文本压缩,其相较于 Gzip 能够带来 20% ~ 30% 的体积减少。( https://parg.co/bMx )
  • 《调试 Node.js 应用的最佳工具》:调试,也就是寻找与修复软件中存在问题的过程一直是 Node.js 项目构建过程中的挑战之一,而本文则是介绍了如何利用那些优秀的工具来辅助进行 Node.js 代码调试。本文首先介绍日志相关内容,恰当的日志能够帮助开发者在生产环境中迅速定位到错误所在;然后本文介绍了如何在开发环境中直接调试 Node.js 应用。( https://parg.co/bMB )
  • 《Github Pages 与单页应用》:单页应用 SPA 以及日渐成为目前主流的网页呈现方式,并且构建功能丰富的高性能 Web 应用也日渐容易。本文则是介绍了不同的单页应用的部署方式,包括 Google App Engine、now、以及 Github Pages 等;本文重点介绍了 Github Pages,从概念介绍、仓库设置、自动部署、以及常见的 Github Pages 使用过程中的实践。( https://dev.to/_evansalter/github-pages-and-single-page-apps )

深度阅读

深度思考,升华开发智慧

开源项目

乐于分享,共推前端发展

  • 《k6》:k6 是基于 Go 与 JavaScript 开发的现代压测工具,它提供了非常清晰简单的 JavaScript 接口;同时它基于 Go 提供了分布式的部署方案,支持云端部署与 REST 接口控制。( https://github.com/loadimpact/k6 )
  • 《sakura》:Sakura 是轻量级的 CSS 预置样式库,我们只需要简单地引入 Sakura 样式文件到网页中就能将朴素的网页转化为较为美观的、可读性较好的页面。( https://github.com/oxalorg/sakura )

巅峰人生

一览众山,聆听巅峰故事

  • 《架构师不是你想的那样!》:王福强,技术创业者、原挖财首席架构师。人称“扶墙老师”,先后在花旗、阿里、挖财等公司都折腾过。技术从Java 起家,写过两本书,《Spring 揭秘》和《SpringBoot 揭秘》。在此次做客大咖说的过程中,扶墙老师分享了自己对架构师的认知。( https://parg.co/btY

前端之巅

「前端之巅」是 InfoQ 旗下关注前端技术的垂直社群,加入前端之巅学习群请关注「前端之巅」公众号后回复“加群”。投稿请发邮件到 editors@cn.infoq.com,注明“前端之巅投稿”。


感谢韩婷对本文的审校。

给InfoQ 中文站投稿或者参与内容翻译工作,请邮件至 editors@cn.infoq.com 。也欢迎大家通过新浪微博( @InfoQ @丁晓昀),微信(微信号: InfoQChina )关注我们。

2017-05-08 19:001489
用户头像

发布了 60 篇内容, 共 16.6 次阅读, 收获喜欢 9 次。

关注

评论

发布
暂无评论
发现更多内容

Khronos: 面向万亿规模时间线的性能监控引擎建设实践

阿里技术

性能监控 Khronos 时序数据管理

架构训练营 模块三作业

Chong Liu

构建一个PWA应用的核心技术有哪些

Onegun

小程序 PWA

1024程序员节,飞桨星河社区开发者们一起闯关升级、玩转Prompt应用赢大奖~

飞桨PaddlePaddle

飞桨 大模型 Prompt 一言插件

大模型训练中CPU与GPU使用率的优化策略

百度开发者中心

训练 大模型

ConceptDraw PROJECT 14 for Mac(项目管理软件)

展初云

项目管理 Mac软件

为何在中国 Navicat 远比 DBeaver 流行

Bytebase

数据库 sql DevOps navicat Dbeaver

MySQL常用函数:从字符串处理到日期时间操作一应俱全

小齐写代码

Topaz Video AI for Mac:视频增强和修复工具

彩云

Topaz Video AI 视频增强修复工具

基于大模型训练的中文自然语言处理平台

百度开发者中心

自然语言处理 模型训练 大模型

与创新者同行,Doris Summit Asia 2023 线下技术峰会圆满落幕!

SelectDB

数据库 大数据 数据分析 实时数仓 apache doris

iStatistica Pro 5 for Mac(系统活动监控工具)

展初云

Mac Mac软件

重读 Effective JAVA(二)- 精进自己的 JAVA 技术

xfgg

Java

KubeBlocks完成阿里云PolarDB数据库产品生态集成认证

阿里云数据库开源

polarDB PolarDB-X KubeBlocks

语音识别技术在智能客服领域的应用与挑战

来自四九城儿

【万字长文】基于阿里云PAI平台搭建知识库检索增强的大模型对话系统

阿里云大数据AI技术

人工智能

语音识别技术在移动设备上的应用与优化

来自四九城儿

VideoProc Converter 4K for mac(视频转换软件)

展初云

Mac 格式转换 Mac软件 视频格式

「我在淘天做技术」双11背后的营销技术体系

阿里技术

营销 淘天 营销技术

概念回顾:负载均衡、四层负载均衡、七层负载均衡

NGINX开源社区

负载均衡 四层负载均衡 七层负载均衡

Java服务总在半夜挂,背后的真相竟然是... | 京东云技术团队

京东科技开发者

Java centos cron 企业号10月PK榜

携程商旅伙伴大会:构筑全球影响力计划,建立全球TMC赋能战略

携程商旅

ps插件:alpaca增效工具 v2.8.1 中文版

彩云

ps插件 Alpaca插件

大模型训练助力获取高精度CV模型

百度开发者中心

自然语言 大模型

火山引擎 LAS Spark 升级:揭秘 Bucket 优化技术

字节跳动数据平台

数据库 大数据 火山引擎 企业号10月PK榜 Spark Bucket

前端每周清单第 12 期:LinkedIn用Brotli 加快网页响应速度、饿了么PWA 升级实践、支付宝前端构建工具发展_语言 & 开发_王下邀月熊_InfoQ精选文章