阿里云前端周刊 - 第 17 期

推荐

1. Styled-Components 实战

http://www.ruanyifeng.com/blog/2017/07/neural-network.html

Styled-Components 是由 Max Stoiber 与 Glen Maddern 创建的新的 CSS-in-JS 工具库,能够帮你组织 React 或者 React Native 项目中的样式声明。本文则着眼于介绍 Styled-Components 的设计理念与基本用法,首先介绍了 Styled-Components 的设计目标,然后介绍了如何使用 Styled-Components 来创建可复用的组件或者创建全局样式声明。

2. React Redux 概念与工作流清单

https://github.com/uanders/react-redux-cheatsheet/blob/master/article/react-redux-concept-workflow.md

本文包含了一张关于 Redux 概念与工作流的清单图解以及较为详细地渐进式 Redux 基础概念介绍。本文首先概述了项目开发中使用 Redux 的意义以及 Redux 相关的技术栈,然后介绍了 Reudx 中 Store 的含义与如何与 Immutable 协同使用;接下来本文介绍了 React Redux 应用中组件的层次划分,如何定义使用 Action、ActionCreator、Reducer 等等;

3. 接口安全自检清单

https://github.com/shieldfy/API-Security-Checklist/blob/master/README-zh.md

本文涵盖了项目接口在设计、测试与发布阶段应该注意的安全事项。本清单首先阐述了应该使用标准的权限控制方式 JWT 或者 OAuth 来替代基础的 Basic Auth,然后分别讨论了 JWT 与 OAuth 的设计要点。接下来本清单还列举了对于接入过滤与防 DDoS 攻击、使用合适的 HTTP 方法并且对用户输入进行有效校验、避免关键资源外泄、设置合理的响应头等等内容。

4. 给 Web 开发人员推荐的开源图形库

https://my.oschina.net/editorial-story/blog/1476483

现代 Web 开发在将体验和功能做到极致的同时,对于美观的追求也越来越高,数据可视化、动画交互、2D/3D 等元素已然成为标配。本文整理了一些精品开源图形库,旨在专注于最常见的问题和最常用的东西。

其它

1. MySQL数据库“十宗罪”(十大经典错误案例)

http://sumongodb.blog.51cto.com/4979448/1949426?from=groupmessage

本文作者列举 MySQL 数据库中,最经典的十大错误案例,并附有处理问题的解决思路和方法,希望能给刚入行,或数据库爱好者一些帮助,今后再遇到任何报错,可以更淡定地去处理

2. WebAssembly:解决 JavaScript 痼疾的一颗银弹?

http://www.infoq.com/cn/news/2017/07/WebAssembly-solve-JavaScript

《没有银色子弹》是 Fred Brooks 在 1987 年所发表的一篇关于软件工程的经典论文。该论文的主要论点是,没有任何一项技术或方法可以能让软件工程的生产力在十年内提高十倍。 在 Web 开发这一领域,由于 JavaScript 一直存在着诸多从本质上来看无法解决的问题,那么解决 JavaScript 痼疾的银色子弹是否存在呢?

3. Canvas粒子系统:3D球体

http://www.w3cplus.com/canvas/deformable-particles.html

本文作者在Codepen上看到了一个很惊艳的3D特效,一时惊叹,fork下来后,读了一下源码,200多行,十分精简,但是内劲无穷。这里和大家分享一下作者的思路和一些基础的数学知识。

4. 纯 CSS 实现波浪效果

http://www.cnblogs.com/coco1s/p/7197662.html

通常实现波浪的曲线需要借助贝塞尔曲线,本文转换思路,通过圆角和 CSS 动画实现了一种波浪效果。

时间: 2024-09-11 23:50:04

阿里云前端周刊 - 第 17 期的相关文章

阿里云前端周刊 - 第 24 期

推荐 1. Firefox 引入 Headless 模式 https://developer.mozilla.org/en-US/Firefox/Headless_mode 类似于 Chrome 的 Headless 模式,现在 Firefox 也引入了 Headless 模式,其允许开发者利用 Firefox 进行更加方便地自动化测试.动态网页抓取等操作:本文也介绍了如何利用 Selenium 控制 Firefox 进行自动化浏览器操作等内容. 2. Webpack 4 开发计划 https:

阿里云前端周刊 - 第 20 期

