个人技术分享

然后创建了一个类继承原本的PointerInteraction，将四个事件作为参数传递给PointerInteraction。这里移动要素用了一个geometry.translate()方法，如果我们自己写方法来完成移动的话会比较麻烦。重新定义了一个Drag类，我放在了utils下的Drag.js中便于多次使用。这个示例介绍了如何在地图上自定义一个交互实现在地图上拖拽、移动要素。首先是加载了三个要素到地图上，一个点、一个多边形、一条线。可以看下源码中PointerInteraction的定义。

1、使用 scale-box 组件。创建rem.js文件。

如何通过vue2+element-ui实现树形控件的懒加载。

Vue中的ajax、插槽、vuex等

在项目的开发中，何时使用状态提升，何时使用上下文，我们需要根据具体需求，以及组件的复杂性。当只有少数几个组件需要访问状态，并且这些组件关系密切（如父子或兄弟组件）时使用。保持数据流简单和明确，使得追踪和调试数据流通过组件的方式更加容易。状态提升的好处是简单、方便，但是需要层层传递，如果结构复杂就显得比较混乱。对应使用上下文，可以应用在以下几种场景当状态需要被应用内不同层级的许多组件访问时。用于可以被视为“全局”的数据，如主题、用户设置、身份验证数据等。

在 React Native 中使用 flexbox 规则来指定某个组件的子元素的布局。Flexbox可以在不同屏幕尺寸上提供一致的布局结构。

如何通过vue2+element-ui实现树形控件的懒加载。

后台菜单数据递归展示

来监听 DOM 事件，并在事件触发时执行对应的 Vue的JavaScript代码。// 响应式数据 当发生变化时,会自动更新 dom树。// 通过事件对象阻止组件的默认行为。

让我们看看创建的项目文件。使用代码编辑器打开backend项目。我会在这本书中使用vscode编辑器。

React 通过 Batch 方式将所有的数据更新整合在一起，而不是每次都进行更新。在 React 渲染分为两个阶段，Render 和 Commit，Render 是修改 React 组件的状态，把需要更新的组件标记为待更新，在 Commit 阶段将待更新的组件进行渲染并最终更新到浏览器的 Dom 树中。Render 阶段是可以并执行操作的，组件状态如有变更，保留新的状态，抛弃老的状态，这个阶段就是虚拟 Dom 更新阶段，不是简单销毁并重新构建，而是通过一系列比较算法只更新有变化的属性。

让我们看看创建的项目文件。使用代码编辑器打开backend项目。我会在这本书中使用vscode编辑器。

【代码】react mobx mobx-react-lite 使用。

Element Plus 是一个基于 Vue 3 的组件库，其中包括各种类型的弹窗组件，用于在网页上显示信息或与用户进行交互主要的弹窗组件包括 ElMessageBox.alert、ElMessageBox.prompt 和 ElMessageBox.confirm 等

这样我们就可以在_MyHomePageState的_showSnackBar方法中通过_scaffoldKey.currentState访问到Scaffold的状态，并调用showSnackBar方法来显示一个SnackBar。在Flutter中，GlobalKey是一种特殊的键，可以标识Widget树中的特定Widget，并允许直接与该Widget交互。GlobalKey不应该在build方法中初始化，否则会每次build都重建GlobalKey，更好的办法是让State对象拥有GlobalKey对象，

var row = prompt('请你输入行数');var col = prompt('请你输入列数');

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

确保一个类只有一个实例存在。并提供一个全局的访问点,而且只能通过静态方法来获取。相比单例模式，它只能通过new方法获取。

Vue中的`v-for`指令可以用于循环渲染一个数组或对象的数据。通过`v-for`指令，我们可以遍历数组或对象的每个元素，并根据模板生成相应的DOM元素。这个指令提供了灵活的方式来渲染列表数据

【代码】antd design 自定义表头。