用户4951318865678 的个人主页 - 动态

关注了

2年前

#稀土开发者大会2023 # 今天我也来了

2年前

#挑战每日一条沸点# 今天把前端打卡的最后一天阅读材料

juejin.cn看了

，这篇主要讲的是pixi.js 库，举了一个小例子演示怎么用，没涉及到很原理的东西，虽然不知道背后那些过滤器的原理但是直接调用感觉还是可以的。
40天的阅读材料跳了几篇和react有关的博文，因为没学过react，看的实在有点费劲，但是其他都有认真看了hhh，有几篇跟包管理器，分包有关的写的真的太好了，我就算之前没怎么了解过也看懂了，就是有点小长，作者真是太厉害了。接着就是跟着一些博文重新复习了一下自己之前学过的内容，最后就是一些逻辑性不强但是做出来的前端效果真的超级好看，没接触之前感觉工作量应该不小，结果调用一些库就解决了，还是蛮长见识的，真的推荐大家把这些阅读材料都看一遍，会从很多方面有收获的。

展开

青训营-快乐出发

2年前

#挑战每日一条沸点# 因为react之前真的没用过，所以先跳过day38的材料了，今天把day39的阅读材料

juejin.cn看了，主要就介绍了一下苹果发布会的动画效果怎么做的，利用了css一些比较好玩的特性，没怎么涉及到逻辑，提到了两种方法，第一种就是background-clip用来扣出哪些地方显示背景，如果设为text，然后把文字设为透明，就可以看到字形状的里面是我们设置的背景图片，然后做一个移动背景图片的动画，我们透过文字形状看到的背景就变了，还挺好看的，第二种就是用的mix-blend-mode混合模式，文字写在一个div下，该div下面再挂一个div然后设置该子div的背景颜色为渐变色，然后在子div上设置mix-blend-mode：darken，这样只有父div中白色的部分才会透出来背景颜色，接下来就是动子div的位置就可以啦。
后面只是简单提了一下用gsap控制div或背景位置移动动画，但是之前我没用过所以又找了两篇博文（

juejin.cn ，

juejin.cn）看了一下，蛮简单的以后我做自己博客的时候也要用，真的好酷。
最后突然想起来，我看这篇阅读材料的时候发现我之前没用过linear-gradient做水平渐变，然后找了这篇博文

juejin.cn看了一下，还蛮清楚的，css很多时候都是一些知识性的内容，看完基本就知道咋用了，但是配合出来的结果真的惊艳

展开

青训营-快乐出发

2年前

#挑战每日一条沸点# 感觉这几天都没时间看阅读材料了，毕业论文交初稿的时间要到了

，但是现在已经看到day37了，应该能在青训营结束前看完，加油加油

。

青训营-快乐出发

2年前

#挑战每日一条沸点# 今天读了day37的阅读材料

juejin.cn，直接用js实现的图片放大，放大后对图片进行缩放和平移。其实感觉蛮简单的，主要思路就是点击了某张图片之后，clone对应的元素，然后创造一个新的div铺满屏幕背景色为灰色，然后把clone的元素作为该div的子节点，之后就是监听各种事件，主要利用transform的translate和scale来缩放和移动。比较有点意思的是一开始缩放的原点是鼠标所在位置或者是两只手指的中点（如果用的是手机端，两只手指来缩放的方式），但是常常会因为在缩放过程鼠标移动了，或者两手指的中坐标变了，这个时候就会出现图片瞬移的现象，所以作者使用的方法还挺巧妙的，就是计算该缩放原点的位置变化，然后计算出一个补偿值，来避免瞬移。
不过我当时第一个想法就是在电脑端这种情况不明显可以先不处理，而手机端就是按第一次两只手指按下后算的中点作为原点，之后就不变了，直至手指抬起下一次放大的时候再重新计算缩放的原点位置（确实太偷懒了

展开

青训营-快乐出发

赞过

1

2年前

#挑战每日一条沸点# 今天好抱歉没有看阅读材料、明天连着一起看了，今晚玩桌游玩太晚了，今天阿姨还提早赶人了，我本来还可以再自习室多待会的，明早就写沸点补上🥲

青训营-快乐出发

赞过

1

2年前

#挑战每日一条沸点# 今天把day36的阅读材料

juejin.cn看了，主要讲了一下vue的for循环里为什么key不能用inex，因为之前就了解过了，现在再复习一下。博主举得例子确实都挺典型，把index作为key实际上就是把vue设计的时候预先的假设破环了，vue里的for是假设循环里的每一个组件都有自己的独一无二的表示，然后根据这个标识就可以复用它，如果用index的话，遇到更换for循环里组件的排列情况，实际上就是更换了组件这个独一无二的表示，那v-for就会错误的复用组件。举个例子就是，小红和小芳的身份证号互换了，但警局还是按之前没换身份证的情况认人，就会出现认错的情况。

