zyczyc70
获得徽章 1
#青训营笔记创作活动#
1月20日 day8
今日学习
Esbuild 相关的介绍和实践，Esbuild 是由 Figma 的 CTO 「Evan Wallace」基于 Golang 开发的一款打包工具，相比传统的打包工具，主打性能优势，在构建速度上可以快 10~100 倍。采用 Go 语言开发，相比于 单线程 + JIT 性质的解释型语言，一方面可以充分利用多线程打包，并且线程之间共享内容，而 JS 如果使用多线程还需要有线程通信(postMessage)的开销。
1月20日 day8
今日学习
Esbuild 相关的介绍和实践，Esbuild 是由 Figma 的 CTO 「Evan Wallace」基于 Golang 开发的一款打包工具，相比传统的打包工具，主打性能优势，在构建速度上可以快 10~100 倍。采用 Go 语言开发，相比于 单线程 + JIT 性质的解释型语言，一方面可以充分利用多线程打包，并且线程之间共享内容，而 JS 如果使用多线程还需要有线程通信(postMessage)的开销。
展开
评论
点赞
#青训营笔记创作活动#
1月19日 day7
今日学习
WebRTC 从实战到未来
学会如何使用 WebRTC 的一些 API
学会如何分享屏幕，录制屏幕
学会如何通过 WebRTC 实现拍照
学会如何实现视频虚拟背景
搭建一个 1v1 的 WebRTC 实时音视频通话
WebRTC (Web Real-Time Communications) 是一项实时通讯技术，它允许网络应用或者站点，在不借助中间媒介的情况下，建立浏览器之间点对点（Peer-to-Peer）的连接，实现视频流和（或）音频流或者其他任意数据的传输。WebRTC 包含的这些标准使用户在无需安装任何插件或者第三方的软件的情况下，创建点对点（Peer-to-Peer）的数据分享和电话会议成为可能。
1月19日 day7
今日学习
WebRTC 从实战到未来
学会如何使用 WebRTC 的一些 API
学会如何分享屏幕，录制屏幕
学会如何通过 WebRTC 实现拍照
学会如何实现视频虚拟背景
搭建一个 1v1 的 WebRTC 实时音视频通话
WebRTC (Web Real-Time Communications) 是一项实时通讯技术，它允许网络应用或者站点，在不借助中间媒介的情况下，建立浏览器之间点对点（Peer-to-Peer）的连接，实现视频流和（或）音频流或者其他任意数据的传输。WebRTC 包含的这些标准使用户在无需安装任何插件或者第三方的软件的情况下，创建点对点（Peer-to-Peer）的数据分享和电话会议成为可能。
展开
评论
点赞
#青训营笔记创作活动#
1月18日 day6
今日学习
前端人必须掌握的抓包技能，抓包就是将网络传输发送与接收的数据包进行截获、重发、编辑、转存等操作。
HTTP/HTTPS 是应用层使用的通信协议，常见的应用层体系结构是客户端-服务器体系。
实际上，在操作系统上的术语中，进行通信的实际上是进程而不是程序，一个进程可以被认为是运行在端系统中的一个程序。
1月18日 day6
今日学习
前端人必须掌握的抓包技能，抓包就是将网络传输发送与接收的数据包进行截获、重发、编辑、转存等操作。
HTTP/HTTPS 是应用层使用的通信协议，常见的应用层体系结构是客户端-服务器体系。
实际上，在操作系统上的术语中，进行通信的实际上是进程而不是程序，一个进程可以被认为是运行在端系统中的一个程序。
展开
评论
点赞
#青训营笔记创作活动#
1月17日 day5
今日学习
JavaScript 必须学会的11 个工具方法
计算距离下次生日还有多少天（这里借助 moment 实现）
回到顶部 复制文本
防抖/节流
防抖：指定时间内 频繁触发一个事件，以最后一次触发为准
节流：指定时间内 频繁触发一个事件，只会触发一次
应用场景有很多比如:
防抖是： input搜索，用户在不断输入内容的时候，用防抖来减少请求的次数并且节约请求资源
节流：场景普遍就是按钮点击，一秒点击 10 下会发起 10 次请求，节流以后 1 秒点再多次，都只会触发一次
过滤特殊字符 常用正则判断 初始化数组 将 RGB 转换为十六进制 检测是否是一个函数 检测是否为一个安全数组 检测对象是否为一个安全对象
1月17日 day5
今日学习
JavaScript 必须学会的11 个工具方法
计算距离下次生日还有多少天（这里借助 moment 实现）
回到顶部 复制文本
防抖/节流
防抖：指定时间内 频繁触发一个事件，以最后一次触发为准
节流：指定时间内 频繁触发一个事件，只会触发一次
应用场景有很多比如:
防抖是： input搜索，用户在不断输入内容的时候，用防抖来减少请求的次数并且节约请求资源
节流：场景普遍就是按钮点击，一秒点击 10 下会发起 10 次请求，节流以后 1 秒点再多次，都只会触发一次
过滤特殊字符 常用正则判断 初始化数组 将 RGB 转换为十六进制 检测是否是一个函数 检测是否为一个安全数组 检测对象是否为一个安全对象
展开
评论
点赞
#青训营笔记创作活动#
1月16日 打卡day4
今天学习
promise/async await的知识点
Promise(承诺)，给予调用者一个承诺，过一会返回数据给你，就可以创建一个promise对象
当我们new一个promise，此时我们需要传递一个回调函数，这个函数为立即执行的，称之为（executor）
这个回调函数，我们需要传入两个参数回调函数，reslove,reject(函数可以进行传参)
当执行了reslove函数，会回调promise对象的.then函数
当执行了reject函数，会回调promise对象的.catche函数
传入的executor是立即执行的
在函数中，new这个类的时候，传入的回调函数称之为executor（会被Promise类中自动执行）
在正确的时候调用resolve函数，失败的时候调用reject函数，把需要的参数传递出去。
异常处理
1月16日 打卡day4
今天学习
promise/async await的知识点
Promise(承诺)，给予调用者一个承诺，过一会返回数据给你，就可以创建一个promise对象
当我们new一个promise，此时我们需要传递一个回调函数，这个函数为立即执行的，称之为（executor）
这个回调函数，我们需要传入两个参数回调函数，reslove,reject(函数可以进行传参)
当执行了reslove函数，会回调promise对象的.then函数
当执行了reject函数，会回调promise对象的.catche函数
传入的executor是立即执行的
在函数中，new这个类的时候，传入的回调函数称之为executor（会被Promise类中自动执行）
在正确的时候调用resolve函数，失败的时候调用reject函数，把需要的参数传递出去。
异常处理
展开
评论
点赞
#青训营笔记创作活动#
1月14日 打卡day2
今日学习
了解了16个前端必备的实用工具与网站，前端有时候需要自己部署一个网站，我们可以自己去买服务器，但surge可以免费的部署网站，在日常开发中，会遇到一些css动画的需求，，css3-animation 包含了一些常见的动画效果，并且包含片段代码。
1月14日 打卡day2
今日学习
了解了16个前端必备的实用工具与网站，前端有时候需要自己部署一个网站，我们可以自己去买服务器，但surge可以免费的部署网站，在日常开发中，会遇到一些css动画的需求，，css3-animation 包含了一些常见的动画效果，并且包含片段代码。
展开
评论
点赞
#青训营笔记创作活动#
1月13日 打卡day1
今日学习
使用原生JS实现一个富有动感的自定义拖拽效果，如果想实现一个鼠标覆盖的动态效果，可以利用滤镜 filter: brightness(90%); 调节明亮度无需额外制作遮罩，使用伪类激活 cursor 的 grab 和 grabbing 可以设置抓取动作的图标利用事件委托机制为选择列表添加 mousedown 事件监听，实现抓取的原理是在鼠标按下时克隆按下的元素，并把克隆出来的元素设置成绝对定位，可以让图片浮起来
1月13日 打卡day1
今日学习
使用原生JS实现一个富有动感的自定义拖拽效果，如果想实现一个鼠标覆盖的动态效果，可以利用滤镜 filter: brightness(90%); 调节明亮度无需额外制作遮罩，使用伪类激活 cursor 的 grab 和 grabbing 可以设置抓取动作的图标利用事件委托机制为选择列表添加 mousedown 事件监听，实现抓取的原理是在鼠标按下时克隆按下的元素，并把克隆出来的元素设置成绝对定位，可以让图片浮起来
展开
评论
点赞