用户7114597930049
获得徽章 1
#青训营笔记创作活动#
1月15日 打卡day3
今日学习Monorepo
Monorepo项目管理方式：把多个项目放在一个仓库里面，将各自独立的项目，变成一个统一的工程整体，解决 MultiRepo 下出现的各种痛点，提升研发效率和工程质量。
优点：工作流的一致性、项目基建成本的降低、团队协作也更加容易
1月15日 打卡day3
今日学习Monorepo
Monorepo项目管理方式：把多个项目放在一个仓库里面，将各自独立的项目，变成一个统一的工程整体，解决 MultiRepo 下出现的各种痛点，提升研发效率和工程质量。
优点：工作流的一致性、项目基建成本的降低、团队协作也更加容易
展开
评论
点赞
1月14日 打卡day2
今日学习前端实用工具与网站
1. GitHub Desktop
2. 图片在线压缩：tinypng（大部分图片）、squoosh（大图片压缩和图片压缩质量自定义）
3. 在线代码编辑： codePen 、 CodeSandbox、码上掘金
4. JSON格式化：Json.cn
5. 代码生成图片：carbon、ray.so
6. 表情符号： emojiall
7. 矢量图标：iconfont
8. css3动画：css3-animation
9. 封面模板：canva
10. 高清图片：UnSplash
11. 在线画图：boardmix、ProcessOn
12. 快速部署建站：免费的部署网站，如 surge
13. 在线性能评测：pagespeed
14. 多平台测试：responsively
15. Chrome扩展组件：极简插件
16. 在线简历：五百丁简历 #青训营笔记创作活动#
今日学习前端实用工具与网站
1. GitHub Desktop
2. 图片在线压缩：tinypng（大部分图片）、squoosh（大图片压缩和图片压缩质量自定义）
3. 在线代码编辑： codePen 、 CodeSandbox、码上掘金
4. JSON格式化：Json.cn
5. 代码生成图片：carbon、ray.so
6. 表情符号： emojiall
7. 矢量图标：iconfont
8. css3动画：css3-animation
9. 封面模板：canva
10. 高清图片：UnSplash
11. 在线画图：boardmix、ProcessOn
12. 快速部署建站：免费的部署网站，如 surge
13. 在线性能评测：pagespeed
14. 多平台测试：responsively
15. Chrome扩展组件：极简插件
16. 在线简历：五百丁简历 #青训营笔记创作活动#
展开
评论
点赞
1月13日 打卡day1
今日学习元素拖拽
HTML5 的拖拽放置 (Drag 和 Drop)样式太过简陋，无法实现更高级的用户体验。
可以原生 JS 实现一个富有动感的自定义拖拽效果：
鼠标的三个事件：mousedown，mousemove，mouseup
当点击按下的时候，克隆一个绝对定位的元素，并标识下"拖拽中"的状态，接着在 mousemove 中就可以判断应该执行的具体方法，从而让元素随着鼠标移动起来。
在监听事件的 event 对象中的参数：clientX，clientY 标识的鼠标当前横坐标和纵坐标，offsetX 和 offsetY 表示相对偏移量
可以在 mousedown 鼠标按下时记录初始坐标，在 mouseup 鼠标抬起时判断是否在目标区域中，如果是则用鼠标获取到的当前的偏移量 - 初始坐标得到元素实际在目标区域中的位置。 #青训营笔记创作活动#
今日学习元素拖拽
HTML5 的拖拽放置 (Drag 和 Drop)样式太过简陋，无法实现更高级的用户体验。
可以原生 JS 实现一个富有动感的自定义拖拽效果：
鼠标的三个事件：mousedown，mousemove，mouseup
当点击按下的时候，克隆一个绝对定位的元素，并标识下"拖拽中"的状态，接着在 mousemove 中就可以判断应该执行的具体方法，从而让元素随着鼠标移动起来。
在监听事件的 event 对象中的参数：clientX，clientY 标识的鼠标当前横坐标和纵坐标，offsetX 和 offsetY 表示相对偏移量
可以在 mousedown 鼠标按下时记录初始坐标，在 mouseup 鼠标抬起时判断是否在目标区域中，如果是则用鼠标获取到的当前的偏移量 - 初始坐标得到元素实际在目标区域中的位置。 #青训营笔记创作活动#
展开
评论
点赞