前端周刊第51期

技术动态

谷歌推人工智能绘图工具 AutoDraw

AutoDraw 是谷歌推出的人工智能绘图工具,能根据你的手稿作为启发式信息,然后列出你可能想画的内容,对于画画不好的同学可能会很有帮助,不画画没关系,当个玩具也可以。为什么发在前端周刊?你对它的前端是怎么做不感兴趣么?

Vue Conf 2017 报名入口

全球首届 Vue.js 开发者大会将于 2017 年 5 月 20 日在北京航空航天大学新主楼会议中心举办。Vue.js 作者将出席本次大会,并发表主题演讲。这里是报名入口,早鸟票当天就被抢光了,你如果有女朋友,可以带过去,哈哈!

微信公众号可以注销了

微信公众号近期宣布支持自主注销,用户在核实身份信息或者验证帐号主体后,可以在公众号后台发起注销流程。帐号完成注销后,主体注册次数、运营者身份证信息、手机号码、帐号昵称、管理员微信号、注册邮箱等,均可释放。

文章教程

图解 Chrome 中的滚动锚定机制

看到这个的时候,再次感慨 Google 做产品就是在做用户体验,不知道你没有遇到过,打开了一个长页面,已经开始阅读,突然页面跳了一下,丢失了你的浏览进度,这通常是因为你看的内容上面还有未加载完成的内容,它加载完就把下面的内容挤下去,产生页面跳跃的感知。Chrome 浏览器已经对这种体验问题做了优化,用了叫做 Scroll-Anchroing 的技术,技术方案细节在本文内的某个链接上。

集成 Nuxt.js 到现有的 Node.js 项目

Nuxt.js 是基于 Vue.js 的前后端同构应用脚手架,Feathers 是 Node.js 的 MVC 框架,当然绝大多数同学在公司不会是从头开始一个新的项目,这篇文章讲了如何把 Nuxt.js 集成到现有的 Feathers 应用中去,对其他的 MVC 框架也有参考价值。

酷壳:如何重构“箭头型”代码?

“箭头型代码”如果嵌套太多,可能看起来很美,因为对称,但是读起来想吐血,因为太长,会相当容易让维护代码的人(包括自己)迷失在代码中,因为看到最内层的代码时,你已经不知道前面的那一层一层的条件判断是什么样的,代码是怎么运行到这里的,所以,那怎么能不写出这种代码呢?这篇文章提供了思路。

开发工具

GitHub:开源项目运维自动化工具箱

GitHub 官方整理的能帮助你运维开源项目的工具列表,能把日常的大部分运营工作自动化,比如代码风格检查、持续集成、包管理、变更日志生成、自动找 Reviewer、依赖包过期提醒。说实话,大部分工具其实可以用到公司内部的工程化实践中,前提是你愿意花时间去学习折腾。

代码框架

React Native 微信功能集成实例

该仓库在 React Native 中集成了微信登录、收藏、分享、付款功能,支持 Android 和 iOS 版本,如果你最近在研究 React Native,接下来你很可能会有类似的需求。

VMS:基于 Vue.js 2.0 的 CMS 系统

类似项目收录过两个,前端类似 vue-admin,但是包含了完整的 Node.js 后端,有比较简单的权限控制(对于复杂的应用略显简陋),集成了常见的后台管理所需的组件:如 WangEditor 富文本编辑器、轻量级 Markdown 编辑器、七牛云图片上传、极光推送等。

视频教程

精彩问答

toolingtips:如何在 git grep 的时候默认显示行号?

Git 相信很多人都熟悉,grep 自命令可用来快速查找,但是默认的查找结果不显示匹配的代码在哪一行,这其实不利于效率的提升,因为大概率你定位到文件之后还要去文件里再搜一遍才能定位到行,为什么不一步搞定呢?看看这里的第 2 个答案,修改的文件时 ~/.gitconfig。

想看更多类似内容?