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

FCC成都社区·前端周刊第7期

时间:2023-04-02 14:25:35 HTML

01.NewfeaturesinES2016,2017,2018一文介绍了ECMAScript2016,2017,2018新增的18个特性,这些特性已经加入到TC39提案中。包括Array.prototype.includes、Object.values()、Object.entries()、Stringpadding、exponentialoperator、对象的restproperty和Promise.prototype.finally()等。详情:https://medium.freecodecamp.org/here-examples-of-everything-new-in-ecmascript-2016-2017-and-2018-d52fa3b5a70e02。Webpack4.5.0发布4月4日Webpack发布4.5.0版本发布。除了性能改进和错误修复之外,还首次添加了贡献者的yarnsetup安装脚本。详情:https://github.com/webpack/webpack/releases03。纯CSS中的太阳系JamieCoulter用纯CSS创建了一个很棒的演示,让您探索太阳系的行星和卫星,包括每个行星的图片和简短介绍,以及一些很酷的效果。详情:https://codepen.io/jcoulterdesign/pen/ZxXbeP04。网页设计中的10个排版技巧网页设计中的10个排版技巧:将字体数量保持在最低限度,使用标准字体,限制文本长度,在不同屏幕分辨率下使用具有良好可用性的字体,使用具有高字母区分度的字体,避免所有英文大写文本,善用空白技术,增加颜色对比度,减少使用单独的红色/绿色文本,并避免使用闪烁文本。详情:https://uxplanet.org/10-tips-on-typography-in-web-design-13a378f4aa0d05。iOS11.3中的PWAAppsApple悄悄地在iOS11.3中添加了对“ProgressiveWebApps”(PWA)的支持对这组新技术的基本支持意味着应用程序现在可以在没有AppStore批准的情况下安装在iOS上,尽管会有一些限制。文章总结了最新的iOS11.3对PWA的支持,以及PWA应用开发者需要注意的问题。详情:https://medium.com/@firt/progressive-web-apps-on-ios-are-here-d00430dee3a706。第四届CSS大会第四届中国CSS开发者大会于2018年3月31日在厦门成功召开。前端工程师的本质是做用户体验更好的产品,不仅要考虑交互体验,还要考虑性能优化,如何为用户节省带宽,如何让用户打开速度更快。详情:https://zhuanlan.zhihu.com/p/3527869907。Nodev9.11.0(当前)版本此版本进行了一些常规的小调整和功能增强。通过将ICU升级到61.1改进了Unicode支持,并且fs模块添加了为ReadStream和WriteStream发送就绪事件的能力。(从技术上讲,9.11.1已不复存在,但它是一个快速补丁版本,仅用于修复x64的非功能性MSI安装程序。)详细信息:https://nodejs.org/en/blog/release/v9.11.0/08.React生命周期的正确打开姿势这张React生命周期图来自React开发团队核心成员Dan。许多人在Twitter上发现了一些有用的东西可以从中学习。React严格定义组件的生命周期会经历以下三个过程:挂载过程(Mount)、更新过程(Update)、卸载过程(Unmount)。详情:https://twitter.com/dan_abramov09。Bulma:基于Flexbox的CSS框架Bulma是一个基于Flexbox的开源CSS框架,支持最新版本的浏览器Chrome、Edge、Firefox、Opera和Safari,仅部分支持IE10+。Bulma支持图标库FontAwesome5,Bulma的衍生项目有很多,比如BloomerforReact和BuefyforVue。详情:https://bulma.io/10。MVVM前端数据流框架精讲。这篇分享就是让大家知道什么是MVVM,MVVM的原理,以及这几年发生了哪些变化。同时通过MVVM的话题拓展了对各种前端数据流方案的思考,形成对前端数据流的整体理解,帮助大家在团队中做出更好的技术选型。详情:https://zhuanlan.zhihu.com/p/3521105211。Pose:一个用于HTML、SVG和React的声明式动画库当CSS的简洁遇到Popmotion灵活强大的功能时,会碰撞出怎样的火花呢?本文介绍了SVG、React和CSS的综合应用,无需配置即可轻松创建声明式和触发式动画。详情:https://popmotion.io/pose/12。网络错误记录(NEL)2017年12月8日W3C的网络性能工作组(WebPerformanceWorkingGroup)更新了网络错误记录(NetworkErrorLogging)工作草案。该文档定义了一种机制,允许网站声明一个网络错误报告策略(reportingpolicy),它可以被浏览器等用户代理用来报告影响资源正确加载的网络错误。该文档还定义了错误报告的标准格式及其在浏览器和Web服务器之间的传输机制。详情:https://dcreager.net/nel/intro/每周一更新到GitHub,欢迎star:)