hgf
获得徽章 1
- #青训营笔记创作活动#
2月1日 打卡day10
今日学习
这篇文章带我领略了我未曾见过的CSS之美，介绍了很多不常用但是很惊艳的CSS属性，比如sticky、gap、user–select等等…展开评论点赞 - #青训营笔记创作活动#
1月31日 打卡day9
今日学习
这篇文章介绍的是TinyPng图片压缩工具，可以帮助我们通过封装一个工具，对项目内的图片自动压缩，彻底解放双手！评论点赞 - #青训营笔记创作活动#
1月30日 打卡Day8
今日学习
今天阅读的文章有关于Esbuild，Esbuild是一款性能较优的打包工具，构建速度比传统的打包工具要快10-100倍，但从文章的介绍来看，Esbuild还有很大的发展空间和前景。展开评论点赞 - #青训营笔记创作活动#
1月20日 打卡day7
今日学习
这篇文章讲的主要是抓包的原理和抓包工具whistle的使用，也告诉了我们抓包的用途以及一些抓包案例的讲解，可以得知whistle的功能真的非常强大。
展开评论点赞 - #青训营笔记创作活动#
1月19日 打卡day6
今日学习
这篇文章讲的是WebRTC实时通讯技术，从这篇文章我了解到了WebRTC有很多有趣的玩法，可以做很多有意思的事情，比如一些音频通话，虚拟摄像头多功能的屏幕共享等等…收起
展开评论点赞 - #青训营笔记创作活动#
1月17日 打卡day5
今日学习
这篇文章介绍了JS必须学会的11个工具方法，可以避免我们重复造轮子，为我们的编程节约很多时间。其中让我印象比较深刻的是防抖与节流，其本质上是优化高频率执行代码的一种手段，两者都可以通过使用setTimeout实现，目的都是为了降低回调执行频率，节省计算资源。展开评论点赞 - #青训营笔记创作活动#
1月16日 打卡day4
今日学习
这篇笔记主要写的是promise/async await，通过阅读丰富了我的知识面，了解了从早期的异步代码的困境、promise出现解决了什么问题、异步回调地狱的终极方案并且实现async await的核心语法，也知道了async/await是generator+promise的一个变种。
展开评论点赞 - #青训营笔记创作活动#
1月15日打卡day3
今日学习
现代前端工程为什么越来越离不开 Monorepo? Monorepo其实就是把多个项目放在一个仓库里面，相对立的是传统的 MultiRepo 模式，即每个项目对应一个单独的仓库来分散管理。因为开发时会遇到代码复用、版本管理、项目基建等问题，而Monorepo 的开发模式就是将各自独立的项目，变成一个统一的工程整体，解决 MultiRepo 下出现的各种痛点，提升研发效率和工程质量。
展开评论点赞 - #青训营笔记创作活动#
1月14日打卡day2
今日学习
这篇文章主要介绍的是前端学习中一些比较实用的工具和网站，有如下：
1.github desktop
2.图片在线压缩(tinypng，squoosh)
3.掘金的在线代码编辑–码上掘金
4. JSON格式化 json.cn(前端工具类集合网站：smalldev)
5.代码生成图片(carbon，ray.so)
6.表情符合(EMOJIALL)
7.矢量图标(iconfont)
8.css3动画(css–animation)
9.封面模板canva
10.高清图片unsplash
11.在线画图boardmix
12.快速部署建站surge
13.在线性能评测pagespeed
14.多平台测试responsively
15. chrome扩展组件
16.在线简历–500丁
展开评论点赞 - #青训营笔记创作活动#
1月13日打卡day1
关于拖拽效果的原理：
首先，我们需要知道鼠标的三个事件，分别是 mousedown，mousemove，mouseup ，当点击按下的时候，克隆一个绝对定位的元素，并标识下"拖拽中"的状态，接着在 mousemove 中就可以判断应该执行的具体方法，从而让元素随着鼠标移动起来。
在监听事件的 event 对象中，有几个参数是比较重要的：clientX，clientY 标识的鼠标当前横坐标和纵坐标，offsetX 和 offsetY 表示相对偏移量，可以在 mousedown 鼠标按下时记录初始坐标，在 mouseup 鼠标抬起时判断是否在目标区域中，如果是则用鼠标获取到的当前的偏移量 - 初始坐标得到元素实际在目标区域中的位置。
展开评论点赞