阿里云前端周刊 - 第 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 项

推荐

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 动画实现了一种波浪效果。

目录
相关文章
|
2月前
|
弹性计算 前端开发 小程序
微信小程序上传文件至阿里云OSS直传(java后端签名+前端直传)
当前的通用文件上传方式是通过前端上传到服务器,再由服务器转存至对象存储。这种方式在处理小文件时效率尚可,但大文件上传因受限于服务器带宽,速度较慢。例如,一个100MB的文件在5Mbps带宽的阿里云ECS上上传至服务器需160秒。为解决此问题,可以采用后端签名的方式,使微信小程序直接上传文件到阿里云OSS,绕过服务器中转。具体操作包括在JAVA后端引入相关依赖,生成签名,并在微信小程序前端使用这个签名进行文件上传,注意设置正确的请求头和formData参数。这样能提高大文件上传的速度。
|
15天前
|
存储 监控 前端开发
【专栏】阿里云ARMS前端监控的引入方法,以提升应用质量和稳定性
【4月更文挑战第29天】本文介绍了阿里云ARMS前端监控的引入方法,以提升应用质量和稳定性。该工具通过实时收集和分析用户行为、性能数据,提供错误监测和实时告警。步骤包括注册阿里云账号,创建前端监控项目,获取并嵌入监控代码到页面中,部署并运行,最后查看监控数据。案例和经验分享强调了合理设置监控指标、与其他工具结合以及定期分析数据的重要性。注意保护用户隐私,正确管理监控代码,并解决可能出现的数据不准确和大量错误告警问题。
|
前端开发 应用服务中间件 Linux
使用阿里云服务器部署前端项目
使用阿里云服务器部署前端项目,完成后可通过服务器域名访问网页
1586 0
使用阿里云服务器部署前端项目
|
机器学习/深度学习 XML 人工智能
|
监控 JavaScript 前端开发
如何引入阿里云ARMS前端监控?
如何引入阿里云ARMS前端监控?
|
弹性计算 小程序 前端开发
阿里云ECS服务器搭建SpringBoot后端接驳微信小程序前端使用心得 #飞天加速计划·高校学生在家实践
了解到飞天加速计划,大学生可以免费体验阿里云ECS服务器。想到最近在弄的一个小程序后端在部署在阿里云服务器,前来尝试了阿里云的服务。使用过程很顺畅,也碰到了服务器端口3306无法访问的问题,咨询了客服给我了很满意的解决方案。希望发表给大家带来一些参考。希望大家可以避开这个坑。
|
弹性计算 前端开发 小程序
阿里云ECS服务器搭建SpringBoot后端接驳微信小程序前端使用心得
在阿里云搭建SpringBoot后端,碰到服务器端口无法访问的问题,客服予以解决,希望发表给大家带来一些参考。
|
前端开发 JavaScript 物联网
前端技术解读|阿里云产品内容精选(二十七)
本文内容选自阿里云开发者社区前端版块
|
4天前
|
弹性计算 运维 监控
解密阿里云弹性计算:探索云服务器ECS的核心功能
阿里云ECS是核心计算服务,提供弹性云服务器资源,支持实例按需配置、集群管理和监控,集成安全防护,确保服务稳定、安全,助力高效业务运营。
30 0
|
13天前
|
存储 弹性计算 固态存储
阿里云服务器CPU内存配置详细指南,如何选择合适云服务器配置?
阿里云服务器配置选择涉及CPU、内存、公网带宽和磁盘。个人开发者或中小企业推荐使用轻量应用服务器或ECS经济型e实例,如2核2G3M配置,适合低流量网站。企业用户则应选择企业级独享型ECS,如通用算力型u1、计算型c7或通用型g7,至少2核4G配置,公网带宽建议5M,系统盘可选SSD或ESSD云盘。选择时考虑实际应用需求和性能稳定性。
127 6