- 博客(55)
- 收藏
- 关注
RSS订阅原创 vue 本地自测iframe通讯
父应用可以通过 postMessage 将消息发送给子应用。需要注意的是，发送消息时，需要指定目标窗口和目标窗口的来源（即目标 iframe 的 origin），以确保安全性。iframe.contentWindow.postMessage(message, targetOrigin): 使用 postMessage 向子应用发送消息。message 是要发送的数据，可以是任何 JavaScript 对象。
2024-12-26 18:10:30
474
原创 yarn命令运行不了，一直info There appears to be trouble with your network connection. Retrying...
众所周知，npm install -g 这是代表全局安装某个库，譬如npm install -g yarn 这代表在终端都可以使用yarn，输入yarn -v 就会显示。但其实这个-g 安装的插件都是指定在当前node版本的全局可用，当切换node版本时 需要重新 再次安装。当执行nvm use 18.15.0 那么需要重新全局安装一下yarn。那么上面的报错就解决了。
2024-11-04 11:35:51
329
原创 react项目引入ant-design
在任意 React 页面或组件中使用 Ant Design 组件时，直接按需引入。不需要安装babel-plugin-import，否则会报各种问题。为了确保 Ant Design 样式在页面中生效，你需要在。当前项目用的Next.js。Next.js 使用。中引入 Ant Design 的样式文件。来定制全局的应用布局和样式。文件中全局引入样式。
2024-10-08 09:35:10
880
原创 学习react小记
没有依赖项：每次渲染都会执行useEffect，可能导致性能问题和状态不一致。空数组[]useEffect只在组件首次挂载时执行。有依赖项（如useEffect只在依赖项变化时执行，适用于需要在特定数据变化时执行副作用的情况。持续记录中....
2024-09-26 12:00:08
674
原创 git push 报错fatal: unable to access ‘https://github.com/xxx
git push 报错fatal: unable to access 'https://github.com/xxx
2024-01-10 17:07:20
1938
原创 Vue中使用dialog弹窗，报错Cannot read properties of null (reading ‘getAttribute‘)，并且Echarts图表不显示的解决方案
Vue中使用dialog弹窗，报错Cannot read properties of null (reading ‘getAttribute‘)，并且Echarts图表不显示的解决方案
2023-12-07 10:15:24
1654
1
原创 element-plus 无法找到模块“element-plus/dist/locale/zh-cn.mjs”的声明文件
element-plus 无法找到模块“element-plus/dist/locale/zh-cn.mjs”的声明文件
2023-11-13 14:31:50
3003
3
原创 Vue 模板字符串碰到script无法识别，报错Parsing error: Unterminated template.
Vue 模板字符串碰到script无法识别
2023-10-18 14:53:34
1093
2
原创 vue3 setup中defineEmits与defineProps的使用案例
vue3 setup中defineEmits与defineProps的使用案例
2023-10-09 11:16:34
3512
2
原创 在Vue里，将当前窗口截图，并将数据base64转为png格式传给服务器
记录来源于需求methods: {});});},try {// 使用转换后的文件进行后续操作},
2023-08-08 17:17:05
1510
原创 el-upload当设置auto-upload为false时，before-upload钩子未触发
三、考虑到用户体验，新增文件必填，并且 当文件上传以后去掉必填校验提示，譬如这个。2、当 :auto-upload="false"，组件。1、上传时，组件是否自动上传，可以设置如下属性。2、在watch里监听状态。1、首先定义校验提示。
2023-06-15 17:11:17
6448
原创 vue 配置跨域访问
npm install axios -S 或 cnpm install axios -S。1、在vue.config.js里配置。在main.js或者单独组件中引用。一、使用axios发送AJAX请求。1、安装axios并引入。2、引入使用axios。
2023-05-23 17:16:19
7232
2
原创 Cesium 绘制经纬网，方格里不显示经纬度
其实调用图层叠加是最好的方式，又省事。但是也记录一下前端自己生成的吧。发现同事调用的图层，代码更加简洁，但API明显是用的公司封装的，等问清楚了 再来补充。
2023-04-24 15:08:17
1442
3
原创 Vue 实现图片拖拽功能
原理：现有一个图片的列表，拖动其中一个图片（触发dragstart），当拖动的图片移动到其他图片的位置（触发dragover），则将拖动的图片从原位置移动到该位置（触发dragend）。dragover：当元素或者选择的文本被拖拽到一个有效的放置目标上时，触发 dragover 事件(每几百毫秒触发一次)。dragstart：当用户开始拖动一个元素或者一个选择文本的时候 dragstart 事件就会触发（我这里没有用）。随意拖动一张图到另外一个图片上面时，两张图片交换位置。
2023-03-28 14:31:05
3404
原创 JavaScript 图片url地址转base64
记录来自于每一次的实际需求；此次需要做的是将拿到的图片，转png格式下载，看了下数据库返回的地址，有png、svg、jpg格式，我的想法是先通通转base64，再处理成png下载。
2023-03-22 11:38:47
4445
原创 使用element-ui里的el-date-picker 时间选择器报错getHours of undefined
el-date-picker 时间选择器报错getHours of undefined
2023-01-04 14:52:08
1138
2
原创 关于Promise的使用
调用一个函数，这个函数中发送网络请求（我们可以用定时器来模拟）如果发送网络请求成功了，那么告知调用者发送成功，并且将相关数据返回过去。如果发送网络请求失败了，那么告知调用者发送失败，并且告知错误信息。............
2022-07-25 21:39:19
778
原创 es6中类的使用
目录class类的构造方法class中的方法定义class中实现继承的过程每个类只能有一个构造函数，如果包含多个构造函数，那么会抛出异常class中的方法定义class中实现继承的过程静态方法： 只能使用类名调用，直接在类上面，不在原型上面（不需要通过实例调用的时候，就可以通过静态方法）。构造方法：定义在constructor里的方法，只有在new创建对象的时候才会调用.....................
2022-06-09 17:21:39
331
原创 javascript模块化编程之CommonJS与EsModule
目录区别环境 两种模式互相加载 同时兼容加载两种格式总结模块化开发的目的是将程序划分成一个个小的结构，这个结构有属于自己的代码逻辑，有自己的作用域，不会影响到其他的结构，这个结构希望暴露的变量，函数，对象给其他结构使用，也可以通过某种方式导入其他结构的变量，函数，对象。这种结构叫模块，按照这种结构划分开发的过程，就是模块化开发的过程值： CommonJS是基于值的拷贝 EsModule是基于值的引用 node.js环境中，后缀的文件默认使用的是CommonJS模块，如果想要使用ES
2022-06-08 11:17:50
687
原创 js之原型链与继承
目录1、构造函数的prototype原型修改2、原型式继承3、借助构造函数继承4、寄生式工厂继承 （不推荐使用） 5、寄生组合式继承 (推荐)
2022-05-27 15:20:05
434
原创 JavaScript之数据属性描述符与存储属性描述符
数据属性描述符value该属性对应的值，默认undefined configurable该属性描述符是否可被改变、是否可被删除，默认为false enumerable该属性是否可被枚举，默认为false writable该属性是否可以被写入新的值，默认为falselet obj = { name: 'test', age: 18 }// 用了属性描述符，那么会有默认的特性Object.defineProperty(obj, 'address', { // ...
2022-05-26 10:54:22
264
原创 js之函数式编程：纯函数与柯里化函数
前言言简意赅的介绍一下，希望能快速帮助到你理解函数式编程。1、纯函数简单来说，一个函数的返回结果只依赖于它的参数，并且在执行过程里面没有副作用，我们就把这个函数叫做纯函数。说人话就是：1、在相同的输入值，需产生相同的输出；2、不产生副作用。重要性：1、可以安心的编写和使用，在用的时候保证输入内容不会被轻易篡改，并且确定的输入，一定有确定的输出.// 纯函数function sum(num1, num2) { return num1 + num2}......
2022-05-18 16:04:11
387
原创 JS 将多维对象数组拉平成一维
前言记录一下用过的方法~ 对象数组扁平化代码如下： const array = [{ id: 1, title: "课程 1", children: [{ id: 4, title: "课程 1-1" }, { id: 5,
2022-05-16 15:15:32
899
原创 关于前端的数据算法与结构（持续更新...）
前言整理一下，分享给所有和我一样想深入了解学习的人。一、 关于数据结构1、栈：是一种遵从后进先出（LIFO）原则的数据结构。虽然在我们前端中是没有栈这种数据结构的，但是我们有万能的数组，使用它可以模拟出栈，并且还能衍生出栈的操作方法，我们知道在es标准中数组有两个标准方法push和pop其实，他们就可以表示出栈和入栈的操作方法，class Stack { constructor() { this.stack = [] // 栈的长度 ...
2022-05-16 08:57:04
437
原创 JavaScript数组元素交叉式相乘
总结提示：这里对文章进行总结：例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas的使用，而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。
2022-05-05 15:07:19
875
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人