- 博客(130)
- 资源 (2)
- 收藏
- 关注
原创 Highcharts 图表点击出一个弹窗
原始数据[event.chartX] 原始数据[event.chartY] 可以获取到点击的数据。拿到x轴或者y轴的原始数据 我页面上是筛选了只展示了一部分。1.背景图是后台接口返回的 就是一个图片,折线是自己加上去的。单击页点击 定义一个字段 tooltipDiv。2.怎么能获取到点击当前的轴数据呢?
2024-08-15 15:42:22
169
原创 nvm控制node修改版本 - 详细版
随着前端项目的越来越多,不同项目使用的nodejs版本可能不一样,导致在切换不同项目时需要更换不同的nodejs版本,非常麻烦。本次推荐使用nvm进行多个nodejs版本的统一管理。
2024-04-02 15:01:54
953
原创 微信小程序 获取openId - 成功获取
2-基础信息配置结束之后 - 新建一个云函数 - 名字自定义但是要记住,这里定义为login。name:'login', 这里需要修改成对应的 是刚才上面定义的云函数名称。3.保存成功之后出现这个 代表成功 - 这个弹窗可以关闭了。调用这个方法就可以看到openid了。1.点击云开发配置里面的信息。
2024-02-27 09:13:59
1083
原创 vue项目嵌套安卓壳子打包apk
我们取消掉ios选项 这里不是说不能选择ios 是因为没有配置ios的秘钥,如果你需要打包ios 需要点击ios设置配置个秘钥。如果你是首次登录或者是之前注册的账号,会让你绑定或者激活邮箱,就按照提示做完之后即可登录成功。再次点击打包 看到这个页面和其他的不太一样是因为升级了软件版本。点击修改配置 会打开下面的页面 点击重新获取即可。登录进去写一下信息我已经写过就不演示了 之后。点击打包发现还是没反应 是因为这里还在报错。之后再点击打包流程 就会出现以下页面。包名后缀改成 app.apk。
2023-09-21 10:32:14
1022
原创 align-content 和 align-items 区别是什么 使用场景
是因为align-content: 属性是基于多行去做的 flex-wrap: wrap 是变成多行的重要前提。4. align-content: space-around ----- 在这个时候我们去修改 发现并没有效果。6. 我们继续修改 align-content: space-between 发现 靠近顶部和底部分布对齐了。2:不点:align-content 应用于为 多行 而 align-items:应用于同单行。- ----- 发现居中对齐了。----- 可以看到 尾部对齐了。
2023-07-04 10:10:53
696
原创 高德地图点击位置显示详情
2.data中定义 infoWindow 字段。3.在initMap 插入此代码。1.首先你高德已经引入一切都准备完善了。5.在方法中加入一个方法。4.在你事件最后加入。
2023-05-27 18:29:40
445
原创 [antdesign] a-table 使用之后 ResizeObserver loop limit exceeded
因为 :scroll="{ x: '30%' | true }" 删除之后就ok了。我是使用 a-table 出错的 一层一层注释之后发现是因为。这个错和本质关系不是很大,循环限制 大概是因为长度不确定。代表超出了ResizeObserver循环限制。
2023-04-26 09:58:04
709
1
原创 vue策略模式简单例子
当一个类的行为或其算法可以在运行时更改。这种类型的设计模式属于行为型模式。在策略模式中,我们创建表示各种策略的对象和一个行为随着策略对象改变而改变。避免了多级嵌套,内容也可以随之修改,根据需求变换成不同的内容。如果我们需要很多if else的时候 代码就会很冗余。为此就出现了一种设计模式 —— 策略模式。
2023-04-04 17:40:39
226
转载 vue 使用Ts 报错 Module parse failed: Unexpected token (8:27)File was processed with these loaders
2.Vue 3“Manually select features”进行手动创建项目的。可能是你的项目就是js项目需要添加 TypeScript。vue add typescript 终端输入。之后 npm run serve 即可。就重新创建一个携带 ts的项目。1.在已有项目中添加ts。
2023-03-15 15:40:57
822
原创 创建新项目时候一直卡在 idealTree:moni: sill idealTree buildDeps
默认地址(https://registry.npmjs.org/)在国外,所以安装缓慢或卡顿。npm config get registry 查看是否切换成功。npm config get registry,查看当前镜像地址。切换成功之后,重新新建即可。
2023-01-23 16:49:08
882
原创 vue3 Ant Design Vue按需引入全局 $Message解决
如果组件多的话可以新建 antd.js 文件, 仅用于引入必须的组件,在main.js文件引入遍历use。问题来了 我如果想按需引入Message 这种应该怎么弄呢?安装/配置babel-plugin-import插件。安装/配置less+less-loader插件。1.Ant Design Vue按需引入。1.Ant Design Vue按需引入。此文章起源是按需引入之后发生的问题。2.全局$Message 设置。2.全局$Message 设置。vue.config.js文件。配置需要按需引入的组件。
2023-01-06 14:11:08
3359
3
原创 vue-calendar-component日历组件 ,配置齐全
vue-calendar-component日历组件 ,配置齐全vue-calendar-component日历组件 ,配置齐全vue-calendar-component日历组件 ,配置齐全vue-calendar-component日历组件 ,配置齐全vue-calendar-component日历组件 ,配置齐全
2023-01-05 16:23:05
1346
原创 react生命周期(类组件/函数组件)
useEffect(()=>{},[]) 是他的格式 ,第二个参数是需要监听谁的变化就写谁,也可以不写。//useEffect是react给我们的Hooks 我们可以使用它来模拟正常的生命周期流程。A.类组件生命周期(三个阶段:挂载阶段,更新阶段,卸载阶段)类组件当中的生命周期(也是三个阶段)1.react代码模式分为两种。B.函数组件生命周期,函数组件。2.类组件(写法如下)
2023-01-04 16:15:52
1707
2
原创 “xxx”在函数“xxxx”中被调用,该函数既不是React函数组件,也不是自定义的React Hook函数。
“xxx”在函数“xxxx”中被调用,该函数既不是React函数组件,也不是自定义的React Hook函数。
2023-01-03 16:21:24
185
原创 vue 单页面 baseAxios.interceptors 怎么修改 vuex 的数据
vue 单页面 baseAxios.interceptors 怎么修改 vuex 的数据
2022-12-08 15:52:59
283
原创 Node Sass could not find a binding for your current environment: Windows 64-bit with Node.js 16.x
报错原因 是 node版本与node-sass版本不匹配导致以下代码都执行一次 然后重启就ok了
2022-06-13 10:55:55
247
转载 vscode git commit 出现 ‘node‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件
vscode git commit 出现 'node' 不是内部或外部命令,也不是可运行的程序 或批处理文件本项目是 vue3+ant1软件和环境变量都正常git 可以下载代码但是却不能提交 node版本也是存在的思考是不是又有提交的时git commit -m "init" --no-verify候有校验导致的,而验证的插件依赖于nodejs,因此尝试提交取消验证 添加--no-verify 成功...
2022-05-18 09:21:11
692
原创 vue封装axios之后请求接口携带localhost:8000 解决方案,超级简单 ~
http://localhost:8000/list/116.63.147.2:8080/api/product/pagination?pageNum=1&sizeNum=10页面配置之后出现两次前缀localhost:8000/ 116.63.147.2:8080而我们只需要 116.63.147.2:8080 就行看一下我们页面代码解决http后面需要加 // 两个斜杠...
2022-05-06 09:16:56
2510
原创 Ant Design css样式无法修改? 一招教你解决~
想要修改他的背景颜色 加 !important也无济于事ant-tabs-ink-bar{ background-color:#fff !important ;}最外层div添加 ref里面的内容添加 :getContainer="()=>$refs.main" 此处main 和上面的ref里面的内容要一样哦css使用.main 里面也要写这个 ::v-deep 才可以生效哦<style lang="less" scoped>.main{ ..
2022-04-29 16:27:55
1073
原创 vue3.0 实现国际化标准语言,中英文切换,超级简单~
1.先安装npm install vue-i18n2.src下面新建一个language 文件下面新建一个 index.jsimport { createI18n } from 'vue-i18n'export default createI18n({ legacy: false, // 让 setup 函数可以通过 t 访问 globalInjection: true, // 让 template 可以像 vue2 那样使用 $t 来访问 locale: 'zh.
2022-04-20 17:10:22
3631
原创 vue3.0+ Ant Design Vue 创建项目,超级简单~
先确定下是不是3.0哦 ,下面的方式是3.0的方法,vue2.0的方法在官网https://www.antdv.com/docs/vue/introduce确定3.0需要打开main.js写法是import { createApp } from 'vue' 这样的 就是 3.0拉1.先引入npm install ant-design-vue --save2.安装好之后打开main.jsimport Antd from 'ant-design-vue';cre..
2022-04-20 10:21:15
1693
转载 vue前端实现导出,文字居中可修改样式哦(宽高等)如此简单~~
1.安装依赖npm install --save xlsx file-savernpm install --save xlsx-style2.哪个页面使用哪个页面引入import FileSaver from "file-saver";import XLSX2 from "xlsx";import XLSX from "xlsx-style";3.效果图(可以实现多表头,也可以实现单行表头)4.页面表格需要有id(element iview都可以) <T
2022-04-11 17:40:49
1769
2
转载 Day.js :一个轻量的处理时间和日期的 JavaScript 库 超级简单~
github地址安装NPM:npm install dayjs --saveimport dayjs from 'dayjs'// 或者 CommonJS// var dayjs = require('dayjs');dayjs().format();CDN:<!-- 最新的压缩后的 JavaScript 文件 --><script src="https://unpkg.com/dayjs"></script><sc...
2022-04-08 13:47:21
826
原创 vue报vInd prop: type check failed for prop “transfer“. Expected Boolean, got String with value “true“
Invalid prop: type check failed for prop "transfer". Expected Boolean, got String with value "true".错误的意思是:道具无效:道具“转移”类型检查失败。 预期布尔值,得到值为“true”的字符串。自己代码是这样的transfer="true"改成:transfer='true'添加一个冒号,变成动态...
2022-04-06 17:24:51
1679
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人