用户2161734947844
获得徽章 3
#青训营笔记创作活动#
2月14日 打卡day19
今日学习:
今天学习了可以用css代替JS的代码，比如颜色选择器我们通常用JavaScript来实现，现在可以通过input标签属性，< input type=" color" value="# ff99ff" /> 滑顶触底效果:可以用a标签的href属性解决，还可以使用css的scroll-snap-type:x
mandatory可以让你顺滑切图，当你滑动横向滚动条到一定位置时，会自动为你切图，会显得流畅。
2月14日 打卡day19
今日学习:
今天学习了可以用css代替JS的代码，比如颜色选择器我们通常用JavaScript来实现，现在可以通过input标签属性，< input type=" color" value="# ff99ff" /> 滑顶触底效果:可以用a标签的href属性解决，还可以使用css的scroll-snap-type:x
mandatory可以让你顺滑切图，当你滑动横向滚动条到一定位置时，会自动为你切图，会显得流畅。
展开
评论
点赞
#青训营笔记创作活动#
2月13日 打卡day18
今日学习:
今天学习了为了提升代码可以减少if-else的技巧，可以使用逻辑与‖参与运算，还可以使用三元运算符去替代if-else，还可以使用switch case。
2月13日 打卡day18
今日学习:
今天学习了为了提升代码可以减少if-else的技巧，可以使用逻辑与‖参与运算，还可以使用三元运算符去替代if-else，还可以使用switch case。
展开
评论
点赞
#青训营笔记创作活动#
2月12日 打卡day17
今日学习:
今天学习了解读package. json，住所周知每个项目里都会有json文件，package. json有很多配置
Name:项目的名称
version:项目的版本号
repository:项目的仓库地址及版本控制信息
description:项目的描述
homepage:项目主页链接
bugs:项目bug反馈地址
license:项目开源许可证
author:项目作者
lint-staged:对于对git的暂存区文件操作工具
browserslist:设置项目的浏览器兼容情况
2月12日 打卡day17
今日学习:
今天学习了解读package. json，住所周知每个项目里都会有json文件，package. json有很多配置
Name:项目的名称
version:项目的版本号
repository:项目的仓库地址及版本控制信息
description:项目的描述
homepage:项目主页链接
bugs:项目bug反馈地址
license:项目开源许可证
author:项目作者
lint-staged:对于对git的暂存区文件操作工具
browserslist:设置项目的浏览器兼容情况
展开
评论
点赞
#青训营笔记创作活动#
2月11日 打卡day16
今日学习：
今日学习了用前端实现一个羊了个羊的小游戏，编程主打的就是思路，作者的思路调理清晰，利用随机数生成不同的数组生成地图，可以学习作者这种编程思路，对我有很大提升。
2月11日 打卡day16
今日学习：
今日学习了用前端实现一个羊了个羊的小游戏，编程主打的就是思路，作者的思路调理清晰，利用随机数生成不同的数组生成地图，可以学习作者这种编程思路，对我有很大提升。
展开
评论
点赞
#青训营笔记创作活动#
2月10日 打卡day15
今日学习:
今天学习了前端的vw vh scale rem单位自适应，vw是视窗宽度，1vw等于视窗宽度的1%
vh则是视窗高度，同理1vh等于视窗高度的1%
rem是相对单位，相对根结点html的字体大小来计算
通过scale属性可以根据屏幕大小对图标整体的等比缩放
2月10日 打卡day15
今日学习:
今天学习了前端的vw vh scale rem单位自适应，vw是视窗宽度，1vw等于视窗宽度的1%
vh则是视窗高度，同理1vh等于视窗高度的1%
rem是相对单位，相对根结点html的字体大小来计算
通过scale属性可以根据屏幕大小对图标整体的等比缩放
展开
评论
点赞
#第五届青训营阅读打卡#
2月9日 打卡day14
今日学习:
Esbuild，Esbuild 是由 Figma 的 CTO 「Evan Wallace」基于 Golang 开发的一款打包工具，相比传统的打包工具，主打性能优势，在构建速度上可以快 10~100 倍。
优势在于:
1.Golang开发
2.多核并行
3.从零轮子
4.高效利用内存
但总体来说，目前 Esbuild 对于真实的 Web 场景还有很多能力不支持，还有一些硬伤，包括语法不支持降级到ES5，拆包不灵活、不支持 HMR，对于真正能作为 Webpack 一样的构建工具来讲还有很长的路要走。
2月9日 打卡day14
今日学习:
Esbuild，Esbuild 是由 Figma 的 CTO 「Evan Wallace」基于 Golang 开发的一款打包工具，相比传统的打包工具，主打性能优势，在构建速度上可以快 10~100 倍。
优势在于:
1.Golang开发
2.多核并行
3.从零轮子
4.高效利用内存
但总体来说，目前 Esbuild 对于真实的 Web 场景还有很多能力不支持，还有一些硬伤，包括语法不支持降级到ES5，拆包不灵活、不支持 HMR，对于真正能作为 Webpack 一样的构建工具来讲还有很长的路要走。
展开
评论
点赞
#青训营笔记创作活动#
2月7日 打卡day13
今日学习：
今天学习了用CSS来做滚动文字特效的例子，可以先使用文字属性color的transparent属性把文字变的透明，然后使用-webkit-background-clip:text使背景附着到文字的颜色上去。第二种方法是使用mix-blend-mode: darken方法，将背景图像和颜色融合为暗色，然后加一个上下移动的动画。
2月7日 打卡day13
今日学习：
今天学习了用CSS来做滚动文字特效的例子，可以先使用文字属性color的transparent属性把文字变的透明，然后使用-webkit-background-clip:text使背景附着到文字的颜色上去。第二种方法是使用mix-blend-mode: darken方法，将背景图像和颜色融合为暗色，然后加一个上下移动的动画。
展开
评论
点赞
赞了这篇文章
#青训营笔记创作活动#
2月6日 打卡day12
今日学习：
今天学习了利用CSS来监听事件，可以利用CSS的transitionend方法，transitionend事件是在CSS完成过渡后触发，具体逻辑为：el.addEventListener('transitionend', () =>{// 具体逻辑} )，还可以使用animationiteration方式，animationiteration事件是在CSS动画重新播放时触发。
2月6日 打卡day12
今日学习：
今天学习了利用CSS来监听事件，可以利用CSS的transitionend方法，transitionend事件是在CSS完成过渡后触发，具体逻辑为：el.addEventListener('transitionend', () =>{// 具体逻辑} )，还可以使用animationiteration方式，animationiteration事件是在CSS动画重新播放时触发。
展开
评论
点赞
#青训营笔记创作活动#
2月5日 打卡day11
今日学习：
今天学习了20个常用的Git指令，Git 是一个开源的分布式版本控制系统，是目前世界上最先进、最流行的版本控制系统。它可以快速高效地处理从很小到非常大的项目版本管理。已经成为程序员必备的一个技能。
2月5日 打卡day11
今日学习：
今天学习了20个常用的Git指令，Git 是一个开源的分布式版本控制系统，是目前世界上最先进、最流行的版本控制系统。它可以快速高效地处理从很小到非常大的项目版本管理。已经成为程序员必备的一个技能。
展开
评论
点赞
#青训营笔记创作活动#
2月4日 打卡day10
今日学习：
今天学习了用CSS也可以完成JS的节流操作，使用CSS的pointer-events、animation以及:active伪元素来实现，pointer-events是设置元素是否对鼠标事件做出反应，animation则是css动画通过限制时间来改变鼠标的反应。
这种方法可以当做一个新的思路。
2月4日 打卡day10
今日学习：
今天学习了用CSS也可以完成JS的节流操作，使用CSS的pointer-events、animation以及:active伪元素来实现，pointer-events是设置元素是否对鼠标事件做出反应，animation则是css动画通过限制时间来改变鼠标的反应。
这种方法可以当做一个新的思路。
展开
评论
点赞