阿里云前端周刊 - 第 40 期

简介: ## 推荐 ### 1. Metaballs 粘滞融合效果 https://www.w3cplus.com/svg/metaballs.html Metaballs是有机的黏糊糊的黏糊糊的东西。从数学的角度来看,它们是一个等值面。可以用一个数学公式来表示:f(x,y,z) = r / ((x - x0)2 + (y - y0)2 + (z - z0)2),我们可以在一个元素中使用

推荐

1. Metaballs 粘滞融合效果

https://www.w3cplus.com/svg/metaballs.html

Metaballs是有机的黏糊糊的黏糊糊的东西。从数学的角度来看,它们是一个等值面。可以用一个数学公式来表示:f(x,y,z) = r / ((x - x0)2 + (y - y0)2 + (z - z0)2),我们可以在一个元素中使用模糊和滤镜在 CSS 和 SVG 中复制Metaball效果。

2. SVG morphing 动画应用大盘点

http://svgtrick.com/tricks/7f5bbc4a142e5a19c7d8c129d6a68d03

这篇文章主要是介绍SVG morph动画的应用,主要是介绍一些SVG在morphing动画的一些实例和它的实现方式。开始之前,先来介绍下何为morphing动画?在维基百科上是这样解释的,影像变形(Morphing),是由一张图像流畅地变成另一张图像的视觉效果,最常见的应用是由一张人脸影像变化到另一张人脸影像。在web最常见的应用是由一个形状变化到另一个形状。

3. 十八年互联网老兵童剑 - 我与技术的爱情长跑

https://parg.co/U4x

童剑,白山联合创始人兼首席技术官,EGO 北京分会会员。前新浪研发中心总经理,2016 年 5 月加盟白山,迅速搭建和完善各产品线技术梯队,构筑云链产品技术体系,带领团队推出云存储、云聚合产品,助力白山抢先布局云后市场。本文即是童剑对于自己十八年技术之路的心得分享,包括了自己从出入职场、转型管理到创业新征程中的经验与感悟等。

其它

1. 2018 年最值得关注的 JavaScript 趋势

http://36kr.com/p/5110763.html

JavaScript渗透的范围越来越广,它能做的事情已经远不止前端开发而已。作为JS开发者,你需要知道自己的饭碗在哪里。

2. 原生 JavaScript 模块的现在与未来

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

ECMAScript 2015 为原生 JavaScript 新增了模块体系,自其发布以来便引起了开发者们广泛的讨论和积极的实践。经过一年多的发展,原生 JavaScript 模块目前处于什么状态?它的未来又将如何?本文试图围绕这两个问题,对原生 JavaScript 模块做一个全面的介绍。

3. 用Node.js写一个跳一跳外挂

https://blog.jedm.cn/jump-game/

恰好看到腾讯发布了“跳一跳”小游戏,看到朋友圈好多人都玩得起兴,于是作者决定换个方式玩一把。

4. Node.js 中的 CPU 密集操作

https://codeburst.io/cpu-intensive-node-js-part-1-1218b102e5ec

Node.js 是典型的基于事件循环的单线程架构,其在处理 CPU 密集型任务的时候不可避免地会碰到瓶颈;本系列文章即是探讨如何在 Node.js 中处理 CPU 密集型代码。首篇文章模拟了密集型处理环境,使用 fork 来创建子进程处理任务,不过这种方式效率较低,并且会带来较大的资源占用;第二篇文章则介绍了基于 Redis 的 Kue 消息队列,如何利用 Kue 来异步多节点地处理任务等

5. B 站的前端之路

https://juejin.im/post/5a473a2df265da431441098c

2017年即将过去了,总结一下B站的前端进阶之路,过去的开发模式中,我们采用了以后端为主的 MVC 架构方式。具体来说,每次项目评审后,前后端会先一起约定好接口,之后分别进行开发,开发完,前端需要把页面提供给后端,后端配置上数据,然后返回出来。正式基于这样的开发模式,导致了总工作量的增加,同时沟通和联调成本的消耗也十分显著。

