最新文章

学习 PWA(Progress Web APP)的 10 段最佳视频

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

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

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

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

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

Progressive Web App(PWA)版本的 CNode 社区

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

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

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

nginScript:在 Nginx 中使用 Javascript

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

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

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

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

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

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

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

PWA 在饿了么的实践经验

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

浅谈前端状态管理

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

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

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

如何通过饿了么 Node.js 面试?

这是饿了么官方整理的如何通过他们 Node.js 工程师面试的攻略,里面涵盖了用 Node.js 做服务端开发的几乎所有领域,能看的出来,整理这篇内容的人能力、视野都非常的强,即使你没在找工作,还有有很大的参考价值。

React Conf 2017 视频大合集

本周结束的 React Conf 2017 上有相当多的干货,目前视频都在 Youtube 上放了出来,本届 React Conf 的内容也非常精彩,包括:Facebook 内部的 React Native 之路、React 同构应用、Redux 和 MobX 对比、React 开发工具、GraphQL、React VR 等,英语好的同学自行翻墙去学习。

GitHub:更新开源项目许可证的展示

GitHub 更新了 License 界面,让你对 License 一目了然,如果项目是根据流行的开源许可证(如MIT,Apache或GPL)获得许可,您将看到许可证的简要说明,以及您可以和不能对项目执行的操作的概述。

使用 TestCafe 对 Vue.js 应用进行 E2E 测试

TestCafe 是 2016 年出现并且已经有不少人采用的 E2E 测试工具,追求软件质量的团队和开发者都会想办法给项目增加测试,测试因粒度不同可分为:单元测试、接口测试、集成测试,而 TestCafe 是用来做集成测试的,即前端说熟知的 E2E 测试,这篇文章介绍了如何使用 TestCafe 对 Vue.js 应用进行 E2E 测试。

完成 E2E 测试的 5 个最佳 Node.js 工具

这篇文章里面列出了适合用来对项目进行 E2E 测试 5 个最佳工具,其中就包括本期周刊收录的另外一篇文章《 使用 TestCafe 对 Vue.js 进行 E2E 测试》里面的 TestCafe,如何让前端的迭代更快、更有自信?调研下这些工具,挑选最适合你的。

如何在 git-diff 中准确的展示改了哪个单词?

新版的 git 中提供了 --word-diff 的功能,对于写 Markdown 的同学非常有用,不同于传统的整行 diff 模式,他是按词语来进行 diff,让你更加清楚的看到道理改了哪个地方。当然,使用这个特性需要升级下 git 版本。

Gulp 优秀插件、文章、教程大合集

这应该是除了 Gulp 官方的文档和教程之外最好的插件、文章、教程大合集,我比较好奇的是,为啥作者没有把这个仓库命名为 awesome-gulp,虽然 gulp 在前端社区里面的出现不算是早的,但是学会使用它绝对是值得的。

vue-moment:Vue.js 日期处理的 filter

moment.js 可以说是前端领域日期时间处理的标准库,在使用 Vue.js 开发应用的时候免不了要格式化日期,vue-moment 已经帮你把这个事情做了,直接引入,就可以在模板中输出变量的时候添加 moment 的过滤器。

Vue.js + Element UI 的管理后台模板

一个基于 Vue.js + Webpack + Vuex + Vue-Router + Element UI 的管理后台种子项目,相比饿了么官方开源的那个而言,可以说是专业版,对常见的管理后台功能做了增强,比如所见即所得编辑器、文件上传、主题支持等。

Epilogue + Express + Sequelize 快速搭建 API 服务

使用 Express + Sequelize 搭建后端服务是比较常见的技术组合,如果架构是前后端分离的,就需要服务端暴露出各种 API,而 API 遵循某种规范是最好的做法,最常见的就是 Restful 规范了,Epilogue 就是这样的插件,帮你快速把 Express + Sequelize 的服务变成 Restful 接口,支持各种各样的定制。

Awesome Element:饿了么组件库周边

又一张 Awesome List,围绕着饿了么大前端开源的 Element 组件库收集了不少的资料,不管是在使用、打算使用的同学都可以看看,从里面找找是否有可以用的轮子。

Vue.js 组件编码规范中文版

早些时候,本周刊推送了 Vue.js 组件编码规范英文版,这篇是中文译本,英文不好的同学可以学习下,但是最终建议还是学好英文,可以先从翻译开始。

基于 Loopback 开发一个完整的 Rest API Server