展开

青训营-快乐出发

2年前

#挑战每日一条沸点# 今天把day35的阅读材料

juejin.cn，介绍了引导页怎么做，之前在一个公司实习的时候见过，感觉用户体验真的提升了好多，我那个时候还是个小运营，还以为挺难的，没想得实际上那么简单，用第三方库编写起来特别快。这篇阅读材料也介绍了几种常用的第三方库，以后有机会试试。而且还介绍了怎么手撸一个简单的引导页，用了两种方法，一种是复制要高亮的节点，一种是修改要高亮节点的z-index让它在灰色背景上，在结尾还简单的介绍了一下用svg方法画出一个有对应形状的灰色蒙版的方法，挺不错的。
然后还看了下阅读材料提到的一篇介绍如何选取npm包的博文

juejin.cn

展开

青训营-快乐出发

赞过

1

2年前

#挑战每日一条沸点# 今天把day34的阅读材料

juejin.cn看了，里面说到的短路运算和三元运算符之前都有意识的在项目里用了，但是那个switch确实写的有点麻烦，基本上没怎么用过。新学到的东西就是对象配置/策略模式，用对象或者Map做不同输入转成不同输出的处理，确实转换关系挺清晰的，就是选项一多就很麻烦，其实作者举得年终奖分部门的那一部分就感觉有一小点冗余了，不过用在简单的转换上还是挺有意思的。

展开

青训营-快乐出发

2年前

#挑战每日一条沸点# 今天看了pinia的使用，因为之前用过了，但是也有段时间了……按这个捋了一遍，捡回来了。不过那个时候是手动持久化，自己把它放到local storage里，现在才发现有持久化插件，加一个属性就行。

青训营-快乐出发

2年前

#挑战每日一条沸点# 今天本来要看day32的阅读材料

juejin.cn，但是快速浏览了一下，感觉主要是一些包的使用，并没有涉及到一些更深的东西，所以就没仔细看，然后看评论区感觉目前主流的在线预览pdf，excel等文件的方案，大头应该在后端。
然后，主要是看了大家青训营的笔记，有些同学记得好认真啊，今天看了

juejin.cn，记得太清楚了

，复习的时候都不用回放了

展开

青训营-快乐出发

关注了

2年前

#挑战每日一条沸点# 今天把day31的阅读材料

juejin.cn看了，这篇博客好长，但是确实把AST和相关的概念都讲得一清二楚，作者太厉害了。
这篇文章简单的介绍了一下AST是什么，然后就讲了一下和AST息息相关的编译器，这个编译器通过词法解析获得tokens，利用语法解析把这些tokens穿成一个抽象语法树，对这个AST做相应处理之后得到了了新的AST再利用这个，生成新的代码。还用js手搓了一个简单的编译器加深了我的理解，然后再讲了一下用一些库可以大大加快我们修改js的AST树的整个流程，引入一些babel库之后就不用自己写js词法解析，也不用自己语法规则让这些tokens构成一个语法树，只要写怎么对这个语法树做处理就可以，重新生成新的js代码也不用我们写，重点放在AST树我们想要怎么处理上，很长读了四五个小时吧，但是收获真的超级多

展开

青训营-快乐出发

2年前

#挑战每日一条沸点# 今天把day30的阅读材料

juejin.cn看了，主要讲的是qiankun的三种沙箱的实现方式，前两种SnapshotSandbox和LegacySandbox都是单例模式，每次主应用环境和微应用环境相互切换的时候都要把数据重新备份一下，用主应用环境的时候备份微应用环境，用微应用环境的时候备份主应用环境，只不过两种方法略有区别，SnapshotSandbox是一个一个比对之前备份的和现在备份的东西有哪些不一样的，然后修改一下，LegacySandbox是记录使用主应用环境或微应用环境涉及到的变量修改，等备份的时候就可以直接利用那些信息修改备份，不用一个个用diff算法比对。然后，还有一种沙箱是ProxySandbox，它是把window的一些对象拷贝出来作为fakeWindow，然后有几个微服务就有几个fakeWindow，就不用像之前的两个沙箱只能使用一个微服务，备份的时候还很麻烦，这个就只用切换fakeWindow就行。
今天还看了js的课程，感觉都在射程范围内，不像css好像有很多要学习的部分，这次js讲的东西主要都是面试题常问的，之前背八股的时候就有所了解

，当作复习一下啦

展开

青训营-快乐出发