当前位置: 首页 > 后端技术 > Node.js

前端周刊第51期:拥有1000个包的人+Vue.js+ReactNative+神来之笔

时间:2023-04-03 17:39:23 Node.js

Node.js社区最多产的工程师SindreSorhus本周发布了他的第1000个npm包,看这里,据npm官方统计,全网12%的npm包下载与SindreSorhus有关。当你看到这个时,你有什么感觉?另外,我把一些精彩的文章翻译成中文发到了知乎专栏,但是没有被前端周刊收录。这是我们本周的精选,尽情享受吧!科技新闻谷歌力推人工智能绘图工具AutoDrawAutoDraw是谷歌推出的一款人工智能绘图工具。它可以将你的手稿作为启发式信息,然后列出你可能想要绘制的内容。对画不好的同学可能会有很大的帮助,不会画也没关系,你也可以当个玩具。为什么将它发布在前端周刊上?你对它的前端是怎么做的不感兴趣吗?VueConf2017报名入口全球首届Vue.js开发者大会将于2017年5月20日在北航新主楼会议中心召开。Vue.js的作者将出席本次会议并发表主题演讲。这是登记入口。早鸟票当日即告售罄。有女朋友的话可以带过去,哈哈!微信公众号可以注销微信公众号最近宣布支持自助注销。用户验证身份信息或验证账号主体后,即可在公众号后台发起注销流程。账号注销后,主体的注册人数、运营商身份证信息、手机号码、账号昵称、管理员微信号、注册邮箱等均可解除。如何评价微软开源的ReactXP?微软在开源领域的动作越来越多。上周,它开源了ReactXP,它可以生成跨平台的React应用程序。我们如何客观地评价这一行动?看看知乎上的讨论。文章教程说明了Chrome中的滚动锚定机制。看到这里,我又一次觉得谷歌的产品是在做用户体验。不知道你有没有遇到过。我打开一个长长的页面开始阅读。突然页面跳转,失去了浏览进度,这通常是因为你正在查看的内容上有未加载的内容,加载后,下面的内容会被挤压,造成页面跳转的感觉。Chrome浏览器通过使用一种叫做Scroll-Anchroing的技术优化了这个体验问题。技术解决方案的详细信息位于本文的链接中。将Nuxt.js集成到现有的Node.js项目中。Nuxt.js是一个基于Vue.js的前端同构应用脚手架。Feathers是Node.js的MVC框架。当然,公司里的大部分同学都不会白手起家。对于新项目,这篇文章讲了如何将Nuxt.js集成到已有的Feathers应用中,对其他MVC框架也有参考价值。CoolShell:如何重构“箭头”代码?如果“箭头代码”嵌套太多,可能因为对称而看起来很漂亮,但是太长了会让人想吐血,维护代码的人(包括你自己)也很容易搞定迷失在代码中,因为看到最里面的代码时,已经不知道上一层的条件判断是什么样子的,代码怎么跑到这里来的,这样的代码怎么能不写呢?本文提供思路。Coverage在Chrome中究竟是如何工作的?本周我发了一篇文章介绍ChromeCanary中的运行时代码覆盖功能。本文从源码层面研究这个代码覆盖功能是如何实现的。文中有彩蛋,大家自己看DevelopDevTools。开发工具GitHub:开源项目运维自动化工具箱GitHub官方整理了一个工具列表,可以帮助你运维开源项目,可以自动化大部分日常操作,比如代码风格检查,持续集成,包管理,并更改日志生成,自动寻找Reviewer,并在依赖包过期时提醒。说实话,大部分工具其实都可以用在公司内部的工程实践中,前提是你愿意花时间去学习和折腾。alinode:基于Node.js运行时的应用性能管理解决方案官方声明:alinode是阿里云出品的Node.js应用服务解决方案,帮助开发者快速洞察性能细节,快速定位疑难杂症,直探根源问题的原因。我的声明:没有调查,就没有发言权。打算近期使用,再总结一下经验。代码框架ReactNative微信功能集成示例本仓库在ReactNative中集成了微信登录、收藏、分享、支付功能,支持Android和iOS版本。如果你最近在研究ReactNative,以后很可能会有类似的需求。VMS:已经收录了两个基于Vue.js2.0CMS系统的类似项目。前端类似于vue-admin,但包含完整的Node.js后端,权限控制相对简单(对于复杂的应用来说有点粗糙)。集成常用后台管理所需的组件:如WangEditor富文本编辑器、轻量级Markdown编辑器、七牛云图片上传、极光推送等视频教程使用Nuxt.js和Vuex搭建Vue.js服务端渲染应用有哪些Nuxt.js和Vuex这里就不废话了,egghead.io的课程,从0开始,教你如何使用Next.js组织Application代码,Vuex管理状态。精彩问答工具提示:gitgrep时如何默认显示行号?相信很多人都熟悉Git。grepself命令可以快速搜索,但是默认的搜索结果并没有显示匹配代码在哪一行,这样其实不利于提高效率,因为很大概率你得去找到文件后。再次搜索定位线,何不一步搞定?看这里的第二个答案,修改后的文件是~/.gitconfig。toolingtips:如何高效操作Mac中的Finder和截图文件系统管理器Mac中的Finder和截图相信是很多人常用的。这篇文章中有一些技巧可以让你事半功倍,至少在不依赖第三方软件的情况下。确定不看吗?注意第一个和第三个答案。工具提示:如何让mongoose填充嵌套的关联字段。超过3个表的关联在复杂业务中非常常见。mongoose中有一个populate查询语法,可以按字段填充关联表中的数据,那么如何填充嵌套的关联表数据呢?请参阅此处的答案2。顺便说一下mongoose的文档,谁看了都恶心。OneMoreThing的译者是王世军。如需商业转载,请联系作者获得授权。非商业转载请注明出处。如果您觉得本文对您有帮助,请点个赞!如果您对文章内容有任何疑问,欢迎留言讨论。想知道我接下来会写什么吗?欢迎订阅知乎专栏:《前端周刊:让你在前端领域跟上时代的脚步》。快乐黑客