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

01. ES2016, 2017, 2018 中的新特性

文章介绍了 18 个 ECMAScript 2016,2017 和 2018 中新增加的特性,这些特性已被加入到 TC39 提案中。包括Array.prototype.includes、Object.values()、Object.entries()、String padding、指数运算符、对象的rest属性和Promise.prototype.finally() 等。

详情:https://medium.freecodecamp.org/here-are-examples-of-everything-new-in-ecmascript-2016-2017-and-2018-d52fa3b5a70e

02. Webpack 4.5.0 发布

Webpack 于 4 月 4 号发布了 4.5.0 版本,除了性能改进、bug 修复外,首次添加了贡献者的 yarn setup 安装脚本。

详情:https://github.com/webpack/webpack/releases

03. 纯 CSS 实现一个太阳系

Jamie Coulter 用纯 CSS 创建了一个非常棒的 demo,它可以让你探索太阳系的行星和卫星,包括各个星球的图片和简要介绍,并带有一些炫酷的效果。

详情:https://codepen.io/jcoulterdesign/pen/ZxXbeP

04. 网页设计中的 10 种排版技巧

网页设计中的 10 种排版技巧:保持最少的字体数量,使用标准字体,限制文本长度,使用在各种屏幕分辨率下可用性良好的字体,使用字母区分度高的字体,避免全英文大写文本,善用空白区域的技巧,增加色彩对比,减少单独红/绿色文本的使用,避免使用闪烁的文字。

详情:https://uxplanet.org/10-tips-on-typography-in-web-design-13a378f4aa0d

05. iOS 11.3 中的 PWA 应用

Apple 在 iOS 11.3 中悄悄增加了对“渐进式 Web 应用”(PWA) 这一系列新技术的基本支持,这意味着现在可以在没有 App Store 批准的情况下在 iOS 上安装应用程序,不过会有一些限制。文章概括了最新发布的 iOS 11.3 对 PWA 的支持情况,以及PWA 应用开发者需要注意的问题。

详情:https://medium.com/@firt/progressive-web-apps-on-ios-are-here-d00430dee3a7

06. 第四届 CSS 大会

中国第四届 CSS 开发者大会已于 2018 年 03 月 31 日在厦门成功举办。前端工程师的本质就是做出用户体验更好的产品,不仅仅要考虑的是在交互上的体验,还需要考虑性能的优化,如何为用户节约带宽,如何让用户打开的速度更快。

详情:https://zhuanlan.zhihu.com/p/35278699

07. Node v9.11.0 (Current) 发布

本次发布做了一些常规小调整和功能增强。通过将 ICU 升级到 61.1 改进了对 Unicode 的支持,fs 模块增加了为 ReadStream 和 WriteStream 发送 ready 事件的功能。(从技术上讲,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_abramov

09. Bulma:基于 Flexbox 的 CSS 框架

Bulma 是基于 Flexbox 的开源 CSS 框架,支持浏览器 Chrome、Edge、Firefox、Opera 和 Safari 的最新版本,IE10+ 仅部分支持。Bulma 可支持图标库 Font Awesome 5,此外 Bulma 还有许多衍生项目,例如用于 React 的 Bloomer 和用于 Vue 的Buefy。

详情:https://bulma.io/

10. MVVM 前端数据流框架精讲

本次分享是带大家了解什么是 MVVM,MVVM 的原理,以及近几年产生了哪些演变。同时借 MVVM 这个话题拓展到对各类前端数据流方案的思考,形成对前端数据流整体认知,帮助大家在团队中更好的做技术选型。

详情:https://zhuanlan.zhihu.com/p/35211052

11. Pose:用于 HTML,SVG 和 React 的声明性动画库

当 CSS 的简洁遇上 Popmotion 灵活的强大功能,会碰撞出怎样的火花?本文介绍了 SVG,React 和 CSS 的综合应用,甚至都不需要配置,你就可以非常轻松地制作出声明式和触发式的动画。

详情:https://popmotion.io/pose/

12. 网络错误日志(NEL)

2017 年 12 月 8 日W3C 的 Web 性能工作组(Web Performance Working Group)更新了网络错误日志(Network Error Logging)的工作草案。该文档定义了一个机制,允许 Web 站点声明一个网络错误汇报策略(reporting policy),浏览器等用户代理可以利用这一机制,汇报影响资源正确加载的网络错误。该文档还定义了一个错误报告的标准格式及其在浏览器和 Web 服务器之间的传输机制。

详情:https://dcreager.net/nel/intro/

每周一同步更新到 GitHub, 欢迎 star :)

原文地址:https://www.cnblogs.com/baimeishaoxia/p/11952876.html

时间: 2024-10-09 19:16:51

FCC 成都社区·前端周刊 第 7 期的相关文章

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

