东方小虾米
获得徽章 6
- #青训营笔记创作活动#
12月17日 day11
今日学习
vite项目屏幕适配:1.基于rem的适配方案（postcss-pxtorem ）2.基于scale的适配方案(transform属性的scale()方法)展开评论点赞 - #青训营笔记创作活动#
12月16日 day10
今日学习有趣的css属性
1.position: sticky 标题在滚动的时候，会一直贴着最顶上
2.:empty 选择器 选中内容为空的容器
3.gap 每个元素之间隔开一定距离
4.background-clip: text 做一个带背景的文字效果
5.user-select 禁用光标选中
6.:invalid 伪类 表示任意内容未通过验证的 `input` 或其他 `form` 元素
7.:focus-within 伪类 一个元素获得焦点，或该元素的后代元素获得焦点，就会匹配上。
8.mix-blend-mode:difference 描述了元素的内容应该与元素的直系父元素的内容和元素的背景如何混合
展开评论点赞 - #青训营笔记创作活动#
12月15日 day9
今日学习初步得到的图片通常都是未经压缩的，体积较大。`TinyPNG`使用智能的「有损压缩技术」来减少`WEBP`、`JPEG`和`PNG`文件的文件大小。
评论点赞 - #青训营笔记创作活动#
12月14日 day8
今日学习Esbuild 是一款打包工具，相比传统的打包工具，主打性能优势，在构建速度上可以快 10~100 倍。主要用于1. 代码压缩工具2. 代替 ts-node3. 代替 ts-jest4. 第三方库 Bundler5. 打包 Node 库6. 小程序编译7. Web 构建展开评论点赞 - #青训营笔记创作活动#
12月13日 day7
今日学习WebRTC (Web Real-Time Communications) 是一项实时通讯技术。可以实现分享屏幕，录制屏幕，拍照，蓄力背景，实时音频通话等功能。目前阅读难度过高，看了些基础概念，详细代码日后看。
展开评论点赞 - #青训营笔记创作活动#
12月12日 打卡day6
今日学习 抓包就是将网络传输发送与接收的数据包进行截获、重发、编辑、转存等操作。作为前端开发者，通常是抓取应用层的 HTTP/HTTPS 的包。本文介绍了抓包的基本原理，然后介绍了 whistle 的使用。
展开评论点赞 - #青训营笔记创作活动#
12月11日 打卡day5
今日学习 常用工具方法
内含计算距离下次生日还有多少天、回到顶部、复制文本、防抖/节流、过滤特殊字符、常用正则判断、初始化数组、将 RGB 转换为十六进制、检测是否是一个函数、检测是否为一个安全数组、检测对象是否为一个安全对象
评论区建议回到顶部
window.scrollTo({
top:0,
behavior: 'smooth'
})
展开评论点赞 - #青训营笔记创作活动#
12月10日 打卡day4
今日学习 了解promise/async await的关系以及各自的性质、用法非常重要。要知道async/await只是generator+promise的一个变种。本文手动的promise+生成器实现async/await对理解promise/async await有很大帮助。展开评论点赞 - #青训营笔记创作活动#
12月9日 打卡day2
今日学习 Monorepo--把多个项目放在一个仓库里面，相对立的是传统的 MultiRepo 模式，即每个项目对应一个单独的仓库来分散管理。
评论点赞 - #青训营笔记创作活动#
12月8日 打卡day2
今日学习 常用前段网站
1.GitHub Desktop--git可视化工具
2.tinypng--在线压缩图片网站
3.codePen,码上掘金--在线代码编辑
4.Json.cn--Json格式化
5.carbon--代码生成图片
6.emojiall--表情符号
7.iconfont--矢量图标
8.css3-animation--css3动画
9.canva--封面模板
10.UnSplash--高清图片
11.boardmix--在线画图
12.surge--快速部署网站
13.pagespeed--在线性能测试
14.responsively--多台测试
15.极简插件--不用翻墙的chrom插件库
16.在线简历展开评论点赞