![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
学习
Krlin_
这个作者很懒,什么都没留下…
展开
-
ERROR 1045 (28000): Access denied for user ‘root‘@‘localhost‘ (using password: YES)
- mac 无法启动mysql - mysql密码错误 - 忘记mysql的密码原创 2023-03-15 14:26:16 · 429 阅读 · 0 评论 -
world插入分页符后多出一行
中文摘要和英文摘要要分页显示,老师要求在中文摘要页面插入分页符之后,不能出现空行。原创 2023-03-05 12:40:10 · 7306 阅读 · 0 评论 -
error obtaining VCS status: exit status 128 Use -buildvcs=false to disable VCS stamping. make: ***
按照终端的报错信息展示,是仓库的权限问题,根据指示运行。命令拉取远程仓库到本地后,使用了。命令后能解决这个问题。原创 2023-02-05 11:03:03 · 1614 阅读 · 0 评论 -
react+ts+echarts5.x按需导入实现世界地图
按需导入echarts,使用echarts 的 registermap世界地图、获取世界地图geoJSON文件、原创 2022-08-04 11:32:52 · 1970 阅读 · 0 评论 -
在react+typescript中使用echarts
在react+typescript中使用echarts出现类型“null”的参数不能赋给类型“HTMLElement”的参数错误提示,附demo原创 2022-08-02 14:29:38 · 1281 阅读 · 1 评论 -
mac 打开Readme.md文件 -- 无需下载软件
mac无需下载软件打开Readme.md文件 -- 使用chrome浏览器中的Markdown Preview Plus插件原创 2022-07-20 21:06:44 · 7444 阅读 · 1 评论 -
搭建react-typescript-webpack开发环境
react typescript webpack原创 2022-06-29 17:37:12 · 451 阅读 · 0 评论 -
运行react项目时出现Uncaught ReferenceError: process is not defined错误提示
uncaught referenceError: process is not defined原创 2022-06-29 17:34:34 · 2738 阅读 · 0 评论 -
react 18 createRoot没有渲染出DOM元素
TypeError: Cannot read properties of undefined (reading> 'createElement')原创 2022-06-29 12:02:35 · 844 阅读 · 0 评论 -
webpack分离公共模块失败
默认抽离的模块要大于30kb原创 2022-06-21 20:46:41 · 270 阅读 · 0 评论 -
webpack 配置file-loader统一字体打包文件输出目录后dist下仍然有字体打包文件
webpack 配置file-loader统一字体打包文件输出目录后dist下仍然有字体打包文件原创 2022-06-15 10:15:50 · 440 阅读 · 0 评论 -
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 · 930 阅读 · 0 评论 -
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 · 13910 阅读 · 0 评论 -
react+typescript使用window.ethereum报错
原因参考下面的引用文字:TypeScript 作为 JavaScript 的超集,在开发过程中不可避免要引用其他第三方的 JavaScript的库。虽然通过直接引用可以调用库的类和方法,但是却无法使用TypeScript诸如类型检查等特性功能。为了解决这个问题,需要将这些库里的函数和方法体去掉后只保留导出类型声明,而产生了一个描述 JavaScript库和模块信息的声明文件。通过引用这个声明文件,就可以借用 TypeScript 的各种特性来使用库文件了。资料来源于菜鸟教程解决办法在s原创 2022-03-20 15:22:24 · 2017 阅读 · 0 评论 -
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 · 247 阅读 · 0 评论 -
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 · 6621 阅读 · 0 评论 -
git pull命令出现git拉取上游代码:LibreSSL SSL_connect: SSL_ERROR_SYSCALL in connection to github.com:443报错
上网查了说是代理设置的问题,后面重新设置代理再取消也没有效果,找到这篇文章,执行了这行命令才成功:进入仓库对应目录,执行如下命令:git remote set-url origin git@github.com:xxx/xxx.git重新执行git pull 命令git pull origin main参考文章:添加链接描述...转载 2022-03-09 10:36:21 · 351 阅读 · 0 评论 -
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 · 1806 阅读 · 0 评论 -
学习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 · 523 阅读 · 0 评论 -
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 · 12834 阅读 · 0 评论 -
html获取屏幕、浏览器、页面的高度与宽度
一个页面的展示,从外到内的容器为:屏幕、浏览器以及页面本身;对应关系如下:HTML元素–>页面–>浏览器–>屏幕一、屏幕screen.height //屏幕高度screen.width //屏幕宽度screen.availHeight //屏幕可用高度,即屏幕宽度减去上下任务栏后的高度screen.availWidth //屏幕可用宽度。即屏幕宽度减去左右任务栏后的宽度screen.height - screen.availHeight //任务栏高度二、浏览器转载 2022-02-24 19:18:31 · 11327 阅读 · 0 评论 -
使用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 · 1949 阅读 · 0 评论 -
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 · 855 阅读 · 0 评论 -
margin:0 auto不生效的原因
参考文章:http://www.noobyard.com/article/p-zxrpdvzj-sa.html转载 2022-02-24 19:01:40 · 900 阅读 · 0 评论 -
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 · 919 阅读 · 0 评论 -
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 · 2140 阅读 · 0 评论 -
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 · 429 阅读 · 0 评论 -
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 · 244 阅读 · 0 评论 -
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 · 5264 阅读 · 0 评论 -
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 · 2648 阅读 · 0 评论 -
pc端页面和移动端页面两套独立代码整合在一起的方法
一、使用工具和开发前提vscodewin10pc适配和移动端是两套代码且适配均使用了rem布局vue开发二、步骤开启新项目,配置好rem布局需要的条件。在项目中的src->component目录中新建pccomponent 和 mobilecomponent目录,并将两套代码的component、assets(图片)文件分别放入相应的目录下,两个页面的字体可以公用,所以字体的配置可以直接在项目根目录下进行配置,然后在入口文件main.js文件中引入就可以了。找到项目根原创 2021-12-18 10:52:48 · 6527 阅读 · 0 评论 -
项目做PC端页面采用rem适配的使用步骤
环境win10vue2.0vscode一、rem转换公式元素rem = 元素px/(设计稿的宽度/划分的份数)=元素px/html的font-size大小;二、适配原理将屏幕划分10等份(所以公式中的划分份数就是10),通过设置html根元素的字体大小对页面进行等比缩放;三、适配步骤安装:下载解压flexible压缩包;配置:在vue项目的src目录下新建js文件夹,将lib-flexible-2.0文件夹下的index.js复制粘贴进去;在vue的src目录下的main.原创 2021-12-11 17:29:11 · 8001 阅读 · 3 评论 -
vscode插件:px to rem,实现一键转换所有px单位为rem单位方法
https://www.cnblogs.com/shujiemao/p/13840272.html转载 2021-12-09 22:17:49 · 2682 阅读 · 0 评论 -
vue父组件传字符串类型的值,传\n到子组件中没有出现换行效果
解决方法1. white-space和\n一起使用<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div id="app"> <span style="white-space:转载 2021-12-07 21:28:56 · 307 阅读 · 0 评论 -
Vue 父组件向子组件传值并修改子组件的图片路径
一、使用props:{...}该方式可以实现父组件向子组件传值的同时还可以修改子组件的图片路径Son.vue<template> <div class="Introduce"> <div class="Intro_img"> //动态修改图片路径 <img :src="src" class="DPerson_1" /> </div> <div class="Intro_info">原创 2021-12-06 20:26:17 · 1614 阅读 · 0 评论 -
vue如何修改子组件内部样式的同时不影响原组件样式在父组件中的使用
思路在父组件中引入子组件时,为子组件起一个class名称;用深度监听器/deep/修改:在父组件的style样式里用该class名称 /deep/ 子组件内待修改的class名称的格式子组件Button.vue<template> <div class="button"> <div class="button-out"> <div class="button-in">button</div> </d原创 2021-12-05 17:52:54 · 1953 阅读 · 0 评论 -
初始化好vue/cli项目后使用npm run server命令出现:error:0308010C:digital envelope routines::unsupported
环境vue/cliwin10问题初始化好vue/cli项目后使用npm run server命令出现:error:0308010C:digital envelope routines::unsupported原因node.js v17版本在OpenSSL方面做了更新解决办法使用nvm 的nvm use 版本号命令将node.js版本切换为v17以下的版本(亲测有效)修改配置#windows下set NODE_OPTIONS=--openssl-legacy-provider#原创 2021-12-05 11:04:02 · 4695 阅读 · 4 评论 -
js获取html标签内容和包含标签本身与内容的方法
1. 获取html标签内容 --innerHTML2. 获取标签本身与内容 --outerHTML<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-wid原创 2021-11-25 15:14:26 · 2293 阅读 · 0 评论 -
在前端页面上应用智能合约实现合约交互例子
环境和工具win10RemixVScodeGanache-cliweb3实现步骤Remix上编译和部署合约创建新合约InfoContract.sol并写入以下内容:pragma solidity ^0.5.0;contract InfoContract { string fName; uint age; function setInfo(string memory _fName, uint _age) public { fNam原创 2021-11-23 16:56:58 · 4177 阅读 · 3 评论 -
MetaMask钱包登录Ganache-cli内的账户,出现无法获取链 IC,您的 RPC URL 地址是正确的么?问题
环境win 10ganache-cli问题ganache-cli的启动端口是8545,对应的ChainID并没有在cmd窗口中显示出来,操作手册里面提示ganache-cli ChainID的默认值为当前时间,或使用所分叉链的网络id使用-i 或 –networkId命令启动ganache-cli可以指定网络id。通过修改的方式启动对我来说没有,我直接按照Metamask的提示往ChainID中输入了1337,后面就可以正常连接到ganache-cli给我提供的账户了步骤以管理员的身份打原创 2021-11-23 15:46:19 · 20161 阅读 · 0 评论