个人技术分享

其中：int value;通过宏定义的方式我们可以通过自定义的标识，来了解该变量的类型内存分配方式。并且假如不同APP层的变量的类型别名不同，我们可以直接搜索全局VAR关键字，来修改适配对应APP的不同类型别名（而不是通过搜索类型或者变量名来一个个对应修改）通过宏定义的方式我们可以通过自定义的标识，来了解该函数的返回类型归属模块。// Step 1// 等效于// Step 2// 等效于通过这种方式来把不同功能的接口进行模块化整合。

通过Provider ，可以使用Consumer 调用传递的store数据，并且通过connect可以直接调用store的方法和数据。connect原理其实通过配置高阶组件，返回一个新的组件，将store和组件结合起来。模拟定义redux的createStore 和 combineReducer 方法（redux.js）connect两个参数：mapStateToProps, mapDispatchToProps。有修改这个数据的明确方法，并且，能够让其他的方法感知到。组件之外，可以在全局共享状态/数据。

基于jeecgboot-vue3的Flowable设计器新增流程类型的操作

最近在做项目时遇到一个问题，使用elementUI的Descriptions 描述列表与form表单校验时，遇到校验信息显示的位置不对，效果如图

el-input 自动获取焦点

获取到的full xpath路径：/html/body/div[2]/div[1]/div[5]/div/div/div[3]/ul/li[2]/a/span[2]获取到的xpath路径：//*[@id="hotsearch-content-wrapper"]/li[2]/a/span[2]按F12打开chrome浏览器的开发者模式，点击选择光标，选择页面上的元素位置，在控制台右键选择Copy。按键“Ctrl+F”，在控制台中输入需要检查的XPath路径，对应的元素会有的颜色标识。

行动是治愈恐惧的良药，犹豫拖延将不断滋养恐惧。

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

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

双向数据绑定v-model及修饰符

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

ref是一种脱围机制，用于保留不用于渲染的值。ref是一个普通的JavaScript对象，具有一个名为 current的属性，你可以对其进行读取或设置你可以通过调用useRef Hook 来让react给你一个ref与state一样，ref允许你在组件的重新渲染之间保留信息与state不同，设置ref的current值不会触发重新渲染不要在渲染过程中读取或写入 ref.current。这使你的组件难以预测Refs是一种通用概念，但大多数情况下你会使用它们来保存DOM元素你通过传递。

虽然不是专门针对React，但AppSmith是一个强大的通用低代码平台，支持React组件的集成。: 虽然它本质上是一个UI组件库，但React Bootstrap提供了大量现成的UI元素和布局工具，可以看作是构建低代码应用的基础。结合React和其他库，可以快速搭建和分享React应用原型，有一定的低代码特性。虽然其核心不公开基于哪种前端技术，但它生成的应用在前端层面大量使用React进行渲染，适合金融机构和大型企业的定制化需求。它底层也是基于React，且支持React组件的导入和自定义。

虽然不是专门针对React，但AppSmith是一个强大的通用低代码平台，支持React组件的集成。: 虽然它本质上是一个UI组件库，但React Bootstrap提供了大量现成的UI元素和布局工具，可以看作是构建低代码应用的基础。结合React和其他库，可以快速搭建和分享React应用原型，有一定的低代码特性。虽然其核心不公开基于哪种前端技术，但它生成的应用在前端层面大量使用React进行渲染，适合金融机构和大型企业的定制化需求。它底层也是基于React，且支持React组件的导入和自定义。

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

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

在onPress执行了一个setState的操作，这个操作有时候需要大量计算工作并且导致慢。，请务必注意在release 模式下去测试性能。

React Native 提供了和 web 标准一致的Fetch API，用于满足开发者访问网络的需求。如果你之前使用过XMLHttpRequest(即俗称的 ajax)或是其他的网络 API，那么 Fetch 用起来将会相当容易上手。

在onPress执行了一个setState的操作，这个操作有时候需要大量计算工作并且导致慢。，请务必注意在release 模式下去测试性能。

uni.chooseImage的返回值在H5平台和其他平台的返回值有所差异，具体差异看下图根据图片可以看出要想判断上传的文件类型是不能直接使用type进行判断的，所以我使用截取字符串的形式来判断，当前上传图片的后缀名是否符合所需要求。