非大厂如何搞前端基建、纯前端实现活体人脸检测|掘金一周 09.28

4,201 阅读8分钟

本文字数 2600+ ,阅读时间大约需要 6 分钟。

【掘金一周】本期亮点:

  • 非大厂的我们,要如何去搞前端基建?
  • 那些你不知道的炫酷按钮交互效果
  • Spring中最常用的11个扩展点
  • Flutter 工程化框架选择——搞定 Flutter 动画
  • 17个XML布局小技巧
  • 前端实现活体人脸检测

上榜规则:文章发布时间在本期「掘金一周」发布时间的前一个月内;且符合各个栏目的内容定位和要求。

一周“金”选

image.png

内容评审们会在过去的一周内对社区深度技术好文进行挖掘和筛选,优质的技术文章有机会出现在下方榜单中,排名不分先后。

前端

当下,前端职位在近十年的磨砺之下,已是百花齐放万家争鸣,前端也不再是以前那个单纯的切图仔;

要问为什么不单纯,无异于 前端工程化、前端 devops、前端跨端、前端工具化、前端 CI/CD、前端 BFF、微前端 这些技术的出现,然而这些日新月异的技术聚合,咱们可以称其为 前端基建

其实无论是想成为 高级前端工程师,还是一名 合格的 Leader,都离不开对 前端技术与业务的基础建设沉淀。

提到元素拖拽,通常都会先想到用 HTML5 的拖拽放置 (Drag 和 Drop) 来实现,它提供了一套完整的事件机制,看起来似乎是首选的解决方案,但实际却不是那么美好,主要是它的样式太过简陋,无法实现更高级的用户体验。

而本文就使用原生 JS 带你实现一个富有动感的 自定义拖拽 效果。

日常开发中想必最多的就是点击按钮背景文字变色,阴影,按钮按下,加载中之类的效果,相对都比较平平无奇,都是一些按部就班的效果。一个好的前端页面在实现设计图的同时,如果也有极强的与用户交互效果,那么给用户带来的体验是极好的。本文整理了一组相对炫酷前端按钮交互动画。

后端

在使用spring的过程中,有没有发现它的扩展能力非常强。由于这个优势的存在,让spring拥有强大的包容能力,让很多第三方应用能够轻松投入spring的怀抱。本文就跟大家一起聊聊,在Spring中最常用的11个扩展点。

在网络通信和通用数据交换等应用场景中经常使用的技术是 JSON 或 XML,在微服务架构中通常使用另外一个数据交换的协议的工具ProtoBuf。ProtoBuf也是我们做微服务开发,进行Go进阶实战中,必知必会的知道点。

本文主要是通过脚本实现pom.xml 的版本升级功能。python实现的xml文件修改,能够精准定位不会产生错误定位问题且支持注释内容保留。

在本篇中,会在站在数据库的视角,感受“一条SQL多姿多彩的历程”!如果认真的看完了“一个请求、一个对象、一条SQL”这三部曲后,相信你对于程序开发又会有一个全新的深刻认知。

本文带你一起来梳理下容器的演进历程,聊聊作为一个容器应该具备怎样的自我修养。

这篇文章将重点介绍在微服务中gRPC的开发使用。

通过本文,你可以掌握gRPC相关的知识点,可以独立用Go实现客户端和服务端的编写,并且通过服务注册对外提供服务,实现可客户端和服务端的gRPC通信。

为了验证gRPC支持跨语言调用的特性,在进阶实战中又使用PHP开发了客户端,实现了PHP客户端和Go服务端的远程跨语言调用。

Android

本文为系列 《Flutter工程化框架选择》 的第一篇,本文聊聊动画,将针对你可能会遇到的动画场景,给你推荐各式各样的动画框架来加速开发。

写xml不难,写出好的xml还是得下点功夫了。

什么算是好的xml布局呢,笔者认为核心有两点,一个是提升开发效率,另一个是提升app性能。围绕着这两点,笔者也精心整理出了17个xml布局小技巧,一起来看看都有哪些,你又掌握了几个呢?

本文专为 MVI 打磨一篇 “通俗易懂、看完便理解来龙去脉、并能自行判断什么时候适用、是否非用不可”,相信阅读后你会耳目一新。

本系列专栏是对 异步编程 的系统探索,会通过各个方面去认知、思考 异步编程 的概念。期间会用到一些图片进行表达与示意,在一开始先对图中的元素基本概念 进行规范和说明。

如何查看应用的启动耗时?如何计算启动耗时?

IOS

 App 启动作为用户使用应用的第一个体验点,直接决定着用户对 App 的第一印象。

人工智能

随着深度学习的发展,已经有很多学者将深度学习应用到物体瑕疵检测中,但是瑕疵检测任务几乎都存在一个共同的难题——缺陷数据太少了。那如何使用一种无监督的方法来实现缺陷检测呢?于是AnoGAN就横空出世了,它不需要缺陷数据进行训练,而仅使用正常数据训练模型。

热点观察

image.png 搜集行业热点,洞察技术趋势。

后端

JDK192022-09-20发布GA版本,本文将会详细介绍JDK19新特性的使用。

掘金万花筒

image.png 根据内容质量、创意维度来筛选掘金社区的宝藏文章,你是那个宝藏吗?

在网页中使用活体人脸检测大部分都是前端录制一段视频,让后端调用第三方接口去判断,今天我们就用纯前端方式来实现这个功能。

程序人生

image.png

社区活动日历

image.png

活动日历

活动名称活动时间活动主理人
10月更文诚意加码,激发写作潜力|掘金·日新计划9月28日 - 10月31日@小斗金
金石计划一期 | 参与挑战 10万现金等你来瓜分!9月3日 - 9月30日@小斗金

社区官方公告

请注意,签约作者及其签约文章虽然可以上榜掘金一周,但由于签约作者文章会单独进行稿费结算,因此不会记入掘金一周的奖品发放

📖 投稿专区

大家可以在评论区推荐认为不错的文章,并附上链接和推荐理由,有机会登上下一期。文章创建日期必须在下期掘金一周发布前一个月以内;可以推荐自己的文章、也可以推荐他人的文章。