首页
首页
BOT
沸点
课程
直播
活动
AI刷题
NEW
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
Mohanders
掘友等级
获得徽章 1
动态
文章
专栏
沸点
收藏集
关注
作品
赞
8
文章 5
沸点 3
赞
8
返回
|
搜索文章
Mohanders
2年前
关注
高阶函数、命令式编程和声明式编程
这是我参与⌈第五届青训营⌋笔记创作活动的第2天 高阶函数、命令式编程和声明式编程 什么是高阶函数? 以函数作为参数 以函数作为返回值 常用于函数装饰器 高阶函数的好处 高阶...
赞
评论
分享
Mohanders
2年前
关注
JS组件封装
这是我参与「第五届青训营 」笔记创作活动的第1天 JS组件封装 在前端开发中我们用到组件的场景很多,前端也有很多组件库,例如:vant,element-ui等等,但在实际开...
赞
评论
分享
Mohanders
2年前
举报
#青训营笔记创作活动#
1月2日 打卡day16
今日学习:用纯前端方式来实现活体人脸检测
TensorFlow.js 是一个 JavaScript 库,用于在浏览器和 Node.js 训练和部署机器学习模型。
引入tensorflow训练好的人脸特征点检测模型,预测 486 个 3D 人脸特征点,推断出人脸的近似面部几何图形。利用它来进行人脸识别和特征检测,摆脱了传统方法的限制。
展开
前端实现活体人脸检测
juejin.cn
青训营-快乐出发
分享
评论
点赞
Mohanders
2年前
举报
#青训营笔记创作活动#
1月1日 打卡day15
今日学习:为什么说 90% 的前端不会调试 Ant Design 源码?
想深入掌握 antd 组件库,只熟悉参数是不行的,必须要深入到源码层面,antd 有三种入口:es 目录对应 esm 入口,lib 目录对应 commonjs 入口,dist 目录对应 UMD 入口。把 antd 代码下载下来,执行 npm run dist 就可以生成 UMD 形式的代码。
把产物覆盖 antd 的 dist 下的产物,再调试就可以直接调试 antd 组件的 tsx 源码了。
展开
为什么说 90% 的前端不会调试 Ant Design 源码?
juejin.cn
青训营-快乐出发
分享
评论
点赞
Mohanders
2年前
举报
#青训营笔记创作活动#
12月30日 打卡day14
今日学习:使用fabric.js 开发一个图片编辑器
fabric.js是强大的canvas库,fabric.js的功能很强大,可以很轻松的开发出一个简版的图片编辑器,自定义素材、模板、字体文件;还可以结合数据接口拼接模板生成图片,很轻松的实现定制模板 + 生成图片的功能,通过这个项目学习到了fabric.js的基础用法
展开
使用fabric.js 快速开发一个图片编辑器
juejin.cn
青训营-快乐出发
分享
评论
点赞
Mohanders
2年前
举报
#青训营笔记创作活动#
12月28日打卡day13
今日学习:还在用 JS 做节流吗?CSS 也可以防止按钮重复点击
函数节流(throttle)是 JS 中一个非常常见的优化手段,可以有效的避免函数过于频繁的执行。
btn.addEventListener('click', _.throttle(save, 300))可以实现
CSS 实现“节流”其实就是控制一个动画的精准控制,假设有一个动画控制按钮从禁用->可点击的变化,每次点击时让这个动画重新执行一遍,在执行的过程中,一直处于禁用状态,这样就达到了“节流”的效果
展开
还在用 JS 做节流吗?CSS 也可以防止按钮重复点击
juejin.cn
青训营-快乐出发
分享
评论
点赞
Mohanders
2年前
举报
#青训营笔记创作活动#
12月26日 打卡day12
今日学习:设计一个不能操作DOM和调接口的环境
1. 传统方法:修改window.document的值,但是无法成功,使用 Object.getOwnPropertyDescriptor 查看,会发现 window.document 的 configurable 属性为 false
2. 高级:用Web Worker还是不行
3. 最终方法:沙箱
展开
阿里面试官:请设计一个不能操作DOM和调接口的环境
juejin.cn
青训营-快乐出发
分享
评论
点赞
Mohanders
2年前
举报
#青训营笔记创作活动#
12月24日 打卡day11
今日学习:Vite项目屏幕适配的两种方案,
1. 基于rem
rem是指相对于根元素的字体大小的单位,利用通过媒体查询等功能可以实现页面的响应式布局
2.基于scale
使用transform属性的scale()方法来实现元素的缩放效果。
展开
Vite项目屏幕适配的两种方案,超详细!
juejin.cn
青训营-快乐出发
分享
评论
点赞
Mohanders
2年前
举报
#青训营笔记创作活动#
12月21日,打卡day10
今日学习:一些惊艳一时的css属性。
用position:sticky;可以实现吸顶的效果,用background-clip:text;可以做出文字裁切的效果,
还有:empty选择器可以方便的选中空元素,gap属性可以方便的设置间距,:focus-within 伪类可以方便的选中处于焦点的元素
展开
🌼 细数那些惊艳一时的 CSS 属性
juejin.cn
青训营-快乐出发
分享
评论
点赞
Mohanders
2年前
举报
#青训营笔记创作活动#
12月20日 打卡day09
今日学习:图片不压缩,前端要背锅。
图片过大会影响程序的加载速度,说到压缩,我最初想到的是前端一张张的把图片压缩,而本文介绍的TinyPng是一种批量图片处理工具,能够有效的对图片进行批量自动压缩,看了看文中的方法,最后我选择用vscode里面的TinyPng插件来实现这个功能
展开
图片不压缩,前端要背锅 🍳
juejin.cn
青训营-快乐出发
赞过
分享
评论
1
Mohanders
赞了这篇文章
EasyChan
前端仔
·
2年前
关注
图片不压缩,前端要背锅 🍳
身为一个程序员 🧑💻 ,不会还有人手动一张张上传图片压缩吧 🌝 ?通过封装好的工具,就能实现自动压缩项目内的图片,彻底释放双手 🤲 !...
1.5k
277
分享
Mohanders
2年前
举报
#青训营笔记创作活动#
12月16日 打卡day08
今日学习:基于 Golang 开发的一款打包工具Esbuild, 它性能十分有优势,作为一个前端小白,以前只在写微信小程序时用到了npm包管理引入的库,今天了解了Esbuild,文中不但介绍了Esbuild,还讲了在各种情形下的使用以及其优势,如小程序编译,web构建等等,让我这个小白也了解了很多。
展开
前端构建新世代,Esbuild 原来还能这么玩!
juejin.cn
青训营-快乐出发
分享
评论
点赞
Mohanders
2年前
举报
#青训营笔记创作活动#
12月15日 打卡day07
今日学习:WebRTC
它允许网络应用或者站点,在不借助中间媒介的情况下实现视频流和(或)音频流或者其他任意数据的传输。通俗来说,就是它能够让我们在浏览器里就能实现实时视频或者实时通话的功能,虽然很多东西还看不懂,但是开阔了我的视野
展开
WebRTC 从实战到未来!迎接风口,前端必学的技术🔥
juejin.cn
青训营-快乐出发
分享
评论
点赞
Mohanders
赞了这篇文章
荣顶
VIP.5 如鱼得水
🏅掘金签约作者丨公众号:前端超人
·
2年前
关注
WebRTC 从实战到未来!迎接风口,前端必学的技术🔥
拍照,抠图,分享屏幕,录制屏幕,虚拟背景,实时音视频通话,新开了一个专栏《WebRTC 从实战到未来!》...
1.7k
252
分享
Mohanders
2年前
举报
#青训营笔记创作活动#
12月14日 打卡day06
今日学习:前端人必须掌握的抓包技能,带我了解了什么是抓包,以及http和https的抓包原理(看不太懂),还告诉我手机如何抓电脑的包,以及介绍了一个抓包工具whistle,可以通过浏览器访问 http://127.0.0.1:8899/ 查看抓包、修改请求等。
展开
前端人必须掌握的抓包技能
juejin.cn
青训营-快乐出发
分享
评论
点赞
Mohanders
2年前
举报
#青训营笔记创作活动#
12月13日 打卡day05
今日学习:
今天学习的是js里的11个工具方法,在回到顶部的案例中通过计时器上滑的想法很妙,在之前的练习中我尝试用过scrollIntoView()方法,但由于是新方法兼容性不好,现在的方法就没有这个问题了,还有将 RGB 转换为十六进制的方法很巧妙
展开
JavaScript 必须学会的11 个工具方法(避免重复造轮子)
juejin.cn
青训营-快乐出发
分享
评论
点赞
Mohanders
赞了这篇文章
coding_ice
前端工程师 @web3
·
2年前
关注
前端人 不了解的promise/async await
前言 1. 早期异步代码困境 众所周知,js是单线程的,耗时操作都是交给浏览器来处理,等时间到了从队列中取出执行,设计到事件循环的概念,笔者也分享过,可以看以下,理解了可以...
1.4k
230
分享
Mohanders
赞了这篇文章
braveMan
前端工程师
·
2年前
关注
JavaScript 必须学会的11 个工具方法(避免重复造轮子)
我正在参加「掘金·启航计划」 前俩天也是更新了俩篇 JavaScript 的文章,当时由于时间问题,所以就是想到哪里写到哪里,这次趁着周六日好好整理了一下,内有详细注释,快...
1.1k
188
分享
Mohanders
2年前
举报
#青训营笔记创作活动#
12月11日 打卡day04
今日学习:
promise和async await的基本用法,promise 主要用于解决传统回调的回调地狱问题,可以说 promise 给异步提供了一个标准,目前大部分异步方法已经不使用回调,而是使用 promise。
而async await语法我觉得本质上还是promise,可以算是一个语法糖吧
展开
前端人70%以上 不了解的promise/async await
juejin.cn
青训营-快乐出发
分享
评论
点赞
Mohanders
2年前
举报
#青训营笔记创作活动#
12月11日 打卡day03
今日学习:
作为一个刚入门的前端(编程)小白,其实刚接触和在项目中使用git的时候就感觉git已经非常方便好用,对于现在的小项目来说绰绰有余。但是,通过这篇文章向我介绍了Monorepo后,让我对大项目的架构有了初步的感知,Monorepo 的开发模式将各自独立的项目,变成一个统一的工程整体,让代码的管理维护和团队协作都更加方便。总而言之,收获颇丰。
展开
现代前端工程为什么越来越离不开 Monorepo?
juejin.cn
青训营-快乐出发
分享
评论
点赞
下一页
个人成就
文章被阅读
168
掘力值
21
关注了
4
关注者
0
收藏集
0
关注标签
0
加入于
2022-12-02