推荐 1. 阿里电商架构演变之路 https://yq.aliyun.com/articles/161190 首届阿里巴巴中间件技术峰会上,阿里巴巴中间件技术部专家唐三带来"阿里电商架构演变之路"的演讲,本文从阿里业务和技术架构开始引入,分别分享了阿里电商从1.0到4.0架构的演变之路,着重分析了分布式和异地多活的改变之路. 2. WebVR开发教程 - 深度剖析 https://zhuanlan.zhihu.com/p/28324884 最近WebVR API 1.1已经发布,2.0

阿里云前端周刊 - 第 32 期

推荐 1. Preact:一个备胎的自我修养 https://zhuanlan.zhihu.com/p/30796007 前一段时间由于React Licence的问题,团队内部积极的探索React的替代方案,同时考虑到之后可能开展的移动端业务,团队目标是希望能够找到一个迁移成本低,体量小的替代产品.经过多方探索,Preact进入了我们的视野.从接触到Preact开始,一路学习下来折损了许多头发,也收获不少思考,这里想和大家介绍一下Preact的实现思路,也分享一下自己的思考所得. 2. 图片即

阿里云前端周刊 - 第 19 期

推荐 1. 高性能 MobX 模式(part 3)- 用例教程 https://zhuanlan.zhihu.com/p/28199184 前面两部分把重点放在了 MobX 基础模块的构建上.用这些模块我们可以开始解决一些现实场景的问题了.这篇文章将会通过一系列的示例来应用我们已经了解的概念. 当然了,这不会是一个冗长的列表,而是可以让你尝试转变思维去应用 MobX.所有示例都没有使用 @decorator 的语法来实现.这样可以让你在 Chrome 控制台.Node命令行环境或者是像 Webs

阿里云前端周刊 - 第 30 期

推荐 1. React 16 新特性尝鲜实战教程 https://juejin.im/post/59f26fe5f265da43252889d9 React 16 的发布除开源许可证和 Fiber 机制全面开启之外,还为我们提供了部分非常强大的新特性,本视频教程将通过实例带你探索这些新特性,从 Error Boundary 到 Text Only Component,再到 Portal,共 6 小节,19 分钟,每个小节实例讲解一个新特性,在讲解新特性基本用法的同时会介绍新特性的最佳实践.学完本

阿里云前端周刊 - 第 23 期

推荐 1. 组件化设计思维 – 从规范到工具的构建与探索 http://www.zcool.com.cn/article/ZNTQ4NjE2.html 阿里巴巴在中台战略的背景下,设计提效又再次推动着设计思维的变革.设计师们不仅仅需要出色地完成业务需求的设计,同时还需要思考设计的价值,也就是经常提到的最佳方案性价比.我们需要在设计的个性化表达和资源投入之间找到最佳的平衡点,在关注出色视觉表现的基础上,逐渐加强对项目协同及体验价值的关注,逐步形成新的设计思维模式. 2. 如何使用 Issue 管理

阿里云前端周刊 - 第 31 期

推荐 1. 利用 Dawn 工程化工具实践 MobX 数据流管理方案 https://zhuanlan.zhihu.com/p/30554301 项目在最初应用 MobX 时,对较为复杂的多人协作项目的数据流管理方案没有一个优雅的解决方案,通过对MobX官方文档中针对大型可维护项目最佳实践的学习和应用,把自己的理解抽象出一个简单的todoMVC应用,供大家交流和讨论. 2. FreeWheel 前后端分离改造实践 http://www.infoq.com/cn/articles/freewhee

阿里云前端周刊 - 第 29 期

推荐 1. RESTful API 设计最佳实践 https://blog.philipphauer.de/restful-api-design-best-practices/ 项目资源的URL应该如何设计?用名词复数还是用名词单数?一个资源需要多少个URL?用哪种HTTP方法来创建一个新的资源?可选参数应该放在哪里?那些不涉及资源操作的URL呢?实现分页和版本控制的最好方法是什么?因为有太多的疑问,设计RESTful API变得很棘手.在这篇文章中,我们来看一下RESTful API设计,并给

阿里云前端周刊 - 第 27 期

推荐 1. Facebook 宣布重置 React,Jest,Flow 与 Immutable.js 的开源证书 https://code.facebook.com/posts/300798627056246 自宣布保留 React 等开源项目附带专利要求的开源协议之后,社区反馈了极大的不满与怀疑,包括 WordPress 在内的许多开源项目也宣布即将切换技术栈:鉴于此,Facebook 宣布将在下周统一地重置 React,Jest,Flow,Immutable.js 为 MIT 开源协议.亡羊