
获得徽章 1
赞了这篇文章
#青训营笔记创作活动#
1月27日 day17
平时工作中很多场合都要用到定时器,比如延迟加载、定时查询等等,但定时器的控制有时候会有些许麻烦,比如鼠标移入停止、移出再重新开始。这次介绍几个借助 CSS 来更好的控制定时器的方法,一起了解一下吧,相信可以带来不一样的体验。
1月27日 day17
平时工作中很多场合都要用到定时器,比如延迟加载、定时查询等等,但定时器的控制有时候会有些许麻烦,比如鼠标移入停止、移出再重新开始。这次介绍几个借助 CSS 来更好的控制定时器的方法,一起了解一下吧,相信可以带来不一样的体验。
展开
评论
点赞
#青训营笔记创作活动#
1月26日 day16
在网页中使用活体人脸检测大部分都是前端录制一段视频,让后端调用第三方接口去判断,今天我们就用纯前端方式来实现这个功能。
1月26日 day16
在网页中使用活体人脸检测大部分都是前端录制一段视频,让后端调用第三方接口去判断,今天我们就用纯前端方式来实现这个功能。
评论
点赞
#青训营笔记创作活动#
1月25日 day15
写 react 项目的小伙伴应该都用过 antd 组件库,但绝大多数同学并没有看过它的源码。而想深入掌握 antd 组件库,只熟悉参数是不行的,必须要深入到源码层面。所以今天就来分享下如何调试 antd 的源码。
1月25日 day15
写 react 项目的小伙伴应该都用过 antd 组件库,但绝大多数同学并没有看过它的源码。而想深入掌握 antd 组件库,只熟悉参数是不行的,必须要深入到源码层面。所以今天就来分享下如何调试 antd 的源码。
展开
评论
点赞
#青训营笔记创作活动#
1月24日 day14
今日学习使用fabric.js 快速开发一个图片编辑器。 fabric.js 和 konva.js都是强大的canvas库,功能上类似,konva.js比较新中文文档也多一些,因为比较熟悉fabric就没有采用konva。
1月24日 day14
今日学习使用fabric.js 快速开发一个图片编辑器。 fabric.js 和 konva.js都是强大的canvas库,功能上类似,konva.js比较新中文文档也多一些,因为比较熟悉fabric就没有采用konva。
展开
评论
点赞
#青训营笔记创作活动#
1月23日 day13
众所周知,函数节流(throttle)是 JS 中一个非常常见的优化手段,可以有效的避免函数过于频繁的执行。其实除了 JS 方式, CSS 也可以非常轻易的实现这样一个功能,无需任何框架库,一起看看吧.
1月23日 day13
众所周知,函数节流(throttle)是 JS 中一个非常常见的优化手段,可以有效的避免函数过于频繁的执行。其实除了 JS 方式, CSS 也可以非常轻易的实现这样一个功能,无需任何框架库,一起看看吧.
展开
评论
点赞
#青训营笔记创作活动#
1月22日 day12
首先,祝大家新年快乐
这篇文章主要是一骗阿里的真实面试题的详解,介绍了沙箱的基本概念、应用场景,以及如何去实现符合要求的沙箱,发现防止沙箱逃逸是一件挺有趣的事情。
1月22日 day12
首先,祝大家新年快乐
这篇文章主要是一骗阿里的真实面试题的详解,介绍了沙箱的基本概念、应用场景,以及如何去实现符合要求的沙箱,发现防止沙箱逃逸是一件挺有趣的事情。
展开
评论
点赞
#青训营笔记创作活动#
1月21日 day11
首先,祝大家除夕夜快乐
在很多项目开发过程中,可能很多人会遇到一个问题,怎么解决屏幕适配,下面文章推荐了Vite项目屏幕适配的两种方案。
1月21日 day11
首先,祝大家除夕夜快乐
在很多项目开发过程中,可能很多人会遇到一个问题,怎么解决屏幕适配,下面文章推荐了Vite项目屏幕适配的两种方案。
评论
点赞
#青训营笔记创作活动#
1月20日 day10
随着前端的不断发展,更多新的 CSS 属性不断加入提案,本文列举 7 个不常用但很有用且你见过也可能没见过的 CSS 属性,带大家领略 CSS 之美。
1月20日 day10
随着前端的不断发展,更多新的 CSS 属性不断加入提案,本文列举 7 个不常用但很有用且你见过也可能没见过的 CSS 属性,带大家领略 CSS 之美。
评论
点赞
#青训营笔记创作活动#
1月19日 day9
很多时候,我们从 PS 、蓝湖或摹客等工具导出来的图片,或者是美术直接给到切图,都是未经过压缩的,体积都比较大。这里,就有了可优化的空间。TinyPng提供两种压缩方法:
通过在官网上进行手动压缩;
通过官方提供的tinify进行压缩;
1月19日 day9
很多时候,我们从 PS 、蓝湖或摹客等工具导出来的图片,或者是美术直接给到切图,都是未经过压缩的,体积都比较大。这里,就有了可优化的空间。TinyPng提供两种压缩方法:
通过在官网上进行手动压缩;
通过官方提供的tinify进行压缩;
展开
评论
点赞
#青训营笔记创作活动#
1月18日 day8
Esbuild 是由 Figma 的 CTO 「Evan Wallace」基于 Golang 开发的一款打包工具,相比传统的打包工具,主打性能优势,在构建速度上可以快 10~100 倍。内部打包算法充分利用多核 CPU 优势。Esbuild 内部算法设计是经过精心设计的,尽可能充分利用所有的 CPU 内核。所有的步骤尽可能并行,这也是得益于 Go 当中多线程共享内存的优势,而在 JS 中所有的步骤只能是串行的。
1月18日 day8
Esbuild 是由 Figma 的 CTO 「Evan Wallace」基于 Golang 开发的一款打包工具,相比传统的打包工具,主打性能优势,在构建速度上可以快 10~100 倍。内部打包算法充分利用多核 CPU 优势。Esbuild 内部算法设计是经过精心设计的,尽可能充分利用所有的 CPU 内核。所有的步骤尽可能并行,这也是得益于 Go 当中多线程共享内存的优势,而在 JS 中所有的步骤只能是串行的。
展开
评论
点赞
#青训营笔记创作活动#
1月17日 day7
通过这篇文章可以学会如何使用 WebRTC 的一些 API、学会如何分享屏幕,录制屏幕、学会如何通过 WebRTC 实现拍照、学会如何实现视频虚拟背景、搭建一个 1v1 的 WebRTC 实时音视频通话
1月17日 day7
通过这篇文章可以学会如何使用 WebRTC 的一些 API、学会如何分享屏幕,录制屏幕、学会如何通过 WebRTC 实现拍照、学会如何实现视频虚拟背景、搭建一个 1v1 的 WebRTC 实时音视频通话
展开
评论
点赞
#青训营笔记创作活动#
1月16日 打卡day6
今天学习的是抓包工具whistle 使用,学会抓包是软件开发人员必须掌握的调试技能,whistle 就可以做到拦截线上页面请求数据,再响应本地代码,抓包就是将网络传输发送与接收的数据包进行截获、重发、编辑、转存等操作。回顾下计算机网络知识,数据在网络上是以很小的帧的单位传输的,帧通过特定的称为网络驱动程序的程序进行成型,然后通过网卡发送到网线上,通过网线到达目的机器,在目的机器的一端执行相反的过程。接收端机器的以太网捕获到这些帧,并告诉操作系统帧已到达,然后对其进行存储。在这个传输和接收的过程,就可以使用抓包工具(Sniffers)进行抓包,作为前端开发者,通常是抓取应用层的 HTTP/HTTPS 的包。
1月16日 打卡day6
今天学习的是抓包工具whistle 使用,学会抓包是软件开发人员必须掌握的调试技能,whistle 就可以做到拦截线上页面请求数据,再响应本地代码,抓包就是将网络传输发送与接收的数据包进行截获、重发、编辑、转存等操作。回顾下计算机网络知识,数据在网络上是以很小的帧的单位传输的,帧通过特定的称为网络驱动程序的程序进行成型,然后通过网卡发送到网线上,通过网线到达目的机器,在目的机器的一端执行相反的过程。接收端机器的以太网捕获到这些帧,并告诉操作系统帧已到达,然后对其进行存储。在这个传输和接收的过程,就可以使用抓包工具(Sniffers)进行抓包,作为前端开发者,通常是抓取应用层的 HTTP/HTTPS 的包。
展开
评论
1
#青训营笔记创作活动#
1月15日day5
今天学到了JavaScript中11个必须学会的工具方法。在过去的开发过程中,遇到过很多类似于防抖/节流,计算生日之类的需求,每次都感觉在哪儿写过,但是都又不知道在哪儿写过,又只好重新查找资料再写一遍,不知道重复造了多少轮子,不知道走了多少弯路。这篇文章里面的11个工具方法都是用的挺多的,建议直接收藏!
1月15日day5
今天学到了JavaScript中11个必须学会的工具方法。在过去的开发过程中,遇到过很多类似于防抖/节流,计算生日之类的需求,每次都感觉在哪儿写过,但是都又不知道在哪儿写过,又只好重新查找资料再写一遍,不知道重复造了多少轮子,不知道走了多少弯路。这篇文章里面的11个工具方法都是用的挺多的,建议直接收藏!
展开
评论
1