- 博客(104)
- 收藏
- 关注
RSS订阅原创 vue2.x + element-ui提示：找不到node_modules/async-validator/es/index.js文件
我按照提示确实没有在node_modules找到async-validator文件夹，本来是手动npm install了这个文件，但是发现找不到es文件夹了，所以就干脆又运行了一遍安装element-ui包的命令将这个漏掉的包补上了。
2023-03-22 17:18:54
1269
1
原创 三步完成在vue2.x中安装element-ui
vue2.xelement-ui这个是全局配置，后期再补充自动导入，可以看看官网的解释在vue项目内的程序入口文件main.js 中引入element-ui及其样式文件在页面入口文件App.vue中加入element-ui官网中的按钮代码测试一下最后的效果：完整的main.js文件：注意不同版本的vue对应的element组件库是不同的！
2023-03-22 17:12:20
1189
原创 ERROR 1045 (28000): Access denied for user ‘root‘@‘localhost‘ (using password: YES)
- mac 无法启动mysql - mysql密码错误 - 忘记mysql的密码
2023-03-15 14:26:16
427
原创 error obtaining VCS status: exit status 128 Use -buildvcs=false to disable VCS stamping. make: ***
按照终端的报错信息展示，是仓库的权限问题，根据指示运行。命令拉取远程仓库到本地后，使用了。命令后能解决这个问题。
2023-02-05 11:03:03
1557
原创 react+ts+echarts5.x按需导入实现世界地图
按需导入echarts，使用echarts 的 registermap世界地图、获取世界地图geoJSON文件、
2022-08-04 11:32:52
1802
原创 在react+typescript中使用echarts
在react+typescript中使用echarts出现类型“null”的参数不能赋给类型“HTMLElement”的参数错误提示，附demo
2022-08-02 14:29:38
1252
1
原创 mac 打开Readme.md文件 -- 无需下载软件
mac无需下载软件打开Readme.md文件 -- 使用chrome浏览器中的Markdown Preview Plus插件
2022-07-20 21:06:44
6745
1
原创 运行react项目时出现Uncaught ReferenceError: process is not defined错误提示
uncaught referenceError: process is not defined
2022-06-29 17:34:34
2598
原创 react 18 createRoot没有渲染出DOM元素
TypeError: Cannot read properties of undefined (reading> 'createElement')
2022-06-29 12:02:35
802
原创 webpack 配置file-loader统一字体打包文件输出目录后dist下仍然有字体打包文件
webpack 配置file-loader统一字体打包文件输出目录后dist下仍然有字体打包文件
2022-06-15 10:15:50
425
转载 react Warning: validateDOMNesting(...): ＜p＞ cannot appear as a descendant of ＜p＞.
react 在解析dom元素的时候，解析出来的结果如下所示：而对于p标签，只能包裹内联元素, 不能包裹块级元素。修改p标签内的html元素为内联元素
2022-06-10 10:40:14
3731
原创 react 替换页面头图标失败
网络配置提示两类错误：favicon.ico : 404 page failed；favicon.ico : 304 ok；原因及解决办法：路径引入错误：确保index.html中引入图标的路径正确；项目配置不支持.ico结尾的图标文件：我的原因在这里，因为不知道怎么改项目配置，索性就使用转换工具将ico–>svg再重新引入就成功了；<link rel="icon" type="image/svg+xml" href="../favicon.svg" />...
2022-04-16 11:54:20
894
原创 SyntaxError: Unexpected token o in JSON at position 1
一、环境mac osvscodevue2.x二、原因及对应解决办法用JSON.parse(value)将string对象转换成object对象出错：SyntaxError: Unexpected token o in JSON at position 1重复转换：由value本身就是object对象引发的，因为value本身就是object对象，此时再使用JSON.parse(value)方法后返回的是一个[object,Object]对象，JSON.parse(value)无法识别
2022-03-24 17:08:51
13719
原创 react+typescript使用window.ethereum报错
原因参考下面的引用文字：TypeScript 作为 JavaScript 的超集，在开发过程中不可避免要引用其他第三方的 JavaScript的库。虽然通过直接引用可以调用库的类和方法，但是却无法使用TypeScript诸如类型检查等特性功能。为了解决这个问题，需要将这些库里的函数和方法体去掉后只保留导出类型声明，而产生了一个描述 JavaScript库和模块信息的声明文件。通过引用这个声明文件，就可以借用 TypeScript 的各种特性来使用库文件了。资料来源于菜鸟教程解决办法在s
2022-03-20 15:22:24
1970
转载 get / post 的区别和应用
找到两篇讲解比较详细的文章，按个人理解总结下来有如下几点：安全性：post传递数据的时候将数据放置在html的header中一起发到指定的URL里，而get则是采用“url?数据”拼接的方式将数据暴露在URL上，不利于隐私保护；应用性：post主要用于更新数据信息，在表单提交上用的比较多；get用于获取/查询资源信息，常用在跳转标签上；传递大小限制：post可以传递至少2M的数据，一般无限制；get受浏览器地址栏的限制，只能传2k-8k的数据简单了解下react中处理API的get与post以及封
2022-03-13 13:51:13
230
原创 react用axios的 get/post请求/获取数据
一、Post通式 axios.post('api地址',待传入的参数) .then(function (response) { //handle success data }) .catch(function (error) { //handle error satuation console.log(error) })}应用第二个参数第一种写法：直接传字符串 const posts_ = 'https://www.fastm
2022-03-13 13:41:03
6503
转载 git pull命令出现git拉取上游代码：LibreSSL SSL_connect: SSL_ERROR_SYSCALL in connection to github.com:443报错
上网查了说是代理设置的问题，后面重新设置代理再取消也没有效果，找到这篇文章，执行了这行命令才成功：进入仓库对应目录，执行如下命令：git remote set-url origin [email protected]:xxx/xxx.git重新执行git pull 命令git pull origin main参考文章：添加链接描述...
2022-03-09 10:36:21
343
原创 this.state.xxx提示“Readonly＜{}＞”上不存在属性“xxx”
环境ReactTypeScriptVScodeMacOs一、问题this.state.xxx提示“Readonly<{}>”上不存在属性“xxx”二、解决办法1. 给state指定类型type StateType = { value: string;};interface Square { state: StateType;}2. React.Component改成React.Component<any, any>有效果，但是ts无
2022-03-06 21:44:38
1751
原创 学习vue2.x store
一、安装项目根目录下执行以下命令：npm install vuex --save在main.js中引用如下代码：import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)二、使用
2022-02-27 18:41:00
478
原创 vue处理get/post的http请求
一、使用Vue.http/this.$http在发起请求的时候，为了减少作用域链的搜索，建议使用一个局部变量来接受this1. GET请求// 基于全局Vue对象使用httpVue.http.get('/someUrl', [options]).then(successCallback, errorCallback);// 在一个Vue实例内使用$httpthis.$http.get('/someUrl', [options]).then(successCallback, errorCallb
2022-02-25 15:25:07
12750
转载 html获取屏幕、浏览器、页面的高度与宽度
一个页面的展示，从外到内的容器为：屏幕、浏览器以及页面本身；对应关系如下：HTML元素–>页面–>浏览器–>屏幕一、屏幕screen.height //屏幕高度screen.width //屏幕宽度screen.availHeight //屏幕可用高度，即屏幕宽度减去上下任务栏后的高度screen.availWidth //屏幕可用宽度。即屏幕宽度减去左右任务栏后的宽度screen.height - screen.availHeight //任务栏高度二、浏览器
2022-02-24 19:18:31
11105
转载 使用css实现省略号加载动画
环境win10vscodevue2.x代码<div class="dot"> 动态省略号 <span class="dot-ani"></span></div><style>.dot-ani { display: inline-block; height: 12px; line-height: 12px; overflow: hidden; } .dot-ani
2022-02-24 19:07:26
1840
原创 vue+css网格背景图制作
环境win10vscodevue2.x代码改变网格与网格之间的间距：同时调整transparent和background-size，数值越小，网格之间的间距越小；rgba后的数值用于调整网格线的粗细程度<template> <div class="app"> <div class="GridBackground"></div> </div></template><script>ex
2022-02-24 19:05:10
811
转载 margin:0 auto不生效的原因
参考文章：http://www.noobyard.com/article/p-zxrpdvzj-sa.html
2022-02-24 19:01:40
871
原创 vscode插件
一、Search node_modules作用：用于查找node_modules下的文件安装步骤：在vscode插件中搜索“Search node_modules”，安装后使用“ctrl+shift+p”，向输入框内输入待查找文件的名字即可；参考文章：https://www.zhihu.com/question/309220217二、vetur作用：初始化vue文件模板安装步骤（wins）：打开vscode–>点击“文件”–>“首选项”–>“用户片段”–>搜索“vu
2022-02-24 18:59:51
882
转载 vscod中书写html标签后按tab键自动补全
vscode --> 菜单栏“文件”选项–>“首选项”–>“设置”–>setting.json文件–>在最后一行复制粘贴代码 "emmet.triggerExpansionOnTab": true, "emmet.showAbbreviationSuggestions": true, "emmet.showExpandedAbbreviation": "always", "emmet.includeLanguages": { "ja.
2022-02-22 15:45:37
441
1
原创 vue2.x 使用axios方法获取api接口中的数据并渲染到页面上，附api接口获取渠道
一、安装和引入axiosnpm install axios -S在main.js中引入import Axios from 'axios'Vue.prototype.axios = Axios //全局注册，使用方法为:this.$axios二、获取api接口数据方法一data() { return { dataapi: [], }; }, mounted: function () { var that = this; this.ax
2022-02-21 15:19:07
8375
3
原创 vue2.x 使用jQuery方法获取api接口中的数据并渲染到页面上，附api接口获取渠道
一、环境配置初始化vue项目npm i -g @vue/cli-initvue init webpack vue2-demo文件结构如图所示：安装jQuerynpm install jquery --save-dev配置jQuery打开项目根目录下的build/webpack.base.conf.js文件，分别在如图所示的两个位置加入以下代码：var webpack = require("webpack")plugins: [ new webpack.opt
2022-02-21 14:54:04
2108
转载 html修改虚线边框的大小
div { border: 1px solid transparent; background: linear-gradient(white,white) padding-box, repeating-linear-gradient(-45deg,#ccc 0, #ccc 0.5em,white 0,white 0.75em);}
2021-12-29 14:33:15
545
原创 common.less制作（移动端适配）
环境win10vscodevue2.x步骤安装easy less 插件src下新建css文件夹，创建common.less文件，这里将页面划分为10等份后写入手机常见的尺寸（320px、360px、375px、384px、400px、414px、424px、480px、540px、720px、750px）并为其设置根元素大小，这里假设设计稿的宽度为830px，后面的计算参见rem计算公式，内容如下：html { font-size: 83px;}@no:10;// 320@
2021-12-27 22:31:43
411
转载 normalize.css 样式初始化 去掉默认属性
环境win10vscodevue2.x作用normalize.css用于替代以前默认重置样式代码* { margin: 0; padding: 0; border:0;}使用安装和引入步骤如下：安装npm install --save normalize.cssmain.js中引用import 'normalize.css/normalize.css'参考文章：https://www.jianshu.com/p/43f8ac0a11a2
2021-12-27 22:18:48
229
原创 vue实现页面切入淡入淡出、文字淡入淡出效果＜transition＞标签
二、使用条件满足以下条件之一条件渲染 (使用 v-if)条件展示 (使用 v-show)动态组件组件根节点三、使用步骤文字淡入淡出效果使用步骤<template><div id="demo"> <button v-on:click="show = !show"> Toggle </button> <transition name="fade"> <p v-if="show">hell
2021-12-22 15:57:26
5163
原创 vue 实现从当前页面跳转到其他页面
环境win10vscodevue2步骤安装routernpm i [email protected] -S配置router项目src下新建router文件夹–>文件夹内新建index.js初始化index.js// 1.导入vue和VueRouter的包import Vue from 'vue'import VueRouter from 'vue-router'// 2.调用Vue.use()函数，把VueRouter安装为Vue的插件Vue.use(Vu
2021-12-21 17:50:09
5714
原创 vue项目中引入字体图标步骤
到这个网址下载想要的字体图标解压并引入图标压缩包在vue中使用字体<div><span></span></div><style>span::before { font-family:'icomoon'; content:'\+编码or直接放入图标小框';}</style>content内容获取：...
2021-12-21 16:39:16
108
原创 a标签锚点链接跳转到当前页面指定位置未生效，附a标签的使用
原因<a></a>内部和外部均没有文字内容，导致浏览器识别不到传的id名字首字母没有小写代码第一种情况<div id="jumphere">跳到这</div><div> <a href="#jumphere"></a>//实现不了跳转 <a href="#jumphere">content</a>//可以实现跳转</div>第二种情况//不可以实现跳转<
2021-12-20 12:45:14
2528
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人