用户1151743685565
获得徽章 1
#青训营笔记创作活动#
1月25号 打卡day11
今日学习vite 项目屏幕适配两种方案，超详细！
在CSS3中，我们可以使用transform属性的scale()方法来实现元素的缩放效果。缩放，指的是“缩小”和“放大”的意思。
transform: scaleX(x); / 沿x轴方向缩放/
transform: scaleY(y); / 沿y轴方向缩放/
transform: scale(); / 同时沿x轴和y轴缩放/
1月25号 打卡day11
今日学习vite 项目屏幕适配两种方案，超详细！
在CSS3中，我们可以使用transform属性的scale()方法来实现元素的缩放效果。缩放，指的是“缩小”和“放大”的意思。
transform: scaleX(x); / 沿x轴方向缩放/
transform: scaleY(y); / 沿y轴方向缩放/
transform: scale(); / 同时沿x轴和y轴缩放/
展开
评论
点赞
#青训营笔记创作活动#
1月24号 打卡day10
今日学习细数那些惊艳一时的css属性
这种场景实际上很多：比如表格的标题栏、网站的导航栏、手机通讯录的人名首字母标题等等。如果让大家自己动手做的话，是不是会用 js 结合 css 来实现呢？以前确实是这样的，直到后来 position 属性新增了一个属性值 sticky ，前端程序员才迎来了小春天。
1月24号 打卡day10
今日学习细数那些惊艳一时的css属性
这种场景实际上很多：比如表格的标题栏、网站的导航栏、手机通讯录的人名首字母标题等等。如果让大家自己动手做的话，是不是会用 js 结合 css 来实现呢？以前确实是这样的，直到后来 position 属性新增了一个属性值 sticky ，前端程序员才迎来了小春天。
展开
评论
点赞
#青训营笔记创作活动#
1月23号 打卡day9
今日学习 图片不压缩，前端要背锅 🍳
页面迭代，新增了几张图片，重新打包上线时，会导致旧图片被多次压缩；
无法选择哪些图片要被压缩，哪些图片不被压缩；TinyPng提供两种压缩方法：
通过在官网上进行手动压缩；
通过官方提供的tinify进行压缩；
1月23号 打卡day9
今日学习 图片不压缩，前端要背锅 🍳
页面迭代，新增了几张图片，重新打包上线时，会导致旧图片被多次压缩；
无法选择哪些图片要被压缩，哪些图片不被压缩；TinyPng提供两种压缩方法：
通过在官网上进行手动压缩；
通过官方提供的tinify进行压缩；
展开
评论
点赞
#第五届青训营阅读打卡#
1月20号 打卡day8
今日学习 前端构建新世代，Esbuild 原来还能这么玩！
Esbuild 是由 Figma 的 CTO 「Evan Wallace」基于 Golang 开发的一款打包工具，相比传统的打包工具，主打性能优势，在构建速度上可以快 10~100 倍。
#青训营笔记创作活动#
1月20号 打卡day8
今日学习 前端构建新世代，Esbuild 原来还能这么玩！
Esbuild 是由 Figma 的 CTO 「Evan Wallace」基于 Golang 开发的一款打包工具，相比传统的打包工具，主打性能优势，在构建速度上可以快 10~100 倍。
#青训营笔记创作活动#
展开
评论
点赞
#青训营笔记创作活动#
1月19号 打卡day7
今日学习WebRTC 从实战到未来！迎接风口，前端必学的技术
WebRTC (Web Real-Time Communications) 是一项实时通讯技术，它允许网络应用或者站点，在不借助中间媒介的情况下，建立浏览器之间点对点（Peer-to-Peer）的连接，实现视频流和（或）音频流或者其他任意数据的传输。WebRTC 包含的这些标准使用户在无需安装任何插件或者第三方的软件的情况下，创建点对点（Peer-to-Peer）的数据分享和电话会议成为可能。
1月19号 打卡day7
今日学习WebRTC 从实战到未来！迎接风口，前端必学的技术
WebRTC (Web Real-Time Communications) 是一项实时通讯技术，它允许网络应用或者站点，在不借助中间媒介的情况下，建立浏览器之间点对点（Peer-to-Peer）的连接，实现视频流和（或）音频流或者其他任意数据的传输。WebRTC 包含的这些标准使用户在无需安装任何插件或者第三方的软件的情况下，创建点对点（Peer-to-Peer）的数据分享和电话会议成为可能。
展开
评论
点赞
#青训营笔记创作活动#
1月18号 打卡day6
今日学习前端人必须掌握的抓包技能
抓包就是将网络传输发送与接收的数据包进行截获、重发、编辑、转存等操作对运行在不同端系统上的客户端程序和服务端程序是如何互相通信的么？实际上，在操作系统上的术语中，进行通信的实际上是进程而不是程序，一个进程可以被认为是运行在端系统中的一个程序。
1月18号 打卡day6
今日学习前端人必须掌握的抓包技能
抓包就是将网络传输发送与接收的数据包进行截获、重发、编辑、转存等操作对运行在不同端系统上的客户端程序和服务端程序是如何互相通信的么？实际上，在操作系统上的术语中，进行通信的实际上是进程而不是程序，一个进程可以被认为是运行在端系统中的一个程序。
展开
评论
点赞
#青训营笔记创作活动#
1月17号 打卡day5
今日学习JavaScript 必须学会的11 个工具方法(避免重复造轮子)
防抖：指定时间内 频繁触发一个事件，以最后一次触发为准
节流：指定时间内 频繁触发一个事件，只会触发一次
防抖是： input搜索，用户在不断输入内容的时候，用防抖来减少请求的次数并且节约请求资源
节流：场景普遍就是按钮点击，一秒点击 10 下会发起 10 次请求，节流以后 1 秒点再多次，都只会触发一次
1月17号 打卡day5
今日学习JavaScript 必须学会的11 个工具方法(避免重复造轮子)
防抖：指定时间内 频繁触发一个事件，以最后一次触发为准
节流：指定时间内 频繁触发一个事件，只会触发一次
防抖是： input搜索，用户在不断输入内容的时候，用防抖来减少请求的次数并且节约请求资源
节流：场景普遍就是按钮点击，一秒点击 10 下会发起 10 次请求，节流以后 1 秒点再多次，都只会触发一次
展开
评论
点赞
#青训营笔记创作活动#
1月16号 打卡day4
今日学习端人70%以上 不了解的promise/async await
Promise(承诺)，给予调用者一个承诺，过一会返回数据给你，就可以创建一个promise对象
当我们new一个promise，此时我们需要传递一个回调函数，这个函数为立即执行的，称之为（executor）
这个回调函数，我们需要传入两个参数回调函数，reslove,reject(函数可以进行传参)
当执行了reslove函数，会回调promise对象的.then函数
当执行了reject函数，会回调promise对象的.catche函数
1月16号 打卡day4
今日学习端人70%以上 不了解的promise/async await
Promise(承诺)，给予调用者一个承诺，过一会返回数据给你，就可以创建一个promise对象
当我们new一个promise，此时我们需要传递一个回调函数，这个函数为立即执行的，称之为（executor）
这个回调函数，我们需要传入两个参数回调函数，reslove,reject(函数可以进行传参)
当执行了reslove函数，会回调promise对象的.then函数
当执行了reject函数，会回调promise对象的.catche函数
展开
评论
点赞
赞了这篇文章
关注了标签 
青训营笔记
#青训营笔记创作活动#
1月15号 打卡day3
今日学习 现代前端工程为什么越来越离不开 Monorepo?
随着前端工程日益复杂，某些业务或者工具库通常涉及到很多个仓库，那么时间一长，多个仓库开发弊端日益显露，由此出现了一种新的项目管理方式——Monorepo
概念上很好理解，就是把多个项目放在一个仓库里面，相对立的是传统的 MultiRepo 模式，即每个项目对应一个单独的仓库来分散管理。
1月15号 打卡day3
今日学习 现代前端工程为什么越来越离不开 Monorepo?
随着前端工程日益复杂，某些业务或者工具库通常涉及到很多个仓库，那么时间一长，多个仓库开发弊端日益显露，由此出现了一种新的项目管理方式——Monorepo
概念上很好理解，就是把多个项目放在一个仓库里面，相对立的是传统的 MultiRepo 模式，即每个项目对应一个单独的仓库来分散管理。
展开
评论
点赞
#青训营笔记创作活动#
1月14号 打卡day2
今日学习 实用工具与网站
1 GitHub Desktop git命令
2 tinypng 压缩图片
3 在线代码编辑 codePen CodeSandbox 马上掘金
4 JSON.cn 在线格式化 smalldev
5 carbon生成代码片段 ray.so
6 表情符号 emoji中文网
7 矢量图标 iconfont
8 css3动画 css3-animation
9 canva 封面模板
10 UnSplash 高清图片
11 在线画图 boardmix processOn
12 surge 快读部署建站
13 在线性能评测 pagespeed
14 多平台测试 responsively 有病毒？？？？
15 极简插件 Chrome扩展组件
16 在线简历500丁网站
1月14号 打卡day2
今日学习 实用工具与网站
1 GitHub Desktop git命令
2 tinypng 压缩图片
3 在线代码编辑 codePen CodeSandbox 马上掘金
4 JSON.cn 在线格式化 smalldev
5 carbon生成代码片段 ray.so
6 表情符号 emoji中文网
7 矢量图标 iconfont
8 css3动画 css3-animation
9 canva 封面模板
10 UnSplash 高清图片
11 在线画图 boardmix processOn
12 surge 快读部署建站
13 在线性能评测 pagespeed
14 多平台测试 responsively 有病毒？？？？
15 极简插件 Chrome扩展组件
16 在线简历500丁网站
展开
评论
点赞
#青训营笔记创作活动#
1月13日 打卡day1
今日学习纯js实现拖拽效果
可以用transition实现自然地动画达到更好的效果
最后要进行性能优化主要是降低回流重绘地成本将多个操作合并起来处理就可以了
1月13日 打卡day1
今日学习纯js实现拖拽效果
可以用transition实现自然地动画达到更好的效果
最后要进行性能优化主要是降低回流重绘地成本将多个操作合并起来处理就可以了
展开
评论
点赞