01. 2018 JavaScript 测试概览 文章介绍了JavaScript测试的关键术语.测试类型.工具和方法,并简要分析了工具jsdom.Istanbul.Karma.Chai.Wallaby等,测试框架mocha.jest.jasmine.AVA等以及UI测试工具TestCafe.WebdriverIO.Puppeteer等. 详情:https://medium.com/welldone-software/an-overview-of-javascript-testing-in-201

阿里云前端周刊 - 第 28 期

推荐 1. 现代 JavaScript 语法清单 https://github.com/mbeaudru/m... 本文涉及到了现代项目开发中常用的 JavaScript 语法使用以及示例代码的清单 :本指南并不打算从零介绍 JavaScript,而是对于那些有一定基础知识的开发者提供便捷的工具手册.本文依次介绍了变量声明与使用.箭头函数.默认参数.对象解耦.数组使用.扩展操作符.对象属性.Promise.字符串.模块.类.异步编程等内容: 2. 如何优雅的编写JavaScript代码 http

东航电商前端技术周刊第五期20180724

今天我们将分享如下内容,希望能对小伙伴们有些许帮助: 1.通过改变类名渲染不同背景图的简洁写法: 2.项目中常会用到的点击弹出模态框禁止页面滑动: 3.axios post提交的Content-Type设置: 4.vue踩坑之路--axios post请求传参失败解决方案: 5.缓存相关知识整理: 6.关于微信清除缓存: 7.偶遇一个奇葩问题,避免大家踩坑: 不多说,直接上例子: 一.通过改变类名渲染不同背景图的简洁写法:(不重复书写background-size:100% auto) 起初为了

「运维之美」技术周刊 ( 第 1 期 )

本文首发于:微信公众号「运维之美」,公众号 ID:Hi-Linux. ?「运维之美」是一个有情怀.有态度,专注于 Linux 运维相关技术文章分享的公众号.公众号致力于为广大运维工作者分享各类技术文章和发布最前沿的科技信息.公众号的核心理念是:分享,我们认为只有分享才能使我们的团体更强大.如果你想第一时间获取最新技术文章,欢迎关注我们! 公众号作者 Mike,一个月薪 3000 的杂工.从事 IT 相关工作 15+ 年,热衷于互联网技术领域,认同开源文化,对运维相关技术有自己独特的见解.很愿意将

这些国外前端周刊值得你收藏一下

鄙人最近发现自己邮箱很多未读邮件,怕怕:查看大多数都是自己之前订阅前端相关的. 现在在这里也给大家分享分享...带好你们手头的邮箱了,要开车了. 一.nodeweekly [戳我带飞] A free, once–weekly e-mail round-up of Node.js news and articles. 一个免费的.一周一更新发布Node.js新闻和文章到邮箱里. 二.webopsweekly [戳我带飞] A weekly newsletter on Web operations,

OSChina 技术周刊第二十期 —— 使用 Docker 搭建 Java Web 运行环境

每周技术抢先看,总有你想要的! 移动开发 [软件]移动端web框架 Frozen UI [博客]Android各种Adapter的用法 服务端开发/管理 [翻译]2014 Docker 的竞争随即而来 [翻译]Docker 和 PID 1 僵尸进程问题 [软件]Node.js 串口读写包 node-serialport [软件]Nginx 模块 Nginx-Clojure [博客][Web安全之实战] 跨站脚本攻击XSS [博客]Tiny框架应用实践之Tiny社区 [博客]Laravel大型项目

OSChina 技术周刊第十期,每周技术抢先看!

每周技术抢先看,总有你想要的! 移动开发 [软件]Android 表单验证框架 - AValidations [软件][email protected] 的 iPhone 客户端 [软件][email protected] 的 Android 客户端 [博客]使用gradle构建android项目(续) 前端开发 [翻译]AngularJS ui-router (嵌套路由) [软件]ChartSQL -- 用 SQL 语句来生成图形图表 [软件]Flow -- Facebook 的 JavaSc

Python 周刊第 418 期

新闻 PyCon US 2020 开始接受财务赞助! https://pycon.blogspot.com/2019/10/financial-aid-launches-for-pycon-us-2020.html2020年 Python 美国开发者大会,tips: 中国也有,可以赞助国内的) 已开放财务赞助申请,Pycon 将在 2020 年 1 月 31 日之前接受财务赞助.Python 软件基金会和 PyLadies 会对该大会进行财务赞助.今年,Python 软件基金会将提供 13000

PoPo数据可视化周刊第5期

PoPo数据可视化 聚焦于Web数据可视化与可视化交互领域,发现可视化领域有意思的内容.不想错过可视化领域的精彩内容, 就快快关注我们吧 :) World Wire 数据可视化演示(视频) IBM公司于2018年8月推出全球支付系统"World Wire" 珊瑚城市-全球10大最适宜居住的城市(视频) Coral Cities - The top 10 world's most liveable cities in 2018.这个作品出自IoTWorld公司,非常惊艳. 视频请关注微信