- 博客(26)
- 收藏
- 关注
RSS订阅原创 vue项目中使用Echart及屏幕大小变化动态修改canvas大小
vue项目中使用Echart及屏幕大小变化动态修改canvas大小。Cannot read properties of undefined (reading 'type')TypeError: Cannot read properties of undefined (reading 'type')
2024-06-25 17:40:09
430
原创 vue canvas图片绘制，生成绘制之后的图片
使用场景：思路： 1：获取图片的尺寸。 2：再图片上覆盖一个canvas，canvas宽高等于图片的宽高。 3：给canvas绑定鼠标按下事件（mousedown），获取鼠标按下的坐标位置； 4：给canvas绑定鼠标移动事件（mousemove），记录鼠标移动的坐标； 5：给canvas绑定鼠标松开事件（mouseup），得到鼠标绘制的终点坐标；直接上代码 // <canvas // ref="contentCanvasRef" //
2024-03-22 14:35:00
666
原创 vue3报* ./node_modules/vue-loader/dist/index.js You may need an additional loader to handle......
网上解决办法五花八门 又是改webpage 又是需要配置，我碰到的问题是这么解决的。解决办法是lang后面引入完整的css编译器 要么就删掉lang=‘’；
2024-03-04 14:30:54
387
原创 vue3项目中动态antd中自带的icon
因为antd的icon使用的时候大多是先引入想要使用的icon， 然后再以标签的形式再去使用。如果是动态的使用antd自带的icon，则需要全局引入，
2023-10-13 17:04:12
1309
3
原创 vue3.x项目搭建及移动端响应式和vant -ui（new）
本篇是3.x从创建项目到处理移动端响应式及vant-ui安装配置的记录；1：移除掉2.x的vue-cli;并全局安装新的脚手架 <1>: win+R输入cmd进入命令符界面(小黑窗); 输入指令npm uninstall -g vue-cli; 移除旧版本；执行完毕之后； 输入cnpm install -g @vue/cli;从新下载； 完成之后输入vue -V 查看版本；（我的是@vue/cli 4.5.14版本） <2>: 创
2021-10-15 11:08:21
851
原创 react 报 Uncaught Error: Objects are not valid as a React child (found: object with keys {})
react 报Uncaught Error: Objects are not valid as a React child (found: object with keys {}). If you meant to render a collection of children, use an array instead.in…今天碰到了一个react报这个错误的；查找了一下 原来是因为在render的时候 没有点上对象的key名字，比如：` <div className="y-axias"&
2021-05-21 10:31:00
3193
原创 react 报 Objects are not valid as a React child (found: object with keys {}). If you meant to render.
使用react 报 Objects are not valid as a React child (found: object with keys {}). If you meant to render a collection of children, use an array instead… *前段时间使用react;莫名其妙的报 Objects are not valid as a React child (found: object with keys {}). If you meant to
2021-04-09 16:19:06
7478
1
原创 react 优化的问题之PureComponent的使用
react 优化的问题之PureComponent的使用！废话不多说，直接进入正题PureComponent是什么？它是干啥的？用它的好处是啥？怎么用？带着这个问题往下看 1：先看父子组件//这是父组件代码import React,{ Component } from 'react'import ChildBtn from "../btn/index"class Home extends Component{ constructor(props){ super(pr
2021-03-24 17:33:44
135
原创 Vue3.x的安装与vue 3.x 中element的使用！
Vue3.x的安装与vue 3.x 中element的使用！vue3.x出来之后，就没使用过vue了，应公司要求，使用vue3，进行项目的开发，记录一下…因为之前用过vue.js做过项目，所以全局有vue2.x的脚手架！ 问题<1>：照着vue3官网上直接下载更新vue-cli， 完事了vue -V还是2.9.6；不成功！ 解决：npm uninstall -g vue-cli 或者 yarn global remove @vue/cli ； 卸载之后再次下载npm i
2021-01-29 16:27:48
750
原创 react 项目使用echarts，安装以及使用
废话不多说，公司项目要求，要画一个折线形的统计图！以前没用过，现在特此记录下！！！1：安装安装命令：yarn add echarts echarts-for-react 或者npm install --save echarts echarts-for-react echarts比较大，下载可能得费点时间！！！2：引用 //由于echarts包不小，为了不为打包的时候添麻烦！所以我是按需引入的！ import * as echarts from 'echarts';//引入主模块 /**
2021-01-14 17:10:54
1539
4
原创 docker的安装及卸载不干净造成的问题
docker的安装1. docker的安装及遇到的问题安装<1>:打开https://docs.docker.com/， 先注册个账号，注册好后登录上去，<2>:点击<3>: 点击进入后选择自己对应的系统！问题<1>: 下载完成后点击之后报Installation failed 未将对象引用设置倒对象的实例…原因是 我之前装过 卸载了 卸载的时候没卸载干净，后来到 控制面板=>程序=>程序和功能中卸载的Docker Des
2021-01-05 10:34:12
2405
2
原创 js将数组对象中某个值相同的对象合并成一个新对象
比如请求回来的数组是下面list这样子的let list=[ {name:'张小三',home:'北京',age:15}, {name:'李老四',home:'上海',age:15}, {name:'王小五',home:'上海',age:15}, {name:'马老六',home:'上海',age:15}, {name:'阮小七',home:'深圳',age:15}, {name:'苏小八',home:'北京',age:15}, {na
2020-12-16 18:36:50
1047
原创 JavaScript基础小总结（三之查找元素）
JavaScript基础小总结（三之查找元素）；接着前面的几篇博客，今天小小的总结以下查找元素的方法我们都知道原生JavaScript 直接获取元素无非就那几种 1：document.getElementsByClassName()/通过/类名 2：document.getElementsByName()//通过name 3：document.getElementById()//通过Id 4：document.getElementsByTagName()//通过标签比如说 1：获取到
2020-09-15 18:10:26
267
原创 原生JS判断浏览器及版本号.
原生JS判断浏览器及版本号// 判断浏览器及版本号(function () { var userAgent = navigator.userAgent, rMsie = /(msie\s|trident.*rv:)([\w.]+)/, rFirefox = /(firefox)\/([\w.]+)/, rOpera = /(opera).+version\/([\w.]+)/, rChrome = /(chrome)\/([\w.
2020-09-15 14:05:31
220
原创 JavaScript中的Dom方法
JavaScript中的Dom方法总结DOM方法作用！能改变页面中的所有 HTML 元素能改变页面中的所有 HTML 属性能改变页面中的所有 CSS 样式能删除已有的 HTML 元素和属性能添加新的 HTML 元素和属性能对页面中所有已有的 HTML 事件作出反应能在页面中创建新的 HTML 事件1：改变页面中的HTML元素 1：document对象； <1>:document.getElementById(id);//通过ID获取元素 <2>:doc
2020-07-05 14:02:15
192
原创 JavaScript基础小总结（二之判断和循环）
JavaScript基础小总结（二之判断和循环）接上一篇一，JavaScript中的判断 **1：if判断** <1>:句式if(判断条件){如果为真（true）}else{如果为假}； 例：var a=1; if(a==2){ console.log(“我是真的”) }else{ con...
2020-03-18 16:53:32
168
原创 JavaScript基础小总结（一）
在这里插入代码片@TOCJavaScript基础小总结（一）一：js输出类 <1>:弹框输出：window.alert()；弹出警告框:alert()也可以; <2>:文本输出：document.write()； <3>:控制台输出：console.log(); <4>:元素(注:可以是元素名、类名、ID啥的).i...
2020-03-10 17:24:27
333
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人