当前位置: 首页 > Web前端 > HTML5

前端小报-201812月刊

时间:2023-04-04 23:55:30 HTML5

订阅/投稿:https://github.com/txd-team/monthly本期编辑:Hkmu(傅容)/x-cold(尹志)简报npmrelease2018生态数据,预测2019年新趋势JavaScript越来越流行,npm是JavaScript库的管理中心。它目前拥有超过836,000个库,是世界上最大的开源库集合。回顾2018年,npm正在被越来越多的场景使用,包括浏览器、服务器、移动端支持、IoT/机器人等;此外,可以看出web应用对npm的依赖程度很高,占其总代码量的97%;npm本身在2018年就加入了NSP安全审计,更加注重包安全管理(当然今年npm包事件也不少,参考工具推荐部分的“翻车现场”)。关于npm更多有趣的动态,可以浏览前端顶译的报告,英语好的同学可以参考原文报告。RollupReleasev1.0Rollup出现已经将近3年半了,它带来了TreeShaking等令人印象深刻的特性。我们在前端应用项目构建中可能用的比较少,但是在一些库/框架的开发中经常会用到它,包括React,Vue也有使用。2018年12月28日,Rollup终于发布了1.0.0版本,结束了0.x.x时代。当然,升级到最新版本的Rollup需要做大量的配置更改,查看更改日志。Babel7.2.0发布,支持私有实例方法。对PrivateFields的支持已进入最新提案。Babel的更新支持意味着我们可以在语言级别直接在我们的类中定义私有字段。变量和方法,可以参考下面的例子:classPerson{#age=19;#increaseAge(){这个。#age++;}birthday(){这个。#increaseAge();alert("生日快乐!");}}在这个提议之前,我们也可以通过下划线命名、Symbol命名、闭包和ES6Proxy等方式来实现privatescope,可以参考这篇文章。Babel7.2.0带来的更多特性,可以阅读官方的changelog。AI还能帮你写代码(TypeScript/JavaScript/Python/C++/C#)!!!微软和IntelliCode团队联合推出了VisualStudioIntelliCode扩展。预览版可在VSCode插件市场直接搜索“VisualStudioIntelliCode”安装。当我们写代码的时候,插件会自动给出推荐的编码补全。当然,它不仅仅是一个语法提示工具。它的方法是根据编码上下文提供智能建议。赶紧安装体验吧~2019年10月这篇热门Node.js框架文章介绍了该框架带来的好处以及如何选择合适的框架,并对比了10款目前流行的Node.js框架,包括老牌的Express、Meteor、一些新兴框架,如Adonis、Nest等。有兴趣的同学可以阅读原文。值得一提的是,在众多框架诞生的黄金发展时代,框架之间的特性更具有互补性,所以不必区分优劣,选择适合业务的框架更重要生长。另外,作者列举了更多海外流行的框架。其实国产的Egg和ThinkJS已经有了很多企业级的实践。感兴趣的可以去对应的Github仓库继续学习。阿里开源企业级设计系统最佳解决方案Fusion2018年12月16日,FusionDesign在OSC深圳元创大会年终盛典上正式开源。是阿里巴巴耗时近三年打造的企业中后台解决方案。关于Fusion的详细介绍可以在这里找到。微软宣布Edge将使用Chromium内核,这对于今年年底的众多前端开发者来说无疑是最大的福音~!具体方案请参考官网博客。在不久的将来,基于Chromium的Edge浏览器将正式与我们见面。GithubTrendingInsightsGithub近期火爆新鲜RepositoryMagic-Grid是一个简单易用、轻量级的动态布局JavaScript库。与它的名字不同,Magic-Grid不是一个CSS网格库。支持弹性布局/瀑布流等,提供支持Vue的版本。nodebestpractices是对大型Node.js最佳实践的优秀总结和分享,包含丰富的使用场景和最佳实践(附讲解)。阅读这本厚重的书,也可以收获很多关于Node.js的知识。sharp的高性能Node.js图像处理模块,为图像处理提供了新的选择。Bloomrpc不容错过的GPRC服务可视化客户端,可以理解为HTTP的Postman,GraphQL的Playground,GRPC的BllomRPC。devhubGithub社交聚合平台,个人认为更像是一个个人工作台,支持Web、iOS、Android、Desktop多平台,如果你是Github用户,这里可能提供你想要的一切。rrwebrrweb是“记录和重播网络”的缩写,旨在使用现代浏览器提供的强大API记录和重播用户在任何网络界面中的操作。notable是一个基于Markdown的笔记应用程序,支持无限的文件夹/标签管理。喜欢纯Markdown编辑体验的同学可以试试。README文件中有与其他竞争产品的比较报告。优质学习前端的密码学和安全性你应该有所了解。在这个翻车频出的时代,网络安全逐渐受到重视。在前端的开放世界中,开发者应该更加了解安全,在自己的应用中部署合适的安全工具和策略,保护用户隐私和系统安全运行。文章阅读时间约15分钟。为什么要审查代码如何保证代码的交付质量?结对编程有科学依据吗?事实上,无论是在软件工程体系中,还是在开源社区的运行秩序中,CodeReview都是一个非常重要的环节。正确的代码审查姿势不仅可以提高代码质量,降低失败风险,还可以提高团队开发效率。如果你的团队没有reviewcode的习惯,不妨看看这篇由燕燕翻译的博客。文章阅读时间约10分钟。工具推荐quicklink你还记得WAP时代吗?当我们浏览网页时,我们经常会看到一个绿色的下一页按钮。点击后,我们可以跳转到“几乎不刷新”的新页面。它实际上是一种预加载策略。现在quicklink也可以提供与普通Web应用程序类似的功能。利用它,我们可以让浏览器在空闲时间提前预缓存用户即将访问的页面,从而大大提高页面切换的速度。ncc是一个神奇的工具,可以将Node.js模块打包到一个文件中,使您的模块最小化。这种打包方式非常适合一些需要更“纯粹”交付的交付场景,比如serverless。通过ncc,我们可以很方便的将应用和依赖转化为一个文件进行交付。npq近六个月发生的npm事故有点频繁,所以通过npm安装一个靠谱的包和版本非常重要。npq会在安装前进行预检,包括安全扫描、包发布时间、流行度、安装脚本分析等。另外带大家回顾一下今年的大规模翻车场景:调试:visionmedia/debug#603React:facebook/react#14208event-stream:https://zhuanlan.zhihu.com/p/50938220