Loopback 非常适合用来开发 API Server,他独有的 API Explorer 能够让你直观的了解系统所提供的所有接口,需要的参数。这篇文章教你基于 Loopback 开发一个完整的露营预定服务端,从脚手架到数据校验、安全、存储都有涉及。

你不得不知的 package.json 常识

可以说 package.json 是整个 npm 社区和生态的核心要素,你可以认为他是包、模块的规格说明,其中的字段都是什么含义,应该如何使用,懂了这些,你的 Node.js 才算是入门。

程序员找工作黑名单,已惊呆

首先承认这不是招聘贴,说实话看到这个的时候我也笑喷了,不过每隔一段时间网上就会爆出程序员因跟老板不和并且利益没有保障的案例,有心人很快就整理了这个:程序员找工作黑名单,换工作和当技术合伙人要谨慎,希望对各位能有帮助。

从零开始构建 JavaScript 技术栈

这是 JavaScript Stack from Scratch 的中文版,由我们团队高级前端荣剑同学翻译成中文:这是个简单直接的 JavaScript 技术栈构建指南。在此之前,你需要掌握基本的编程知识和一些 JavaScript 基础。本教程旨在将所有现代 JS 技术栈结合起来使用,并为每个工具提供最简单的示例。你可以把它当作从零开始编写代码样板的示范。

flatpickr:简洁的轻量级日期时间选择器

开发大型 WEB 应用少不了会有日期时间选择的交互,flatpickr 是一款扁平化设计的,现代简约风格的日期时间选择器,代码无依赖,体积相比 Bootstrap 和 jQuery UI 的那套小了不止一点点。

iView:高质量的 Vue.js UI 组件库

iView 是 一套高质量的 Vue.js UI 组件库,纯国产,相信国内的同学用起来会非常顺手,近期发布了 V2 版本,其中包含了命令行工具,能快速开始新项目。至于组件库的构成就不多说了,不输入社区中其他的组件库,甚至更丰富。

Awesome:Visual Studio Code

Visual Studio Code 在国外的开发者群体中已经非常的受欢迎,它的智能感知功能更是让很多工程师爱不释手,极大的提高了开发效率。这又是个 Awesome 仓库,里面整理了把 Visual Studio Code 编辑器发挥到极致需要的各种配置、插件。

Safari 终于支持 performance timing

Safari 的最新技术预览版已经开始支持 performance timing,这对那些使用 performance timing 采集性能数据的同学来说,是好消息,因为这部分用户的数据采集不再需要 hack 了。当然目前是还在技术预览版中,不久之后才登陆正式版。

SQLite Parser:JS 实现的语法解析器

sqlite-parser 是基于 peg.js 实现的兼容 sqllite 3 语法的解析器,简单的说就是能把 sql 语句解析成现成的语法树,有个这东西你能做很多事情,比如在人人车,我们基于他做了非常灵活的业务配置系统。

AWS 的 S3 故障回顾和思考

继 GitLab 的误删除数据事件没几天,“不沉航母” AWS S3 几天前也“沉”了 4 个小时,墙外的半个互联网也跟着挂了。按 AWS 惯例,AWS 今天给出了一个简单的故障报告,简单来说这个故障和 GitLab 一样,也是人员误操作,他们是什么态度?后续怎么解决、完善?相信很值得借鉴。

Lerna:帮你管理包含多个 package 的 JS 项目的工具

Lerna 是一款能够帮你管理包含多个 package 的 JS 项目的工具,能够带来的便利是主 package、子 package 发版的管理,可能部分同学没有这种痛点,但是如果你留心过大型的开源项目比如 webpack、babel 等的源代码就会发现,这些项目都包含很多个 package,他们都用了 Lerna。

如何优化 CPU 密集型的 Node.js 应用?

通常来说 Node.js 只适合于开发 IO 密集型的应用,但是有时候你可能也会拿他来开发 CPU 密集型的任务,这种情况下也是有办法来进行一些优化,来实现更高的性能的,这篇文章帮你解惑。

CSSIcon:使用纯 CSS 实现的图标库

这是使用纯 CSS 实现的图标库,没有任何依赖,你可以直接把 CSS 复制粘贴了拿去用,里面包含了不少常用的其他图标库需要依赖字体或者图片才能实现的图标,对动画的支持当然不在话下。

Visual Studio Code V1.10 发布

Visual Studio Code 可以说是微软发力之后的奋起直追,目前已经在前端开发者中占有了不小的时长份额,本次发版包含了大量改进,比如:Minimap 给你提供代码的鸟瞰图、编辑器内的文本拖拽支持、自动生成 JSDoc 等。

想看更多类似内容?

说点什么?