自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(223)
  • 资源 (1)
  • 收藏
  • 关注

原创 微信小程序项目功能要点总结

wx.setClipboardData设置系统复制粘贴,input输入框字数监听,wx.requestPayment支付

2020-05-29 16:45:47 853 1

转载 【echarts 3D饼图】

1、安装 echarts 和 echarts-gl。

2024-01-31 11:52:34 201

原创 vue3 项目搭建教程整理

空格键和enter键 配合选择。

2023-10-27 20:00:00 440

原创 npm : 无法加载文件 C:\Program Files\nodejs\npm.ps1,因为在此系统上禁止运行脚本。

1、在vscode终端执行 get-ExecutionPolicy ,显示Restricted,说明状态是禁止的。出现需要管理员权限提示,可选择执行 Set-ExecutionPolicy -Scope CurrentUser。3、再输入 get-ExecutionPolicy ,显示 RemoteSigned 改好了。出现的ExecutionPolicy参数后输入:RemoteSigned。

2023-10-27 10:15:34 1043

原创 pinia安装和使用

【代码】pinia安装和使用。

2023-07-11 15:04:04 281

原创 配置router路由

创建src/router/index.ts。

2023-07-07 14:47:29 190

原创 echarts柱状图细节

上图标注名称不一定准确,大概意思,方便看下面代码。

2023-06-05 15:31:20 114

原创 解决echarts图形没有及时清除更新,清空重绘问题

【代码】解决echarts图形没有及时清除更新,清空重绘问题。

2023-05-19 11:17:21 1045

原创 解决echarts 饼图和图例之间的距离问题

【代码】解决echarts 饼图和图例之间的距离问题。

2023-04-10 14:29:39 3449

原创 echarts 刻度线

参数类型:boolean,Array。(2)false,x坐标轴两边不留白。(1)true,x坐标轴两边留白。2、axisTick 刻度线样式。

2023-04-06 16:35:03 837

原创 vue-orgchart拓扑图

【代码】vue-orgchart拓扑图。

2023-04-04 17:16:00 1729

