获得徽章 1
- #青训营笔记创作活动#
2月5日 打卡day8
很多时候,我们从 PS 、蓝湖或摹客等工具导出来的图片,或者是美术直接给到切图,都是未经过压缩的,体积都比较大。这里,就有了可优化的空间。使用TinyPng压缩图片可帮我们减少包的大小。展开评论点赞 - #青训营笔记创作活动#
2月4日 打卡day7
再使用if else 为了提高代码可读性可选用以下方法代替
1、短路运算 ||
2、三元运算符
3、switch case
4、对象配置/策略模式展开评论点赞 - #青训营笔记创作活动#
2月3日 打卡day6
css文字图片不知道的玩法background-clip:text; background-clip: text 可以实现背景被裁剪成文字的前景色。使用了这个属性的意思是,以区块内的文字作为裁剪区域向外裁剪,文字的背景即为区块的背景,文字之外的区域都将被裁剪掉。再结合相关动画,实现现一个从透明到渐变色到透明的渐变背景。展开评论点赞 - #青训营笔记创作活动#
2月2日打卡day5
这篇阅读了解了早起的代码困境,以及promise的含义、执行、状态、不同值的区别、实例方法、类方法/静态方法,以及令人头大的回调地狱,在文中也讲解了async函数最终解决回调地狱的一步步演变。展开评论点赞 - #青训营笔记创作活动#
2月1日 打卡day4
为了适配多端运行,通常会用到媒体查询,今天在阅读中新学习了clamp函数替代媒体查询利用min()max()来根据视口宽度动态调整圆角大小评论点赞 - #青训营笔记创作活动#
1月30日打卡第三天
这篇阅读了解了早起的代码困境,以及promise的含义、执行、状态、不同值的区别、实例方法、类方法/静态方法,以及令人头大的回调地狱,在文中也讲解了async函数最终解决回调地狱的一步步演变。展开评论点赞 - #青训营笔记创作活动#
1月28日 打卡day3
通常我们前端写业务逻辑时常用到的函数节流,在这篇阅读中了解到可以用css方式实现节流。
方式一:用animation控制point-events的none或者all,设置动画从禁用到可点击的变化。
方式二:利用css监听事件,通过:active出发transition的变化,通过监听transition回调动态设置按钮的禁用状态。展开评论点赞 - #青训营笔记创作活动#
1月12日 打卡day1
今日学习原生js对图片进行预览,缩放等,学习了一些平时我们前端运用js时不会注意的细节,拓宽前端知识,上机实践对一部分知识还不够熟练应用。评论点赞