个人技术分享

UniApp中，在页面显示时触发子组件的重新渲染

钩子中改变传递给子组件的props值，这样也可以触发子组件的重新渲染。但是，通常不建议直接修改props，而是应该通过事件或者方法来通知子组件更新数据。或者计算属性，那么在父组件中改变props或者调用子组件的方法也会触发这些监听器或计算属性的更新，从而导致子组件的重新渲染。在UniApp中，要在页面显示时触发子组件的重新渲染，可以利用生命周期钩子函数来实现。生命周期钩子中调用子组件的方法或者改变子组件的props，从而触发子组件的重新渲染。数据，触发子组件的重新渲染。方法，从而更新子组件的。

vue 组件中 data 为什么必须是函数

是一个函数时，每次 Vue 创建一个新的组件实例，都会调用这个函数并返回一个新的对象作为该实例的数据。这样，每个组件实例都会拥有自己独立的数据副本，它们之间的数据互不影响。是一个对象，那么这个对象在多个组件实例之间将是共享的，这会导致所有的组件实例都访问和修改同一份数据，这显然不是我们想要的。必须是一个函数而不是一个对象，这是因为 Vue 组件是可复用的，并且每个组件实例都需要拥有自己独立的数据状态。必须是函数，是为了确保每个组件实例都拥有自己独立的数据状态，从而避免数据污染和意外的行为。

webgl three 项目常用操作

子项的位置是相对于父项的位置确定的 比如父项x为-30 子项为0 那么子项的实际位置在-30。把模型分组后可以通过group设置一些共有属性 比如例子中的房子在x轴平铺 y、z是相同的。这样设置有利于把一个整体一起放在图上 而不用一个一个设置坐标。根据id获取会报错 id是只读属性 最好还是不要使用id。大部分世界位不在属性上。

Webpack源码泄露到Vue快速入门

刚好最近学习了Vue和Webpack,回顾一下学习并对Vue的学习过程中对笔记总结进行记录,同时进行思考过程中的理解加入其中,方便自己进行后续的学习和回顾,当然因为这两个内容都和我之前在进行渗透测试中碰到的一种漏洞类型相关,其中很容易碰到资产是关于使用wepack进行打包的,并且存在js.map泄露,在源码泄露中,常见的前端是通过vue进行编写的,顺便加深一下之前渗透过程的印象.webpack是一个JavaScript应用程序的静态资源打包器。

VUE学习

侦听一个或者多个数据的变化，数据变化时执行回调函数，俩个额外参数 immediate控制立刻执行，deep开启深度侦听。顶层组件可以向底层组件传递方法，底层组件调用方法修改顶层组件的数据。// 2. 监听对象state 并开启deep。// 修改数据更新视图必须加上.value。// 2. 调用watch 侦听变化。// 2. 调用watch 侦听变化。// 2. 调用watch 侦听变化。// 执行函数 传入参数 变量接收。// 2. 监听对象state。// 直接修改不会引发回调执行。

SpringBoot + mybatis + HSQLDB + Vue

它确保了各种构建工具能够基于智能的默认配置即可平稳衔接，这样你可以专注在撰写应用上，而不必花好几天去纠结配置的问题。接下来，我们来安装axios（http://www.axios-js.com/），axios是一个基于 promise 的 HTTP 库，这样我们进行前后端对接的时候，使用这个工具可以提高我们的开发效率。4.在需要请求接口的组件中加入axios请求接口的代码，不需要在url的位置加/api路径，例如请求 http://xxxxxx.com/login 这个接口时，url直接写/login。

vue中父组件与子组件的数据传递

这样，当子组件调用 `this.$emit('changePanel', panel)` 时，父组件的 `handleChangePanel` 方法就会被调用，并且 `panel` 参数会被传递给它。整体来看，这句代码的意思是：当前组件实例触发了名为 `'changePanel'` 的自定义事件，并传递了 `panel` 这个数据给父组件。- `$emit`: 这是 Vue.js 组件实例的一个方法，用于触发自定义事件。- `this`: 在 Vue.js 组件中，`this` 指向当前组件实例。

vue3中基于element-plus封装一个表格弹框组件，要求可以单选和多选table数据

单选：多选：弹框表格组件代码这里多啰嗦一句，我这里是自定义列，使用单选框的方式实现的为什么要这样呢，因为我开始是使用多选加反选的方式实现单选，但这样存在一个bug，就是多选框的表头有个全选按钮，点击那个全选的时候会出现反选的问题。

【Vue】diff 算法

当组件创建和更新时，vue均会执行内部的update函数，该函数使用render函数生成虚拟dom树，将新旧两树进行对比，找到差异点，最终更新到真实dom。对比差异的过程叫diff，Vue在内部通过一个叫patch的函数完成该过程。在对比时，Vue采用深度优先、同层比较的方式进行比对。在判断两个节点是否相同时，vue是通过虚拟节点的key和tag来进行判断的。具体来说，首先对根节点进行对比，如果相同则将旧节点关联的真实 dom 的引用挂到新节点上，然后根据需。