前端周刊第48期:Vue Conf 2017 + Progressive WEB APP

共 2615 字,读完需 5 分钟,速读需 2 分钟,首发知乎专栏前端周刊。根据前端趋势观察,本期收录的内容有两个重点:Vue.js 周边,包括各种脚手架、工具库、技术交流大会;PWA(Progressive Web App) 周边,包括视频、开发工具、应用示例。以下是具体内容内容,请享用!

技术动态

VueConf 全球技术大会将于 5 月 20 在北京举办

全球首届 VueConf 将于 5 月 20 日在北京举办,目前正在筹备过程中,近期会发布更多购票相关细节,感兴趣的小伙伴请保持关注了。同时,他们也在寻找讲师和赞助商。有兴趣有实力的公司或者朋友可以开始去原文联系举办方了。

nginScript:在 Nginx 中使用 Javascript

Javascript 的使用范围真是越来越广,我们都知道 Nginx 脚本语言中 Lua 始终是不二之选,本周 Nginx 官方推出了 Javascript 支持,虽然和 Node.js 有区别,但是可以用 Javascript 在 Nginx 中干很多事情,比如请求处理、日志处理。

npm 新功能:支持免费的机构账号

npm 本周宣布支持免费的机构账号,能省去不少自己造轮子搭建私有 npm registry
的麻烦,免费机构账号的限制就是所有的仓库必须是开源的,免费版机构账号支持部分收费版的功能,比如组员管理。需要提醒的是这个就像是域名。

Chrome 58 Beta 版发布:支持 PWA 全屏

Google 本周发布了 Chrome 58 Beta 版,其中包含了多个更新,如 IndexedDB 2.0、Iframe 导航的改进,亮点是支持 PWA 应用全屏。在我看来,PWA 跟微信的小程序是有异曲同工之妙,大的互联网公司都在布局,聪明的开发者该怎么做呢?

文章教程

PWA 在饿了么的实践经验

本篇旨在和大家分享「饿了么 M 站」在 PWA 改造中的实践经验。涉及到的方面有:PWA 线上部署的准备工作、多页应用的 prerender 优化、实践过程中踩到的(和推进解决的)坑。而关于 PWA 的一些基础资料,可以看本周刊收录的其他资料。

浅谈前端状态管理

近两年前端技术的发展如火如荼,大量的前端项目都在使用或转向 Vue 和 React 的阵营,由前端渲染页面的单页应用占比也越来越高,这就代表前端工作的复杂度也在直线上升,前端页面上展示的信息越来越多也越来越复杂,任何状态都需要进行管理,这篇文章聊的就是前端状态管理,分上下两篇,下篇自己找。

开发工具

TestCafe:现代 WEB 应用自动化测试利器

TestCafe 是纯 Node.js 编写的现代 Web 应用自动化测试工具,专用来进行 E2E 测试,不需要安装任何依赖就能自己启动浏览器、运行测试、收集测试结果,不需要任何插件就能支持各种现代浏览器,有人专门写了文章用它来测试 Vue.js 应用。

pm86:生产环境的 Node.js 服务管理工具

pm86 基于 pm2,类似于美团的 pm2.5,都是用来管理 Node.js 服务的工具,在命令行工具的基础上,提供了监控仪表盘,可以私有化部署,并且仪表盘使用 Vue.js 开发,如果你想定制也很容易。

Eagle.js:基于 Vue.js 的 PPT 编写演示工具

Eagle.js 是一款基于 Vue.js 的 PPT 编写和演示工具,支持动画、自定义主题、可交互组件(非常适合在技术交流会上做 Demo 演示),并且能非常容易的实现组件、Slide、样式的重用。是个新轮子,并且还不是前端做的。

代码框架

unvue:简单好用的 Vue.js 同构应用脚手架

支持服务端渲染的 Vue.js 同构应用脚手架,架构在具有强大的 SSR 能力的 Vue Router 之上。同时支持代码分割、Webpack 配置自定义、以及类似于 Next.js 的 插件机制。

Vue.js 2 + Webpack 2 + TypeScript 2 应用脚手架

如果你想用非常前沿的前端技术来开发 WEB 应用,这会是非常值得考虑的种子项目,内含 Vue.js 2.2、Webpack 2、TypeScript 2,支持热更新,工程化方面支持单元测试、覆盖率报告、静态资源编译和打包优化。

PWA 版本的 CNode 社区

CNode PWA 是使用 React、React Router 和 Redux 构建的 Progressive Web App,基于 CNode 社区提供的 API 开发,对于在学习 PWA 的同学是个非常不错的学习材料。GitHub 首页支持扫码直接预览,可以直接安装到桌面,体验流畅。

视频演讲

学习 PWA 的 10 段最佳视频

渐进式 WEB 应用,或者 Progressive Web App,亦被简称为 PWA,正被越来越多的开发者和互联网公司关注和讨论,因其基于现代的 WEB 技术,能够提供离线优先的、可以媲美原生的、轻量级 APP 体验。诸如 Google、Microsoft、Twitter 等大的互联网公司都在跟进。那么究竟什么是 PWA?开发 PWA 使用了哪些技术?需要借助什么工具?如果你想学,这 10 段视频就是为你准备的。

像擎天柱变身那样转换代码:AST 入门指南

有没有好奇 babel、less、sass、postcss 这些代码转换工具是怎么工作的?他们都有的一个机理就是 AST(Abstract Syntax Tree,抽象语法树),AST 是啥?有什么用?看看这段 48 分钟的视频,你就能理解清楚。需翻墙。

One More Thing

本文作者王仕军,商业转载请联系作者获得授权,非商业转载请注明出处。如果你觉得本文对你有帮助,请点赞!如果对文中的内容有任何疑问,欢迎留言讨论。想知道我接下来会写些什么?欢迎订阅知乎专栏:《前端周刊:让你在前端领域跟上时代的脚步》

Happy Hacking

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,445评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,889评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,047评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,760评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,745评论 5 367
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,638评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,011评论 3 398
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,669评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,923评论 1 299
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,655评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,740评论 1 330
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,406评论 4 320
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,995评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,961评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,197评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,023评论 2 350
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,483评论 2 342

推荐阅读更多精彩内容

  • 今天我们要去一个城堡,叫一一马克斯堡 我高兴无比,这个城堡也是在德国,我们还是像往常一样坐着巴士去,这个城堡在山上...
    小海why阅读 304评论 0 0
  • 自从来到这里工作,就开始越来越胖了。主要有两点,一是碗太大,二是饭堂阿姨给太多。 我的碗有多大,只需拿平常你吃饭的...
    承思而行阅读 361评论 0 1
  • (一) 一直以来都很羡慕兄弟小舒雷厉风行的做事风格。 他曾经,着了“世界那么大,我想...
    Minkee阅读 922评论 3 3
  • 企业的发展壮大,需要管理者的快速成长;面对越来越激烈的市场竞争,需要管理者的管理水平快速上台阶。许多企业的中层管理...
    积分制管理阅读 392评论 0 0
  • 我想,一个女人,应该至少要有一个属于自己的闺蜜,这样的生活才能完整。因为在你伤心、失落、难过的时候,她能够倾听你的...
    灰姑娘玻璃鞋阅读 272评论 0 3