
获得徽章 6
#青训营笔记创作活动#
2月1日 day18
有些效果不一定要用一坨css代码来实现,让我们试一下Clamp(), Max(), 和 Min() 这几个函数吧,会有意想不到的效果
2月1日 day18
有些效果不一定要用一坨css代码来实现,让我们试一下Clamp(), Max(), 和 Min() 这几个函数吧,会有意想不到的效果
评论
点赞
#青训营笔记创作活动#
1月31日 day17
平时工作中很多场合都要用到定时器,比如延迟加载、定时查询等等,但定时器的控制有时候会有些许麻烦,比如鼠标移入停止、移出再重新开始。借助 CSS 来更好的控制定时器的方法,一起了解一下吧,相信可以带来不一样的体验
1月31日 day17
平时工作中很多场合都要用到定时器,比如延迟加载、定时查询等等,但定时器的控制有时候会有些许麻烦,比如鼠标移入停止、移出再重新开始。借助 CSS 来更好的控制定时器的方法,一起了解一下吧,相信可以带来不一样的体验
展开
评论
点赞
#青训营笔记创作活动#
1月30日 day16
在网页中使用活体人脸检测大部分都是前端录制一段视频,让后端调用第三方接口去判断。现在我们用前端来实现这一功能,也是非常的奇妙!
1月30日 day16
在网页中使用活体人脸检测大部分都是前端录制一段视频,让后端调用第三方接口去判断。现在我们用前端来实现这一功能,也是非常的奇妙!
评论
点赞
#青训营笔记创作活动#
1月29日 day15
读后感:
antd 是 react 主流组件库,我们经常使用它但可能并没有调试过它的源码。用 antd 组件写业务逻辑之余,对什么组件感兴趣,可以顺便去看看它的源码,它不香么?
1月29日 day15
读后感:
antd 是 react 主流组件库,我们经常使用它但可能并没有调试过它的源码。用 antd 组件写业务逻辑之余,对什么组件感兴趣,可以顺便去看看它的源码,它不香么?
展开
评论
点赞
#青训营笔记创作活动#
1月28日 day14
fabric.js的功能很强大,可以很轻松的开发出一个简版的图片编辑器,自定义素材、模板、字体文件;还可以结合数据接口拼接模板生成图片,很轻松的实现定制模板 + 生成图片的功能
1月28日 day14
fabric.js的功能很强大,可以很轻松的开发出一个简版的图片编辑器,自定义素材、模板、字体文件;还可以结合数据接口拼接模板生成图片,很轻松的实现定制模板 + 生成图片的功能
评论
点赞
#青训营笔记创作活动#
1月27日 day13
除了 JS 方式, CSS 也可以非常轻易的实现这样一个功能,无需任何框架库,通过 CSS 的思路实现了类似“节流”的功能,相比 JS 实现而言,实现更精简、使用更简单,没有框架限制
1月27日 day13
除了 JS 方式, CSS 也可以非常轻易的实现这样一个功能,无需任何框架库,通过 CSS 的思路实现了类似“节流”的功能,相比 JS 实现而言,实现更精简、使用更简单,没有框架限制
评论
点赞
#青训营笔记创作活动#
1月26日 打卡Day12
读后感:
通过解决面试官提出的问题,介绍了沙箱的基本概念、应用场景,以及如何去实现符合要求的沙箱,发现防止沙箱逃逸是一件挺有趣的事情,就像双方在下棋一样,你来我往,有攻有守
1月26日 打卡Day12
读后感:
通过解决面试官提出的问题,介绍了沙箱的基本概念、应用场景,以及如何去实现符合要求的沙箱,发现防止沙箱逃逸是一件挺有趣的事情,就像双方在下棋一样,你来我往,有攻有守
展开
评论
点赞
#青训营笔记创作活动#
1月24日 打卡Day11
读后感:
scale方案对webgl的控件选取会有严重的问题,还有一种最简单的适配方案,而且效果很好,就是全部用vh单位
1月24日 打卡Day11
读后感:
scale方案对webgl的控件选取会有严重的问题,还有一种最简单的适配方案,而且效果很好,就是全部用vh单位
评论
点赞
#青训营笔记创作活动#
1月23日 打卡Day10
读后感: 随着前端的不断发展,更多新的 CSS 属性不断加入提案,本文列举 7 个不常用但很有用且你见过也可能没见过的 CSS 属性,带大家领略 CSS 之美。
1. position: sticky
2. :empty 选择器
3. gap
4. background-clip: text
5. user-select
6. :invalid 伪类
7. :focus-within 伪类
1月23日 打卡Day10
读后感: 随着前端的不断发展,更多新的 CSS 属性不断加入提案,本文列举 7 个不常用但很有用且你见过也可能没见过的 CSS 属性,带大家领略 CSS 之美。
1. position: sticky
2. :empty 选择器
3. gap
4. background-clip: text
5. user-select
6. :invalid 伪类
7. :focus-within 伪类
展开
评论
点赞
#青训营笔记创作活动#
1月22日 打卡Day9
读后感: 很多时候,我们从 PS 、蓝湖或摹客等工具导出来的图片,或者是美术直接给到切图,都是未经过压缩的,体积都比较大。这里,就有了可优化的空间
TinyPng提供两种压缩方法:
通过在官网上进行手动压缩;
通过官方提供的tinify进行压缩
1月22日 打卡Day9
读后感: 很多时候,我们从 PS 、蓝湖或摹客等工具导出来的图片,或者是美术直接给到切图,都是未经过压缩的,体积都比较大。这里,就有了可优化的空间
TinyPng提供两种压缩方法:
通过在官网上进行手动压缩;
通过官方提供的tinify进行压缩
展开
评论
点赞
#青训营笔记创作活动#
1月21日 打卡Day8
读后感: Esbuild 对于真实的 Web 场景还有很多能力不支持,还有一些硬伤,包括语法不支持降级到ES5,拆包不灵活、不支持 HMR,对于真正能作为 Webpack 一样的构建工具来讲还有很长的路要走。但现在仍支持我们去学习了解,看到esbuild的优势和前景
1月21日 打卡Day8
读后感: Esbuild 对于真实的 Web 场景还有很多能力不支持,还有一些硬伤,包括语法不支持降级到ES5,拆包不灵活、不支持 HMR,对于真正能作为 Webpack 一样的构建工具来讲还有很长的路要走。但现在仍支持我们去学习了解,看到esbuild的优势和前景
展开
评论
点赞