2022对于我个人和大家来说，都是值得记录的一年。在2022年5月到10月这5个月，我经历自己的低谷，见到了自己的愚昧。在这里我分享下所见所思所感：一个人是不是在生活艰难的情况下就必然有所成就呢？当然也不是。大部分人其实会被人生的艰难压垮，有时候可能是因为过度疲劳，比如有的人
2022对于我个人和大家来说，都是值得记录的一年。在2022年5月到10月这5个月，我经历自己的低谷，见到了自己的愚昧。在这里我分享下所见所思所感：一个人是不是在生活艰难的情况下就必然有所成就呢？当然也不是。大部分人其实会被人生的艰难压垮，有时候可能是因为过度疲劳，比如有的人
2022对于我个人和大家来说，都是值得记录的一年。在2022年5月到10月这5个月，我经历自己的低谷，见到了自己的愚昧。在这里我分享下所见所思所感：一个人是不是在生活艰难的情况下就必然有所成就呢？当然也不是。大部分人其实会被人生的艰难压垮，有时候可能是因为过度疲劳，比如有的人
?前言这个小项目源于github项目:✨50projects50days,这个项目包含了50个小型前端项目，适合学习了Html+Css+JavaScript但是还没有学习框架的前端新手作为练习。这里是原项目对模糊加载的代码实现?BlurryLoading.?分析变化过程：数字从0不断增长到100；中间的百分比数字逐渐消失，即透明度opacity到1到0；背景图片从模糊变为清晰，滤镜filter:blur()的参数设置为从30px到0px.?布局body使用flex布局，将文字置于屏幕中央即可。?图片大小图片的宽高如果只是设置成100vw和100vh的话，在边界处会出现白色模糊区域(滤镜导致)。
?前言这个小项目源于github项目:✨50projects50days,这个项目包含了50个小型前端项目，适合学习了Html+Css+JavaScript但是还没有学习框架的前端新手作为练习。这里是原项目对模糊加载的代码实现?BlurryLoading.?分析变化过程：数字从0不断增长到100；中间的百分比数字逐渐消失，即透明度opacity到1到0；背景图片从模糊变为清晰，滤镜filter:blur()的参数设置为从30px到0px.?布局body使用flex布局，将文字置于屏幕中央即可。?图片大小图片的宽高如果只是设置成100vw和100vh的话，在边界处会出现白色模糊区域(滤镜导致)。
50Projects01ExpandingCards(附带新手菜鸡注释)LiveDemoHTML:ExpandingcardsExploreWorldWildForestSunnyBeachCityonWinterMountains-CloudsCSS*{box-sizing:border-box;}body{display:flex;align-items:center;justify-content:center;height:100vh;overflow:hidden;margin:0;}.container{display:flex;width:90vw;}.panel{backgro
50Projects01ExpandingCards(附带新手菜鸡注释)LiveDemoHTML:ExpandingcardsExploreWorldWildForestSunnyBeachCityonWinterMountains-CloudsCSS*{box-sizing:border-box;}body{display:flex;align-items:center;justify-content:center;height:100vh;overflow:hidden;margin:0;}.container{display:flex;width:90vw;}.panel{backgro
签到题，模拟即可，注意除法不是整除。贪心intres=0;while(n>x){n/=2;res++;}while(n>0){n-=x;res++;}这题没看清楚，以为取余也要从数组中选择。实际上这是没必要的，只要在全体>1的自然数集合中取值即可。这样的话问题就简单了，可以直接mod2，但实际上这样还不对，比如51015200这样的数据就可以直接mod5。参考思路：如果数组中所有数互质且至少存在一个>=2的数，则直接先mod2再把所有还剩1的数都-1，共2次操作；否则，可以mod所有数的gcd，只需1次操作；否则，若只存在0，则只需0次操作；否则（即只存在0和1），只需1次操作。 inta,n
签到题，模拟即可，注意除法不是整除。贪心intres=0;while(n>x){n/=2;res++;}while(n>0){n-=x;res++;}这题没看清楚，以为取余也要从数组中选择。实际上这是没必要的，只要在全体>1的自然数集合中取值即可。这样的话问题就简单了，可以直接mod2，但实际上这样还不对，比如51015200这样的数据就可以直接mod5。参考思路：如果数组中所有数互质且至少存在一个>=2的数，则直接先mod2再把所有还剩1的数都-1，共2次操作；否则，可以mod所有数的gcd，只需1次操作；否则，若只存在0，则只需0次操作；否则（即只存在0和1），只需1次操作。 inta,n
?前言这个小项目源于github项目:✨50projects50days,这个项目包含了50个小型前端项目，适合学习了Html+Css+JavaScript但是还没有学习框架的前端新手作为练习。这里是原项目的代码实现?扩展卡片ExpandingCards?分析?布局卡片横向排列，可以使用flex布局.文字位于卡片左下角，可以将卡片设置为相对定位position:relative;,文字设置为绝对定位position:absolute;，然后设置left和bottom属性.?文字样式大卡片有文字，小卡片没有文字，一开始的想法是给小卡片的文字设置display:none;，大卡片的文字设置disp
