- 博客(53)
- 收藏
- 关注
RSS订阅原创 前端循环：for、forEach、map 指南
处理超大数据时效率最高（如 10万+ 元素）：试图用 return 中断循环。：返回新数组，不修改原数据。：灵活控制与性能优化的首选。：忽略返回值导致资源浪费。：无法等待异步操作完成。：简单遍历与副作用操作。：适合函数式编程组合。：错误边界导致死循环。：纯净的数据转换工具。
2025-03-09 16:56:52
688
原创 Cesium在vue2中的引入和注意事项
在Vue2中，可以使用npm包管理工具来安装Cesium，并通过import语句将其引入到项目中。：使用这种引入方法后，在页面中使用要this.Cesium；有很多文章并没有挂载到el上，所以在页面中直接Cesium加类即可。接下来，你可以在Vue组件中使用Cesium的API了。总结起来，引入Cesium到Vue2项目中只需要简单的安装和引入步骤，但在实际使用中需要注意性能和兼容性问题。首先，打开终端并进入Vue项目的根目录。
2024-12-01 21:01:28
647
原创 使用D3.js给SVG元素上色
D3.js提供内置的颜色比例尺，将输入数据值映射到相应的颜色。这对于以不同颜色渐变或分类颜色方案来可视化数据非常有用。可以在D3.js中使用条件逻辑来根据特定条件或数据属性动态分配颜色。这允许更灵活和定制化地为SVG元素上色。D3.js的一个关键特性是根据不同标准为SVG元素上色。可以使用D3.js为SVG元素指定静态填充颜色。这涉及使用D3.js选择SVG元素，并将它们的。属性设置为特定颜色值。
2024-11-10 00:15:00
305
原创 d3坐标轴系数角度变换-位置不对等问题
但是在d3的文档没有找到准确的说法，所以只是猜测，不过按照这个思路来设置的x和y数值，在页面呈现的位置坐标是准确的。有些老哥私信说使用transform把坐标系数的角度变换之后会出现问题，这里稍微说一下自己的理解。一：如代码所示把系数90度转了一下角度，x和y的数值会不准确。其实不是不准确，只是以你调转后的数值为基准设置了xy轴。
2024-11-09 17:25:12
216
原创 D3.js 入门指南
通过这篇文章，你已经了解了 D3.js 的基本用法，并成功创建了一个简单的柱状图。D3.js 是一个功能极其强大的库，可以实现各种复杂的可视化效果，关于数据可视化的更多功能，可以参考 D3.js 的官方文档。
2024-10-27 17:14:41
1217
原创 【无标题】
深拷贝开辟一个新的栈，两个对象属完成相同，但是对应两个不同的地址，修改一个对象的属性，不会改变另一个对象的属性。引用类型数据保存在堆内存中，引用数据类型的变量是一个指向堆内存中实际对象的引用，存在栈中。如果属性是基本类型，拷贝的就是基本类型的值。如果属性是引用类型，拷贝的就是内存地址。浅拷贝，指的是创建新的数据，这个数据有着原始数据属性值的一份精确拷贝。即浅拷贝是拷贝一层，深层次的引用类型则共享内存地址。基本类型数据保存在在栈内存中。但是这种方式存在弊端，会忽略。下面简单实现一个浅拷贝。
2023-11-08 14:31:47
155
原创 对Axios进行封装
封装的同时，你需要和 后端协商好一些约定，请求头，状态码，请求超时时间.......设置接口请求前缀：根据开发、测试、生产环境的不同，前缀需要加以区分请求头 : 来实现一些具体的业务，必须携带一些参数才可以请求(例如：会员业务)状态码: 根据接口返回的不同status， 来执行不同的业务，这块需要和后端约定好请求方法：根据getpost等方法进行一个再次封装，使用起来更为方便请求拦截器: 根据请求的请求头设定，来决定哪些请求可以访问。
2023-11-08 13:46:28
486
原创 Vue中的$nextTick有什么作用？
在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后的 DOM。将开启一个异步更新队列，视图需要等队列中所有数据变化完成之后，再统一进行更新。第一个参数为：回调函数（可以获取最近的。如果想要在修改数据后立刻得到更新后的。第二个参数为：执行函数上下文。
2023-11-08 13:45:00
198
原创 Token生成方法
使用Cookie生成token：Cookie是一种存储在用户设备上的小文件，通常用于存储用户登录信息。这种方式的优点是易于实现和使用，但安全性较低。使用JWT（JSON Web Token）：JWT是一种开放的标准，用于在网络应用程序之间安全地传输信息。它的优点是易于实现和使用。使用OAuth2：OAuth2是一种标准的授权协议，通常用于API授权。要生成一个token，需要确定使用哪种加密算法，然后使用此算法对一些信息进行加密。使用随机数生成token：您可以使用随机数生成token。
2023-11-08 13:42:22
900
原创 什么是闭包，使用例子
解决循环绑定事件的问题：在循环中给元素绑定事件时，由于每次循环都会产生一个新的作用域，如果直接使用循环变量作为参数传递给回调函数，则会出现绑定事件结果不符合预期的问题。函数，它接受一个函数作为参数，并返回一个新的函数。它可以让函数在定义时捕获其所在作用域的状态，并在函数执行时继续使用该状态，使得函数能够记住并访问到其定义时的变量和参数。实现模块化：闭包可以实现私有变量和方法，通过将函数的内部作用域保存下来，不对外暴露，从而实现类似于模块的封装效果，避免命名冲突和全局污染。在上述代码中，我们定义了一个。
2023-09-26 13:54:56
117
原创 JS面向对象(OOP)
JavaScript的面向对象编程（Object-Oriented Programming，简称OOP）思想是一种软件开发的范式，它主要基于对象的概念，将程序的逻辑和数据封装成对象，并通过对象之间的交互实现功能。通过继承，可以建立对象之间的层次关系，子类可以继承父类的属性和方法，并且可以在此基础上添加新的属性和方法，实现代码的重用和扩展。封装（Encapsulation）：封装是指将数据和操作数据的方法封装在一个对象中，限制了对内部数据的直接访问，只能通过对象的公共接口（方法）来操作数据。
2023-09-25 09:42:25
131
原创 vue的混入和插槽有什么区别
通过使用插槽，可以在一个组件上定义出一些具名的“插槽”，然后在组件使用时，通过插槽将外部的内容嵌入到组件内部的特定位置。插槽相当于一种组件之间的通信方式，父组件通过插槽向子组件传递内容，子组件可以将这些内容渲染到指定的位置。而插槽则是一种组件间通信的机制，用于在父组件向子组件传递内容并在指定位置渲染。当组件使用了混入时，混入中的属性和方法将会合并到组件中，若有冲突，则以组件自身的属性和方法为准。在 Vue 中，混入（Mixins）和插槽（Slots）是两个不同的概念，具有不同的作用和使用方式。
2023-09-25 09:39:26
102
原创 Vue的数据双向绑定发生在哪个生命周期
更新阶段（beforeUpdate和updated）：在组件更新之前（beforeUpdate）和更新之后（updated）的生命周期钩子函数中，Vue会处理数据的双向绑定更新。当用户在输入框中输入内容时，Vue会自动更新绑定的数据值，触发组件的重新渲染。在更新阶段，Vue负责处理用户输入和数据更新的双向绑定，以及相应的重新渲染和组件更新。指令绑定一个表单元素（如input或textarea）时，Vue会创建一个监听器（watcher），用于监听输入框的值变化，并将新的值同步到Vue实例的数据中。
2023-09-25 09:38:26
215
原创 vue双向数据绑定原理和示列
当输入框的值发生变化时，就会更新 Vue 实例中对应的属性的值；反之，当 Vue 实例中对应的属性的值发生变化时，输入框的值也会被更新。方法被触发时，Vue 会检查该属性是否被监听，如果有监听，则会通知所有的监听器，将更新后的值同步到所有监听器中对应的视图上。属性的值被改变时，输入框的值也会随之改变。当视图被更新后，会触发实际的 DOM 操作，将最新的值渲染到输入框中。指令被解析时，会将输入框的值绑定到 Vue 实例中的一个属性上。属性，可以看到，当输入框的值发生变化时，当输入框的值发生变化时，会触发。
2023-09-25 09:34:55
291
原创 前端事件流(vue)
在事件流的传递过程中，可以通过阻止事件的默认行为或阻止事件的传播来控制事件的触发。在这个例子中，如果点击了子元素，则会先触发父元素的点击事件处理函数，再触发子元素的点击事件处理函数。如果我们将父元素的事件绑定改为。在 Vue 中，事件流主要分为三个阶段：捕获阶段、目标阶段和冒泡阶段，这三个阶段的触发顺序和 HTML 中的事件流相同。冒泡阶段：事件从目标元素开始向上传播，依次触发祖先元素上绑定的事件处理函数，直到到达最外层的祖先元素。捕获阶段：事件从最外层的父元素开始逐层向下传递，直到事件触发的目标元素。
2023-09-12 17:51:03
240
原创 vue的watch和computed的相同和不同、各自优缺点
相同点：不同点：watch的优点：watch的缺点：computed的优点：computed的缺点：
2023-09-06 10:09:28
331
原创 vue的组件间通讯
在这个例子中，第一个组件通过 $emit 方法触发了一个名为 event-name 的事件，并传递了一些数据。第二个组件通过 $on 方法监听这个事件，当事件被触发时，会执行回调函数并输出传递的数据。这样，两个没有父子关系的组件之间就可以通讯了。父组件可以通过 props 属性传递数据给子组件，子组件可以通过 $emit 方法来触发父组件中的事件。当子组件中的按钮被点击时，就会触发 handleClick 方法。就可以在子组件中使用这个数据了。
2023-09-05 10:46:10
65
原创 Axios的多种封装方法
Axios是一个基于Promise的HTTP客户端，可用于浏览器和Node.js环境中。它提供了多种封装方法来方便我们使用。以上是Axios的常见封装方法，可以根据具体需求进行相应的调整。
2023-08-30 17:52:51
1959
原创 Uniapp使用父子组件通讯时传递对象，子组件监听对象属性失败解决方法
使用后，再监听对象里的属性就不会返回空了。父子组件的数据传递请翻看过往文章。XXX为你父组件传递的对象；
2023-08-29 16:23:12
1189
原创 React生命周期简述
React组件的生命周期是组件的一整个过程，从创建、更新到销毁的一个生命周期。需要注意的是，并不是所有组件都需要实现所有的生命周期方法。在实际开发中，可以根据需要选择需要实现的生命周期方法。：组件被重新渲染，一般是由于props或state发生变化。：组件被创建并插入到DOM中。：组件被从DOM中移除。
2023-08-27 17:31:32
90
原创 Uniapp组件传值(父组件传子组件)
建议方法名和数据名一样，项目大数据多之后不会乱。创建与data同级的props接收传过来的数据。然后在项目中this.XXX就可以使用变量值。
2023-08-25 09:30:17
329
原创 基于Vue的computed属性(不能异步，可以缓存)
在上面的例子中，我们定义了一个computed属性totalPrice，它根据data属性中的price和quantity计算出商品的总价，并将结果显示在页面中。每次price或quantity发生变化时，totalPrice都会自动更新。Vue的computed属性是一种计算属性，它能够根据其他属性的值计算出新的值，并且在依赖的属性值发生改变时自动更新。在Vue中使用computed属性可以简化代码，提高应用程序的性能。
2023-08-24 11:28:50
311
1
原创 Vue的查询验证
在这个例子中，我们使用了Vuelidate提供的required和email验证规则来验证用户输入的姓名和电子邮件。这只是一个简单的例子，你可以使用更多的验证规则来验证表单数据。无论你使用哪个验证插件，它们都提供了详细的文档和示例，可以帮助你轻松地实现查询验证。它支持数据验证、异步验证、组合验证、自定义管理和错误消息。它支持数据验证、异步验证、组合验证、本地化和自定义消息。你可以使用这些插件提供的验证规则来验证用户输入的表单数据，并在验证失败时显示错误消息。
2023-08-23 10:28:41
173
原创 Git是什么、怎么用-简述
仓库（Repository）：Git使用仓库来存储和管理代码的历史记录和所有版本的文件。一个仓库通常包含代码文件、配置文件和文档等内容。分支（Branch）：Git使用分支来支持协作开发。每个分支代表代码库的一个版本，开发者可以在不影响其他开发者的情况下在自己的分支上修改代码。提交（Commit）：Git使用提交来记录代码库的更新。每次提交都包含了一组修改的文件和修改的描述信息，以便其他开发者了解这次更新是做了什么。合并（Merge）：当多个开发者修改了同一个文件时，他们的分支就会产生冲突。
2023-08-23 10:26:43
161
空空如也
uniapp+高德API，能跑但地图不显示
2023-03-24
TA创建的收藏夹 TA关注的收藏夹
TA关注的人