目录
相关文章
|
6月前
|
弹性计算 前端开发 小程序
微信小程序上传文件至阿里云OSS直传(java后端签名+前端直传)
当前的通用文件上传方式是通过前端上传到服务器,再由服务器转存至对象存储。这种方式在处理小文件时效率尚可,但大文件上传因受限于服务器带宽,速度较慢。例如,一个100MB的文件在5Mbps带宽的阿里云ECS上上传至服务器需160秒。为解决此问题,可以采用后端签名的方式,使微信小程序直接上传文件到阿里云OSS,绕过服务器中转。具体操作包括在JAVA后端引入相关依赖,生成签名,并在微信小程序前端使用这个签名进行文件上传,注意设置正确的请求头和formData参数。这样能提高大文件上传的速度。
1066 1
|
5月前
|
敏捷开发 缓存 前端开发
阿里云云效产品使用问题之流水线构建前端项目比较慢。该如何优化
云效作为一款全面覆盖研发全生命周期管理的云端效能平台,致力于帮助企业实现高效协同、敏捷研发和持续交付。本合集收集整理了用户在使用云效过程中遇到的常见问题,问题涉及项目创建与管理、需求规划与迭代、代码托管与版本控制、自动化测试、持续集成与发布等方面。
|
5月前
|
前端开发 对象存储 数据安全/隐私保护
阿里云前端直传has been blocked by CORS policy: Response to preflight request doesn‘t pass access control
阿里云前端直传has been blocked by CORS policy: Response to preflight request doesn‘t pass access control
625 2
|
4月前
|
前端开发 JavaScript API
前端 JS 经典:阿里云文件上传思路
前端 JS 经典:阿里云文件上传思路
73 0
|
5月前
|
前端开发 JavaScript
阿里云验证码2.0 验证时报错 前端页面获取的验证参数有问题,动态JS加载失败,请问怎么解决啊?急,急,急。
用户反馈校验时遇到错误,日志显示验证码参数获取异常。采用无痕验证,失败后,返回`{captchaResult:false,bizResult:false}`,未触发滑块二次验证。
|
6月前
|
存储 监控 前端开发
【专栏】阿里云ARMS前端监控的引入方法,以提升应用质量和稳定性
【4月更文挑战第29天】本文介绍了阿里云ARMS前端监控的引入方法,以提升应用质量和稳定性。该工具通过实时收集和分析用户行为、性能数据,提供错误监测和实时告警。步骤包括注册阿里云账号,创建前端监控项目,获取并嵌入监控代码到页面中,部署并运行,最后查看监控数据。案例和经验分享强调了合理设置监控指标、与其他工具结合以及定期分析数据的重要性。注意保护用户隐私,正确管理监控代码,并解决可能出现的数据不准确和大量错误告警问题。
200 1
|
前端开发 应用服务中间件 Linux
使用阿里云服务器部署前端项目
使用阿里云服务器部署前端项目,完成后可通过服务器域名访问网页
2132 0
使用阿里云服务器部署前端项目
|
机器学习/深度学习 XML 人工智能
|
监控 JavaScript 前端开发
如何引入阿里云ARMS前端监控?
如何引入阿里云ARMS前端监控?
|
弹性计算 小程序 前端开发
阿里云ECS服务器搭建SpringBoot后端接驳微信小程序前端使用心得 #飞天加速计划·高校学生在家实践
了解到飞天加速计划,大学生可以免费体验阿里云ECS服务器。想到最近在弄的一个小程序后端在部署在阿里云服务器,前来尝试了阿里云的服务。使用过程很顺畅,也碰到了服务器端口3306无法访问的问题,咨询了客服给我了很满意的解决方案。希望发表给大家带来一些参考。希望大家可以避开这个坑。