20240127 前端开发日报

js谐音梗创意小游戏《望子成龙》；没有虚拟DOM版本的vue（Vue Vapor）；如何应对Android面试官-> 玩转 ViewPager 懒加载；前端-关于element-ui表头吸附的问题；CSS 滚动驱动动画实现圆弧滚动条；逃离微前端：我不懂的那些 iframe；六万字解析webpack底层原理； 拥抱 webComponent，给你的网页添点彩

1. js谐音梗创意小游戏《望子成龙》

   前言 时隔许久，终于再次上线了创意投稿大赛，又到了我最喜欢的环节。 龙年伊始，我给各位设计了一款原创的小游戏，话不多说，直接进入正题，只求各位一个小赞 游戏体验 游戏灵感 灵感来源于一个成语

2. 没有虚拟DOM版本的vue（Vue Vapor）

   随着Svelte和SolidJS的流行，无虚拟DOM模式逐渐开始火了起来。vue也推出了无虚拟DOM模式的版本

3. 如何应对Android面试官-> 玩转 ViewPager 懒加载

   玩转 ViewPager 懒加载机制，深度理解 ViewPager 渲染原理，助你轻松应对Android面试官连环炮

4. 前端-关于element-ui表头吸附的问题

   但是吧 经过几天几夜的思考，大聪明的我想到了2个方案，废话不说，直接上干货 第一种方案： 第二种方案： 1.因为表头固定会在多个地方用到，所以弄成了组件。先创建一个表头的组件pk-table-hea

5. CSS 滚动驱动动画实现圆弧滚动条

   前不久看到这样一个很有趣的效果，它的滚动条是沿着圆角边缘滚动的，效果如下 你可以查看原链接来体验一下 这是如何实现的呢？ 原效果中由于为了兼容不支持CSS滚动驱动的浏览器，特意用 JS做了兼容，所以看

6. 逃离微前端：我不懂的那些 iframe

   最后需要实现一个系统，内含几个子系统，每个子系统有各自的功能、菜单。 比如某个系统叫 信息化设备运维管理 ，在这里实现设备的组网、检测、统计等。

7. 六万字解析webpack底层原理

8. 拥抱 webComponent，给你的网页添点彩

9. vue3-深入组件-组件 v-model

   文章浏览阅读219次。/子组件})//父组件要根据修饰符有条件地调整值的读取/写入方式，我们可以将get和set选项传递给defineModel().这两个选项接收模型引用的 get/set 值，并应返回转换后的值。

10. forwardRef – React父组件控制子组件

    文章浏览阅读151次，点赞4次，收藏3次。子组件通过props接收父组件的方法和参数，进行调用。

11. react+electron/现成的react项目直接转electron（2）能本地运行，打包，【web层，渲染层，主进程】之间的互相通信交互

    文章浏览阅读326次，点赞9次，收藏7次。现成的react项目直接转electron（2）能本地运行，打包，【web层，渲染层，主进程】之间的互相通信交互

12. 前端代码、Vue、Uniapp、Js中Promise和 Promise.all用法

    文章浏览阅读135次，点赞4次，收藏3次。是一种用于处理异步操作的对象。它表示一个异步操作的结果将会在未来某个时间点完成或失败。是 JavaScript 中的异步操作处理对象和方法。方法接受一个数组作为参数，数组中的每个元素都是一个。方法接受一个值作为参数，并返回一个已经成功的。你可以根据实际需求创建和使用。回调函数来处理操作成功的情况，通过。回调函数来处理操作失败的情况。方法可以添加成功回调函数，通过。方法可以添加失败回调函数。方法来处理多个异步操作。对象有两种方式：使用。方法用于同时处理多个。对象都完成时返回一个。

13. 突破React限制：Million.js带来的性能新境界

    文章浏览阅读600次，点赞9次，收藏18次。React 是一个非常受欢迎的 JavaScript 库，它允许开发者通过声明式的方式构建用户界面，并通过其虚拟 DOM 系统来高效地更新和渲染组件。当一个应用的状态(state)或属性(props)发生变化时，React 会经历一个分为渲染(rendering)和对比更新(reconciliation)的两部分的更新过程。如果可能，以渐进的方式迁移一小部分应用程序，并监控性能和稳定性的变化，可以帮助你做出更明智的决策。的优化中受益更多，因为在这些情况下，React 的虚拟 DOM 操作可能成为性能瓶颈。

14. v-model语法糖（Vue2和Vue3）

    文章浏览阅读130次。在Vue中，我们可以使用v-bind实现单项的数据绑定，也就是通过父组件向子组件传入数据 ，但是反过来，子组件不可以修改父组件传递过来的数据 ，这也就是所谓的单向数据绑定。而v-model就实现了双向数据绑定，实际上它就是通过Vue提供的事件机制。即在子组件通过$emit()触发一个事件，在父组件使用v-on来监听对应的事件并修改相应的数据。

15. jQuery之ajax发送请求（table数据）

    文章浏览阅读161次，点赞2次，收藏4次。通过ajax发送请求，并且返回数据解析到表格中

16. Vue禁止指定vue页面缩放适配移动端

    文章浏览阅读84次，点赞2次，收藏2次。vue 指定 vue 页面 修改meta

17. vue中的 slot-scope,row-click,rules校验数据,forceUpdate更刷新页面,$nextTick,setattribute

    文章浏览阅读428次，点赞12次，收藏10次。7.validator 如果配置型的校验规则不满足你的需求，你可以通过自定义函数来完成校验，它是一个函数, 有三个参数 (rule(当前规则),value(当前值),callback(回调函数))因为在created()钩子函数中，页面的DOM还未渲染，这时候也没办法操作DOM，所以，此时如果想要操作DOM，必须将操作的代码放在nextTick()的回调函数中。在数据变化后执行的某个操作，而这个操作需要使用随数据变化而变化的DOM结构的时候，这个操作就需要方法在nextTick()的回调函数中。

18. React一学就会(6): 细说Hooks及其应用

    文章浏览阅读312次，点赞8次，收藏10次。这几天小孩生病发烧，天天跑医院，搞得精力实在跟不上。写作的时间大大减少，写出的质量也不高。关于昨天写的函数组件的内容有点乱，很多都是直接参考了官方文档，今天再对相关的知识作个补充。请大家谅解。

19. DAY10_SpringBoot—SpringMVC重定向和转发&RestFul风格&JSON格式&SSM框架整合&Ajax-JQuery

    文章浏览阅读538次，点赞12次，收藏10次。SpringMVC重定向和转发、RestFul风格、JSON格式、SSM框架整合、Ajax-JQuery

20. 小迪安全22WEB 攻防-JS 项目&Node.JS 框架安全&识别审计&验证绕过

    文章浏览阅读722次，点赞16次，收藏18次。此页面中就找到了忘记密码中的验证数据包的代码，从中可以知道当状态码为200时，可以进入验证成功，之后进入重置密码的界面（这里并没有对其进行验证/user/reset_password/）JS是本地上传，也就是图片通过本地的限制文件之后再发送出去，我们这时抓的包是它本地走过以后的数据包；注：这里无法使用之前学过的浏览器设置禁用JS的方法，因为他网站本身就是以JS搭建的，如果禁用了，就会连网站都打不开。注：这里是修改实际上是对前端的修改，然而对这个应用的数据库并没有进行修改，所以最后是修改失败的。