获得徽章 1
#青训营笔记创作活动#
1月2日 打卡day16
今日学习:用纯前端方式来实现活体人脸检测
TensorFlow.js 是一个 JavaScript 库,用于在浏览器和 Node.js 训练和部署机器学习模型。
引入tensorflow训练好的人脸特征点检测模型,预测 486 个 3D 人脸特征点,推断出人脸的近似面部几何图形。利用它来进行人脸识别和特征检测,摆脱了传统方法的限制。
展开
评论
#青训营笔记创作活动#
1月1日 打卡day15
今日学习:为什么说 90% 的前端不会调试 Ant Design 源码?
想深入掌握 antd 组件库,只熟悉参数是不行的,必须要深入到源码层面,antd 有三种入口:es 目录对应 esm 入口,lib 目录对应 commonjs 入口,dist 目录对应 UMD 入口。把 antd 代码下载下来,执行 npm run dist 就可以生成 UMD 形式的代码。
把产物覆盖 antd 的 dist 下的产物,再调试就可以直接调试 antd 组件的 tsx 源码了。
展开
评论
#青训营笔记创作活动#
12月30日 打卡day14
今日学习:使用fabric.js 开发一个图片编辑器
fabric.js是强大的canvas库,fabric.js的功能很强大,可以很轻松的开发出一个简版的图片编辑器,自定义素材、模板、字体文件;还可以结合数据接口拼接模板生成图片,很轻松的实现定制模板 + 生成图片的功能,通过这个项目学习到了fabric.js的基础用法
展开
评论
#青训营笔记创作活动#
12月28日打卡day13
今日学习:还在用 JS 做节流吗?CSS 也可以防止按钮重复点击
函数节流(throttle)是 JS 中一个非常常见的优化手段,可以有效的避免函数过于频繁的执行。
btn.addEventListener('click', _.throttle(save, 300))可以实现
CSS 实现“节流”其实就是控制一个动画的精准控制,假设有一个动画控制按钮从禁用->可点击的变化,每次点击时让这个动画重新执行一遍,在执行的过程中,一直处于禁用状态,这样就达到了“节流”的效果
展开
评论
#青训营笔记创作活动#
12月26日 打卡day12
今日学习:设计一个不能操作DOM和调接口的环境
1. 传统方法:修改window.document的值,但是无法成功,使用 Object.getOwnPropertyDescriptor 查看,会发现 window.document 的 configurable 属性为 false
2. 高级:用Web Worker还是不行
3. 最终方法:沙箱
展开
评论
#青训营笔记创作活动#
12月24日 打卡day11
今日学习:Vite项目屏幕适配的两种方案,
1. 基于rem
rem是指相对于根元素的字体大小的单位,利用通过媒体查询等功能可以实现页面的响应式布局
2.基于scale
使用transform属性的scale()方法来实现元素的缩放效果。
展开
评论
#青训营笔记创作活动#
12月21日,打卡day10
今日学习:一些惊艳一时的css属性。
用position:sticky;可以实现吸顶的效果,用background-clip:text;可以做出文字裁切的效果,
还有:empty选择器可以方便的选中空元素,gap属性可以方便的设置间距,:focus-within 伪类可以方便的选中处于焦点的元素
展开
评论
#青训营笔记创作活动#
12月20日 打卡day09
今日学习:图片不压缩,前端要背锅。
图片过大会影响程序的加载速度,说到压缩,我最初想到的是前端一张张的把图片压缩,而本文介绍的TinyPng是一种批量图片处理工具,能够有效的对图片进行批量自动压缩,看了看文中的方法,最后我选择用vscode里面的TinyPng插件来实现这个功能[送心]
展开
评论
#青训营笔记创作活动#
12月16日 打卡day08
今日学习:基于 Golang 开发的一款打包工具Esbuild, 它性能十分有优势,作为一个前端小白,以前只在写微信小程序时用到了npm包管理引入的库,今天了解了Esbuild,文中不但介绍了Esbuild,还讲了在各种情形下的使用以及其优势,如小程序编译,web构建等等,让我这个小白也了解了很多。[送心]
展开
评论
#青训营笔记创作活动#
12月15日 打卡day07
今日学习:WebRTC
它允许网络应用或者站点,在不借助中间媒介的情况下实现视频流和(或)音频流或者其他任意数据的传输。通俗来说,就是它能够让我们在浏览器里就能实现实时视频或者实时通话的功能,虽然很多东西还看不懂,但是开阔了我的视野
展开
评论
#青训营笔记创作活动#
12月14日 打卡day06
今日学习:前端人必须掌握的抓包技能,带我了解了什么是抓包,以及http和https的抓包原理(看不太懂),还告诉我手机如何抓电脑的包,以及介绍了一个抓包工具whistle,可以通过浏览器访问 http://127.0.0.1:8899/ 查看抓包、修改请求等。
展开
评论
#青训营笔记创作活动#
12月13日 打卡day05
今日学习:
今天学习的是js里的11个工具方法,在回到顶部的案例中通过计时器上滑的想法很妙,在之前的练习中我尝试用过scrollIntoView()方法,但由于是新方法兼容性不好,现在的方法就没有这个问题了,还有将 RGB 转换为十六进制的方法很巧妙[送心]
展开
评论
#青训营笔记创作活动#
12月11日 打卡day04
今日学习:
promise和async await的基本用法,promise 主要用于解决传统回调的回调地狱问题,可以说 promise 给异步提供了一个标准,目前大部分异步方法已经不使用回调,而是使用 promise。
而async await语法我觉得本质上还是promise,可以算是一个语法糖吧[惊喜]
展开
评论
#青训营笔记创作活动#
12月11日 打卡day03
今日学习:
作为一个刚入门的前端(编程)小白,其实刚接触和在项目中使用git的时候就感觉git已经非常方便好用,对于现在的小项目来说绰绰有余。但是,通过这篇文章向我介绍了Monorepo后,让我对大项目的架构有了初步的感知,Monorepo 的开发模式将各自独立的项目,变成一个统一的工程整体,让代码的管理维护和团队协作都更加方便。总而言之,收获颇丰。
展开
评论
下一页
个人成就
文章被阅读 168
掘力值 21
收藏集
0
关注标签
0
加入于