原创 export ‘default‘ (imported as ‘XLSX‘) was not found in ‘xlsx‘ (possible exports: CFB, SSF, parse_xls

解决:改为。

2023-03-27 10:54:25 1112

原创 vue3引入 element-plus / scss

1、vue3安装element-ui不兼容,安装element-plus代替。2、main.js 配置问题,引入顺序很重要。

2023-02-13 17:31:24 1069

原创 echarts 图例 && 折线图

【代码】echarts 图例 && 折线图。

2022-11-22 20:30:00 6436

原创 echarts 多环饼图

【代码】echarts 多环饼图。

2022-11-19 20:30:00 501

原创 echarts单环饼图

【代码】echarts单环饼图。

2022-11-18 20:30:00 671

原创 echarts 柱状图&&折线图切换展示

【代码】echarts 柱状图&&折线图切换展示。

2022-11-17 21:00:00 1839

原创 【nvm】管理nodejs的版本,解决新老项切换node.js版本的问题

nvm(node.js version management),是一个nodejs的版本管理工具。可以简单操作node版本的切换、安装、查看、卸载等,与npm不同的是,npm是依赖包的管理工具。2.下载https://github.com/coreybutler/nvm-windows/releases。通过nvm可以安装和切换不同版本的node.js,解决node.js各种版本存在不兼容现象。如:node.js版本过高,老项目运行不了等问题。1.卸载本地 node.js,检查是否卸载。

2022-10-10 16:45:03 968

原创 Uncaught (in promise) TypeError: Window.addEventListener is not a function

看了半天,才发现window的w写成了Window。犯了一个很低级的错误,

2022-09-09 18:25:53 1790

原创 解决vue3新建项目无法选中Manually select features配置项

如果你在 Windows 上通过 minTTY 使用 Git Bash,交互提示符并不工作。你必须通过 winpty vue.cmd create hello-world 启动这个命令。

2022-09-02 15:46:29 664

原创 ***install 、uninstall 、查询依赖包版本号

npm install -save [email protected] //安装指定版本号。

2022-08-30 18:42:06 1113

原创 修改硬盘分区,没有执行此操作所需的足够可用空间

C盘分区的空间太小,想要把D盘一部分可用空间分给C盘

2022-04-03 12:52:49 2446 2

原创 实现el-table-column动态绑定或展示

根据权限或者特定条件选择性展示列表,实现动态el-table-column<template> <div> <el-table :data="tableData"> <el-table-column prop="a" align="center" label="A" v-if="objData.a"/> <el-table-column prop="b" align="center" label="B"

2021-09-03 16:04:39 8918

原创 解决缓存问题,静态html 引用js、css路径加时间戳

<script type="text/javascript"> var timestamp = new Date().getTime(); document.write('<link href="./index.css?v=' +timestamp+ '" rel="stylesheet" type="text/css"/>') document.write('<script src="./index.js?v='+timestamp+'" type="te.

2021-09-01 10:14:40 953

原创 PDF文件想在模态框里展示

.pdf 格式文件一般是在浏览器里直接打开,项目需求要在弹框里打开,就用到了iframe <el-dialog :visible.sync="dialogVisible_img" width="50%" style="background:none"> <iframe boder="0" :src="dialogImageUrl1" style="width:100%;min-height:600px;border:0; "> </iframe&g

2021-08-25 15:05:38 322

原创 js判断文件类型

if (!/\.(gif|jpg|jpeg|png|GIF|JPG|PNG)$/.test(url)) { alert("图片类型必须是.gif,jpeg,jpg,png中的一种"); }

2021-08-25 15:00:32 4920

原创 解决富文本tinymce/tinymce-vue 汉化不彻底的问题,上传图片仍然是英文的问题

解决富文本tinymce/tinymce-vue 汉化不彻底的问题1、翻译成汉字,然后找个中文在线转换unicode的网站转换2、找到 zh_CN.js文件,粘贴进去即可

2021-08-23 17:54:53 1892

转载 Vue.prototype的使用方法

去官网https://cn.vuejs.org/v2/cookbook/adding-instance-properties.html

2021-08-09 10:21:26 787

原创 React redux 修改数据 store.dispatch(action)

一、获取数据store.getState()二、修改数据 store.dispatch(action)src/store/index.jsimport { createStore } from 'redux' // 引入方法import reducer from './reducer' const store = createStore(reducer) // 创建数据存储仓库export default store src/store/reducer.jsconst de

2021-08-03 17:40:01 4310

原创 React redux 获取数据store.getState()

一、获取数据store.getState()src/store/index.jsimport { createStore } from 'redux' // 引入方法import reducer from './reducer' const store = createStore(reducer) // 创建数据存储仓库export default store src/store/reducer.jsconst defaultState = { inputValue

2021-08-03 15:49:46 6234

原创 TypeError: str.replace is not a function

replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。操作对象如果不是字符串会报错:let str=20str=str.replace(/\s*/g,"")解决:str=str.toString().replace(/\s*/g,"")...

2021-07-28 11:05:54 4503

转载 正则表达式-去除中括号

let str="车门[ 车门 ]"let str1=str.replace(/\[|]/g,'') //车门 车门 let str2=str.replace(/\[.*?\]/g,'') //车门let str3=str.replace(/\[.*\]/,'') //车门\:将下一个字符标记为一个特殊字符、或一个原义字符、或一个向后引用、或一个八进制转义符。例如,“n”匹配字符“n”。“\n”匹配一个换行符|:或的意思;/g:全局搜索。.:表示除换行符和其他Unicode行终止

2021-07-27 14:28:03 1507

原创 [Vue warn]: Error in render: “TypeError: cellValue.replaceAll is not a function

去除中括号,如:“车门[ 车门 ]” let reg = new RegExp('\\[(.+?)\\]',"g"); return str.replaceAll(reg,"");上面方法,在edge浏览器、谷歌浏览器没问题,但是在搜狗和QQ浏览器就报错。解决办法:return str.replace(/\[.*?\]/g,'')...

2021-07-27 13:45:03 888

原创 react中 Router管理,router&&NavLink使用

react-router提供了一些router的核心api,例如:Router,Route,Switch等,但是它没有提供dom操作进行跳转的api。React-router-dom提供了BrowserRouter,Route,Link等api,动态的,可以去使用dom的事件去控制路由import {HashRouter, NavLink, Route, BrowserRouter as Router} from 'react-router-dom'...

2021-07-16 13:56:18 273

原创 解决 Ant Design汉化问题

引入汉化插件,并ConfigProvider 包裹组件//index.jsimport React from 'react';import ReactDOM from 'react-dom';import './index.css';import reportWebVitals from './reportWebVitals';import Home from './views/home';//引入插件import 'antd/dist/antd.css';import { ConfigP

2021-07-07 14:32:14 481

原创 vue项目中,entre键登录&&提交

<el-button type="primary" size="medium" style="width:90%;" @click="login">登录</el-button>created() { this.enterDown(); }, methods: { enterDown() { document.onkeydown = e => { let key_code = window.event.keyCode;

2021-07-07 13:22:23 221

原创 css禁用点击事件

//禁用$('.btn_box').css({"pointer-events": "none","cursor": "default","opacity": "0.5" });//取消$('.btn_box').css({"pointer-events": "auto","cursor": "pointer","opacity": "1" });或者.btn_box_disabled { pointer-events: none; cursor: default; opa

2021-07-05 14:46:39 1694

转载 防抖和节流,及他们的应用场景

防抖 (debounce)防抖,顾名思义,防止抖动,以免把一次事件误认为多次,敲键盘就是一个每天都会接触到的防抖操作。想要了解一个概念,必先了解概念所应用的场景。在 JS 这个世界中,有哪些防抖的场景呢?登录、发短信等按钮避免用户点击太快,以致于发送了多次请求,需要防抖。调整浏览器窗口大小时,resize 次数过于频繁,造成计算过多,此时需要一次到位,就用到了防抖。文本编辑器实时保存,当无任何更改操作一秒后进行保存代码如下,可以看出来「防抖重在清零 clearTimeout(timer)」

2021-06-30 10:05:59 83

原创 react几种点击事件

方法一、最常用<button onClick={function(){ alert(111)}}>点击1</button>方法二、 返回一个函数,事件对象在返回的函数中click2 = (a,b)=>{ return (e)=>{ console.log(e); console.log(a,b); //333 "aaa" }}<button onClick={this.click2(333,'aaa')}>点击2&l

2021-06-09 17:10:27 2431

原创 jq常用总结

if ($(this).parent().siblings(".showBigImg").css("display") == 'none') {} $(this).parent().css("display", "none") $(this).parent().siblings(".showBigImg").css("display", "none")

2021-06-03 10:41:29 94

react redux-thunk 和 router简单使用

react redux-thunk 和 router简单使用

2021-08-19

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除