获得徽章 0
- #青训营笔记创作活动#
1月27日 打卡day12
postcss-pxtorem 是PostCSS的插件,用于将像素单元生成rem单位
autoprefixer 浏览器前缀处理插件
amfe-flexible 可伸缩布局方案 替代了原先的lib-flexible选用了当前众多浏览器兼容的viewport展开评论点赞 - #青训营笔记创作活动#
1月26日 打卡day11
可以用 gap 属性,gap 属性它适用于 Grid 布局、Flex 布局以及多列布局,并不一定只是 Grid 布局中可以使用。
比如我们要让每个元素之间隔开 20px, 那么使用 gap 我们可以这样:display: flex | grid;
gap: 20px;展开评论点赞 - #青训营笔记创作活动#
1月25日 打卡day10
compressSvga的「输入」、「输出」和compressImg保持一致,目的是为了可以使用promise.all同时调用。在compressSvga内部,对svga进行解析成data,获取到svga的图片列表images,接着调用compressImg对images进行压缩,使用压缩后的图片覆盖data.images,最后再把data编码后,写入到本地覆盖原本的svga。
展开评论点赞 - #青训营笔记创作活动#
1月24日 打卡day9
Esbuild 是由 Figma 的 CTO 「Evan Wallace」基于 Golang 开发的一款打包工具,相比传统的打包工具,主打性能优势,在构建速度上可以快 10~100 倍。
展开评论点赞 - #青训营笔记创作活动#
1月23日 打卡day8
要想了解 WebRTC,首先要了解媒体流,媒体流可以是来自本地设备的,也可以是来自远程设备的。媒体流可以是实时的,也可以是非实时的。上述的应用场景中,我们都需要使用到媒体流,我们可以通过摄像头,麦克风,屏幕共享等方式获取到媒体流,然后通过 WebRTC 技术将媒体流传输到远端实现实时通讯。
展开评论点赞 - #青训营笔记创作活动#
1月22日 打卡day7
数据在网络上是以很小的帧的单位传输的,帧通过特定的称为网络驱动程序的程序进行成型,然后通过网卡发送到网线上,通过网线到达目的机器,在目的机器的一端执行相反的过程。接收端机器的以太网捕获到这些帧,并告诉操作系统帧已到达,然后对其进行存储。在这个传输和接收的过程,就可以使用抓包工具(Sniffers)进行抓包,作为前端开发者,通常是抓取应用层的 HTTP/HTTPS 的包。
展开评论点赞 - #青训营笔记创作活动#
1月21日 打卡day6
插上网线之后,获得IP的方式主要有两种。
第一种是,自己手动在电脑里配。像下图那样,是macOS的一个截图,在选择手动配置之后,除了IP地址还需要配上子网掩码和路由器的地址。
展开评论点赞 - #青训营笔记创作活动#
1月20日 打卡day5
JavaScript 必须学会的11 个工具方法,其中检测是否为一个安全数组写的特别好,很仔细,校验也很详细评论点赞 - #青训营笔记创作活动#
1月19日 打卡day4
all方法的参数传入为一个可迭代对象,返回一个promise,只有三个都为resolve状态的时候才会调用.then方法。
只要有一个promise的状态为rejected,则会回调.catch方法展开评论点赞 - #青训营笔记创作活动#
1月18日 打卡day3
Monorepo 其实不是一个新的概念,在软件工程领域,它已经有着十多年的历史了。概念上很好理解,就是把多个项目放在一个仓库里面,相对立的是传统的 MultiRepo 模式,即每个项目对应一个单独的仓库来分散管理。展开评论点赞