获得徽章 11
#青训营笔记创作活动#
2月10日 打卡day66
今日学习前端实现活体人脸检测。使用tensorflow训练好的人脸特征点检测模型，对人脸的远近、张嘴、眨眼、左右摇头进行特征检测。
2月10日 打卡day66
今日学习前端实现活体人脸检测。使用tensorflow训练好的人脸特征点检测模型，对人脸的远近、张嘴、眨眼、左右摇头进行特征检测。
评论
点赞
#青训营笔记创作活动#
2月9日 打卡day65
今日学习调试Ant Design源码。可以在renderWithHooks里调用函数组件的地方打个条件断点，在调用想调试的组件时断住，这样就可以step into到该组件定义的地方。调试最初的tsx源码需要用sourcemap。
2月9日 打卡day65
今日学习调试Ant Design源码。可以在renderWithHooks里调用函数组件的地方打个条件断点，在调用想调试的组件时断住，这样就可以step into到该组件定义的地方。调试最初的tsx源码需要用sourcemap。
展开
评论
点赞
#青训营笔记创作活动#
2月8日 打卡day64
今日学习使用fabric.js快速开发图片编辑器。fabric.js和konva.js都是强大的canvas库，功能上类似。框架使用vue，主要解决如何把fabric的实例对象共享给各个功能组件。
2月8日 打卡day64
今日学习使用fabric.js快速开发图片编辑器。fabric.js和konva.js都是强大的canvas库，功能上类似。框架使用vue，主要解决如何把fabric的实例对象共享给各个功能组件。
展开
评论
点赞
#青训营笔记创作活动#
2月7日 打卡day63
今日学习使用CSS防止按钮重复点击。除了使用JS中的throttle函数，CSS的也可以实现。定义一个关于pointer-events的动画（animation），将这个动画绑定在按钮上。还可以借助CSS来监听事件，通过:active去触发transition变化，然后通过监听transition回调去动态设置按钮的禁用状态。
2月7日 打卡day63
今日学习使用CSS防止按钮重复点击。除了使用JS中的throttle函数，CSS的也可以实现。定义一个关于pointer-events的动画（animation），将这个动画绑定在按钮上。还可以借助CSS来监听事件，通过:active去触发transition变化，然后通过监听transition回调去动态设置按钮的禁用状态。
展开
评论
点赞
#青训营笔记创作活动#
2月6日 打卡day62
今日学习设计一个不能操作DOM和调接口的环境。利用iframe创建沙箱，取出其中的原生浏览器全局对象作为沙箱的全局对象；设置一个黑名单，若访问黑名单中的变量则直接报错，实现阻止/隔离的效果；若访问当前全局对象中不存在的变量，则直接报错，实现禁用三方库调接口；最后还要拦截对window对象的访问，防止通过window.document来操作DOM，避免沙箱逃逸。
2月6日 打卡day62
今日学习设计一个不能操作DOM和调接口的环境。利用iframe创建沙箱，取出其中的原生浏览器全局对象作为沙箱的全局对象；设置一个黑名单，若访问黑名单中的变量则直接报错，实现阻止/隔离的效果；若访问当前全局对象中不存在的变量，则直接报错，实现禁用三方库调接口；最后还要拦截对window对象的访问，防止通过window.document来操作DOM，避免沙箱逃逸。
展开
评论
点赞
#青训营笔记创作活动#
2月5日 打卡day61
今日学习Vite项目屏幕适配。基于rem的适配方案适用不固定宽高比的Web应用；基于scale的适配方案适用固定宽高比的Web应用。
2月5日 打卡day61
今日学习Vite项目屏幕适配。基于rem的适配方案适用不固定宽高比的Web应用；基于scale的适配方案适用固定宽高比的Web应用。
评论
点赞
#青训营笔记创作活动#
2月4日 打卡day60
今日学习不常用的CSS属性。:empty选择器：存在接口没有数据的情况，可以通过伪元素为空容器添加提示。gap：可以更方便的让每个元素之间隔开 。background-clip: text：实现带背景的文字效果。:invalid伪类：可以不用JS实现校验提示的效果。:focus-within伪类：可以根据子元素的状态来改变父元素的样式。
2月4日 打卡day60
今日学习不常用的CSS属性。:empty选择器：存在接口没有数据的情况，可以通过伪元素为空容器添加提示。gap：可以更方便的让每个元素之间隔开 。background-clip: text：实现带背景的文字效果。:invalid伪类：可以不用JS实现校验提示的效果。:focus-within伪类：可以根据子元素的状态来改变父元素的样式。
展开
评论
点赞
#青训营笔记创作活动#
2月3日 打卡day59
今日学习利用TinyPng进行图片压缩。作者已经利用TinyPng开发了webpack plugin，在打包生产环境代码时可启用该plugin对图片进行处理。
github.com
2月3日 打卡day59
今日学习利用TinyPng进行图片压缩。作者已经利用TinyPng开发了webpack plugin，在打包生产环境代码时可启用该plugin对图片进行处理。
github.com
展开
评论
点赞
#青训营笔记创作活动#
2月2日 打卡day58
今日学习Esbuild。Esbuild是基于Golang开发的一款打包工具，相比传统的打包工具，主打性能优势，在构建速度上可以快10~100倍。
2月2日 打卡day58
今日学习Esbuild。Esbuild是基于Golang开发的一款打包工具，相比传统的打包工具，主打性能优势，在构建速度上可以快10~100倍。
评论
点赞
#青训营笔记创作活动#
2月1日 打卡day57
今日学习WebRTC。WebRTC (Web Real-Time Communications) 是一项实时通讯技术，它允许网络应用在不借助中间媒介的情况下，建立浏览器之间点对点连接，实现任意数据的传输。如直播、视频会议、屏幕共享、游戏等。在网速与硬件越来越好的趋势下，WebRTC拥有无限可能。
2月1日 打卡day57
今日学习WebRTC。WebRTC (Web Real-Time Communications) 是一项实时通讯技术，它允许网络应用在不借助中间媒介的情况下，建立浏览器之间点对点连接，实现任意数据的传输。如直播、视频会议、屏幕共享、游戏等。在网速与硬件越来越好的趋势下，WebRTC拥有无限可能。
展开
评论
点赞
#青训营笔记创作活动#
1月31日 打卡day56
今日学习抓包。通过抓包工具可以做到拦截线上页面请求数据，再响应本地代码。如使用whistle，安装SwitchyOmega插件可以更方便地切换代理。
1月31日 打卡day56
今日学习抓包。通过抓包工具可以做到拦截线上页面请求数据，再响应本地代码。如使用whistle，安装SwitchyOmega插件可以更方便地切换代理。
评论
点赞
#青训营笔记创作活动#
1月30日 打卡day54
今日学习JavaScript的工具方法，在开发过程中可以复用这些代码，避免重复造轮子。如利用Moment库可以更方便的处理日期。
1月30日 打卡day54
今日学习JavaScript的工具方法，在开发过程中可以复用这些代码，避免重复造轮子。如利用Moment库可以更方便的处理日期。
评论
点赞
#青训营笔记创作活动#
1月29日 打卡day54
今日学习Promise、async await。Promise意为承诺，可以理解为给予调用者一个承诺，过一会返回数据。利用Promise+生成器的方式可以变相解决回调地狱问题。
1月29日 打卡day54
今日学习Promise、async await。Promise意为承诺，可以理解为给予调用者一个承诺，过一会返回数据。利用Promise+生成器的方式可以变相解决回调地狱问题。
评论
点赞
#青训营笔记创作活动#
1月28日 打卡day53
今日学习Monorepo。Monorepo是一种新的项目管理方式，把多个项目放在一个仓库里面，相对立的是传统的MultiRepo模式。Monorepo可以实现工作流的一致性、项目基建成本降低、团队协作也更加容易。
1月28日 打卡day53
今日学习Monorepo。Monorepo是一种新的项目管理方式，把多个项目放在一个仓库里面，相对立的是传统的MultiRepo模式。Monorepo可以实现工作流的一致性、项目基建成本降低、团队协作也更加容易。
展开
评论
点赞
#青训营笔记创作活动#
1月27日 打卡day52
今日学习了一些实用工具。图片在线压缩TinyPNG、Squoosh，阿里巴巴矢量图标库iconfont，CSS3动画代码集合，免费的部署网站Surge等等。
1月27日 打卡day52
今日学习了一些实用工具。图片在线压缩TinyPNG、Squoosh，阿里巴巴矢量图标库iconfont，CSS3动画代码集合，免费的部署网站Surge等等。
评论
点赞
#青训营笔记创作活动#
1月26日 打卡day51
今日学习纯JS手写拖拽效果。利用滤镜filter: brightness(90%);调节明亮度可快速实现鼠标覆盖的动态效果，利用事件委托机制为选择列表添加mousedown事件监听。在改变元素状态的过程中需要频繁进行多个CSS 操作，利用cssText可将多个操作合并起来处理，降低回流重绘的成本。
1月26日 打卡day51
今日学习纯JS手写拖拽效果。利用滤镜filter: brightness(90%);调节明亮度可快速实现鼠标覆盖的动态效果，利用事件委托机制为选择列表添加mousedown事件监听。在改变元素状态的过程中需要频繁进行多个CSS 操作，利用cssText可将多个操作合并起来处理，降低回流重绘的成本。
展开
评论
点赞
#青训营笔记创作活动#
1月24日 打卡day49
今日学习MySQL锁机制。多线程并发执行会出现脏写、脏读、不可重复读、幻读问题，这就需要锁机制。MySQL锁机制以锁粒度的维度可分为表锁、页面锁、行锁，表锁又可分为全局锁、元数据锁（MDL,Meta Data）、意向锁（Intention）、自增锁（AUTO-INC），行锁又可分为记录锁（Record）、间隙锁（Gap）、临建锁（Next-Key）；以互斥性的维度可分为共享锁（S,Shared）、排他锁（X,Exclusive）、共享排他锁（SX）；以操作类型的维度可分为读锁、写锁；以思想的维度可分为乐观锁、悲观锁。
1月24日 打卡day49
今日学习MySQL锁机制。多线程并发执行会出现脏写、脏读、不可重复读、幻读问题，这就需要锁机制。MySQL锁机制以锁粒度的维度可分为表锁、页面锁、行锁，表锁又可分为全局锁、元数据锁（MDL,Meta Data）、意向锁（Intention）、自增锁（AUTO-INC），行锁又可分为记录锁（Record）、间隙锁（Gap）、临建锁（Next-Key）；以互斥性的维度可分为共享锁（S,Shared）、排他锁（X,Exclusive）、共享排他锁（SX）；以操作类型的维度可分为读锁、写锁；以思想的维度可分为乐观锁、悲观锁。
展开
评论
点赞
