阿里云前端周刊 - 第 18 期

    xiaoxiao2021-04-18  218

    推荐

    1. 深入浅出 React 高阶组件

    https://zhuanlan.zhihu.com/p/28138664

    由高阶函数引申高阶组件,高阶组件是接受 React 组件作为输入,输出一个新的 React 组件的组件,本文介绍了在 React 工程中如何编写和使用高阶组件,以及结合 Decorator 的一些实践。

    2. 高性能 MobX 模式(part 2)- 响应变化

    https://zhuanlan.zhihu.com/p/28082321

    MobX 可以保证,无论何时你的响应式数据发生了变化,相应的依赖于 observable 的属性会自动同步更新。这意味着你现在可以专注于响应变化和处理变化带来的副作用,而不需要为数据的同步操心,让我们深入一下,看看有哪些方式可以让你处理副作用。

    3. 原子设计方法论

    https://zhuanlan.zhihu.com/p/27808988?utm_source=com.alibaba.android.rimet&utm_medium=social

    原子设计是一种有用的设计和开发方法,但基本上它只是构建界面的一种心理模型。现在你可能会想知道如何使用原子设计。亲爱的读者不用害怕,因为本书的其余部分将会着重于工具和过程,使你的原子设计梦想成真。

    4. 我用了两个月的时间才理解 let

    https://zhuanlan.zhihu.com/p/28140450

    在 let 刚出来的时候,就「以为」理解了 let。然鹅在过去的两个月里,对 let 的理解发生了一波三折的变化。作者写这篇文章,是希望其学习过程,能对其它人自学有帮助。

    其它

    1. ES6 中的 JavaScript 工厂函数实现

    https://medium.com/javascript-scene/javascript-factory-functions-with-es6-4d224591a8b1

    本文归属于 Eric Elliott 发布的 Composing Software 系列,介绍在 JavaScript ES6 语法背景下如何实现工厂函数。所谓工厂函数即是非类或者构造函数的,能干会某个新创建对象的函数;工厂函数能够简化我们创建新对象的过程,本文即是详细地介绍了如何实现工厂函数,也是一篇不错的 ES6 函数语法讲解;

    2. 基于 React.js 的简单数据可视化

    https://codeburst.io/simple-data-visualization-with-react-js-svg-line-chart-tutorial-df12e5843ce

    本文旨在介绍如何利用 React.js ,并且不借助任何第三方库的帮助,来实现简单的 SVG 线型图。本文首先讨论如何利用 Create React App 搭建简单 React 项目,然后介绍了 SVG 的基础语法以及如何创建模拟数据,最后介绍了如何进行逻辑代码分割并且编写单独的 LineChart 组件;

    3. Web 开发中的十大常用工具

    https://medium.com/envato/our-top-10-free-tools-for-frontend-web-development-15d8a6052652

    每年都会涌现出很多优秀的 Web 开发辅助工具,而本文是来自于 Envato 的工程师分享的他们开发中常用的十个工具。本文依次介绍了可用于生成网格的 Grid.Guide、类似于 BootStrap 的样式库 Foundation、在线代码编辑与共享工具 CodePen、jQuery 插件聚集地 Unheap、自动界面刷新工具 LivePage、整页抓取工具 FullPage Screen Capture、字体辅助 WhatFont、Node/Npm、移动端速度测试、响应式速度测试工具等。

    4. React 开源许可证风波

    https://wptavern.com/react-users-petition-facebook-to-re-license-react-js-after-apache-software-foundation-bans-bsdpatents-license-in-dependencies

    近日,Apache 基金会宣布禁止使用包括 React 在内的, Facebook 带附加条款的 BSD Licence的开源软件,引发了部分使用者的担忧;社区已经有很多人请愿修改 React 开源许可证,同时 Facebook 另一开源项目 RocksDB 已经表示会在截止日期前修改许可证;React 项目维护者表示 Facebook 内部正在讨论此事,我们也会持续跟踪。

    5. npm 5.3.0 发布

    http://blog.npmjs.org/post/162986246605/v530-2017-07-13

    自 5.x 版本发布之后,npm 一直致力于提升版本迭代速度,尽可能地通过小的更新来修复 npm 存在的问题。而本周发布的 5.3.0 版本为 npm ls 命令添加了 --link 参数,并且为 npx 添加了更多的支持语言版本;此外该版本还修复了一系列版本控制上的问题。

    相关资源:七夕情人节表白HTML源码(两款)

    最新回复(0)