非妃是公主
获得徽章 1
#青训营笔记创作活动#
2月13日，打开day2
学习了程序员很有益的16个网站，感觉确实很有用！
其中包括：
图片压缩在线网站；
博客表情网站；
封面图片网网站；
高清网站图片等
感觉十分实用，学到了很多！
2月13日，打开day2
学习了程序员很有益的16个网站，感觉确实很有用！
其中包括：
图片压缩在线网站；
博客表情网站；
封面图片网网站；
高清网站图片等
感觉十分实用，学到了很多！
展开
评论
点赞
#青训营笔记创作活动#
2月8日 打卡 day11
rem是指相对于根元素的字体大小的单位，在日常开发过程中我们通常把根元素（html/body）的字体设置为10px,方便于我们计算（此时子元素的1rem就相当于10px）。
2月8日 打卡 day11
rem是指相对于根元素的字体大小的单位，在日常开发过程中我们通常把根元素（html/body）的字体设置为10px,方便于我们计算（此时子元素的1rem就相当于10px）。
评论
点赞
#青训营笔记创作活动#
2月3日 打卡 day10
随着前端的不断发展，更多新的 CSS 属性不断加入提案，这篇文章列举了 7 个不常用但很有用的 CSS 属性，领略了 CSS 之美。
2月3日 打卡 day10
随着前端的不断发展，更多新的 CSS 属性不断加入提案，这篇文章列举了 7 个不常用但很有用的 CSS 属性，领略了 CSS 之美。
评论
点赞
#第五届青训营阅读打卡#
2月3日 打卡 day9
TinyPNG使用智能的「有损压缩技术」来减少WEBP、JPEG和PNG文件的文件大小。通过选择性地减少图像中的「颜色数量」，使用更少的字节来存储数据。这种效果几乎是看不见的，但在文件大小上有非常大的差别。
使用过TinyPng的都知道，它的压缩效果非常好，体积大幅度降低且显示效果几乎没有区别( 👀 看不出区别）。因此，选择其作为压缩工具，是一个不错的选择。
2月3日 打卡 day9
TinyPNG使用智能的「有损压缩技术」来减少WEBP、JPEG和PNG文件的文件大小。通过选择性地减少图像中的「颜色数量」，使用更少的字节来存储数据。这种效果几乎是看不见的，但在文件大小上有非常大的差别。
使用过TinyPng的都知道，它的压缩效果非常好，体积大幅度降低且显示效果几乎没有区别( 👀 看不出区别）。因此，选择其作为压缩工具，是一个不错的选择。
展开
评论
点赞
#青训营笔记创作活动#
1月31日 打卡 day7
采用 Go 语言开发，相比于 单线程 + JIT 性质的解释型语言 ，使用 Go 的优势在于 :
一方面可以充分利用多线程打包，并且线程之间共享内容，而 JS 如果使用多线程还需要有线程通信(postMessage)的开销；
另一方面直接编译成机器码，而不用像 Node 一样先将 JS 代码解析为字节码，然后转换为机器码，大大节省了程序运行时间。
1月31日 打卡 day7
采用 Go 语言开发，相比于 单线程 + JIT 性质的解释型语言 ，使用 Go 的优势在于 :
一方面可以充分利用多线程打包，并且线程之间共享内容，而 JS 如果使用多线程还需要有线程通信(postMessage)的开销；
另一方面直接编译成机器码，而不用像 Node 一样先将 JS 代码解析为字节码，然后转换为机器码，大大节省了程序运行时间。
展开
评论
点赞
赞了这篇文章
#青训营笔记创作活动#
1月31日 打卡day7
WebRTC (Web Real-Time Communications) 是一项实时通讯技术，它允许网络应用或者站点，在不借助中间媒介的情况下，建立浏览器之间点对点（Peer-to-Peer）的连接，实现视频流和（或）音频流或者其他任意数据的传输。WebRTC 包含的这些标准使用户在无需安装任何插件或者第三方的软件的情况下，创建点对点（Peer-to-Peer）的数据分享和电话会议成为可能。
1月31日 打卡day7
WebRTC (Web Real-Time Communications) 是一项实时通讯技术，它允许网络应用或者站点，在不借助中间媒介的情况下，建立浏览器之间点对点（Peer-to-Peer）的连接，实现视频流和（或）音频流或者其他任意数据的传输。WebRTC 包含的这些标准使用户在无需安装任何插件或者第三方的软件的情况下，创建点对点（Peer-to-Peer）的数据分享和电话会议成为可能。
展开
评论
点赞
#青训营笔记创作活动#
1月28日 打卡day6
通过抓包工具比如 whistle 就可以做到拦截线上页面请求数据，再响应本地代码，本文主要讲述抓包的原理和抓包工具 whistle 使用。
1月28日 打卡day6
通过抓包工具比如 whistle 就可以做到拦截线上页面请求数据，再响应本地代码，本文主要讲述抓包的原理和抓包工具 whistle 使用。
评论
点赞
#青训营笔记创作活动#
1月25日 day5
学习到了如何利用JS计算距离下次生日还有多少天、回到顶部、复制文本、防抖/节流、过滤特殊字符等操作！
1月25日 day5
学习到了如何利用JS计算距离下次生日还有多少天、回到顶部、复制文本、防抖/节流、过滤特殊字符等操作！
评论
点赞
#青训营笔记创作活动#
1月23日 打卡day4
js是单线程的，耗时操作都是交给浏览器来处理，等时间到了从队列中取出执行。
promise通过创建一个对象的方式，很好地解决了调用成功和调用失败的两种情况！
1月23日 打卡day4
js是单线程的，耗时操作都是交给浏览器来处理，等时间到了从队列中取出执行。
promise通过创建一个对象的方式，很好地解决了调用成功和调用失败的两种情况！
展开
评论
点赞
#青训营笔记创作活动#
1月22日 打卡day3
随着前端工程日益复杂，某些业务或者工具库通常涉及到很多个仓库，那么时间一长，多个仓库开发弊端日益显露，由此出现了一种新的项目管理方式——Monorepo。
1月22日 打卡day3
随着前端工程日益复杂，某些业务或者工具库通常涉及到很多个仓库，那么时间一长，多个仓库开发弊端日益显露，由此出现了一种新的项目管理方式——Monorepo。
评论
点赞
赞了这篇文章
赞了这篇文章
#青训营笔记创作活动#
1月14日，打开day2
学习了程序员很有益的16个网站，感觉确实很有用！
其中包括：
图片压缩在线网站；
博客表情网站；
封面图片网网站；
高清网站图片等
感觉十分实用，学到了很多！
1月14日，打开day2
学习了程序员很有益的16个网站，感觉确实很有用！
其中包括：
图片压缩在线网站；
博客表情网站；
封面图片网网站；
高清网站图片等
感觉十分实用，学到了很多！
展开
评论
点赞
赞了这篇文章
#青训营笔记创作活动#
首先说下思路，我们需要知道鼠标的三个事件，分别是 mousedown，mousemove，mouseup ，当点击按下的时候，克隆一个绝对定位的元素，并标识下"拖拽中"的状态，接着在 mousemove 中就可以判断应该执行的具体方法，从而让元素随着鼠标移动起来。
在监听事件的 event 对象中，有几个参数是比较重要的：clientX，clientY 标识的鼠标当前横坐标和纵坐标，offsetX 和 offsetY 表示相对偏移量，可以在 mousedown 鼠标按下时记录初始坐标，在 mouseup 鼠标抬起时判断是否在目标区域中，如果是则用鼠标获取到的当前的偏移量 - 初始坐标得到元素实际在目标区域中的位置。
这里的当前偏移量其实指的就是最终坐标，减去初始坐标，可得到绝对偏移。
首先说下思路，我们需要知道鼠标的三个事件，分别是 mousedown，mousemove，mouseup ，当点击按下的时候，克隆一个绝对定位的元素，并标识下"拖拽中"的状态，接着在 mousemove 中就可以判断应该执行的具体方法，从而让元素随着鼠标移动起来。
在监听事件的 event 对象中，有几个参数是比较重要的：clientX，clientY 标识的鼠标当前横坐标和纵坐标，offsetX 和 offsetY 表示相对偏移量，可以在 mousedown 鼠标按下时记录初始坐标，在 mouseup 鼠标抬起时判断是否在目标区域中，如果是则用鼠标获取到的当前的偏移量 - 初始坐标得到元素实际在目标区域中的位置。
这里的当前偏移量其实指的就是最终坐标，减去初始坐标，可得到绝对偏移。
展开
评论
点赞
赞了这篇文章