- 博客(26)
- 资源 (1)
- 问答 (2)
- 收藏
- 关注
原创 Warning: Can‘t perform a React state update on an unmounted component. This is a no-op, but it in...
Warning: Can’t perform a React state update on an unmounted component. This is a no-op, but it indic… let [codeDisabled, setcodeDisabled] = useState(false); let [codeLoadings, setcodeLoadings] = useState(false); let [codeText, setcodeText] = useState(
2022-04-12 20:13:29
448
原创 哈希和history的区别
hashhistory首先先url上加#没有#不向服务器发请求url的改变会向服务器发请求起的是个锚点的作用弥补了hash的锚点缺陷(本来hash有锚点功能,是做页面定位的,但是用来做路由就不行了)传参是基于url的所以有大小限制可以在url里传参也可以把参数放在一个特定的对象里面可以控制浏览器的前进和后退兼容性更好hash首先先url上加#,起的是个锚点的作用,不向服务器发请求可以控制浏览器的前进和后退兼容性更好传参...
2021-07-26 00:08:42
448
原创 react坑
1.路由跳转本页面不变,跳转到新的页面之前用的是 <span onClick={this.handClick} />handClick(){ this.props.history.push('/signout')}点击之后页面确实是跳了,但是没法指定跳到哪一个页面上,下图的方法就可以2.导航栏有若干个栏目,点击其中一个 让它背景变色,其他的都为原始颜色小提示:对于样式改变,就是删除原来的class名称,设置为新的class名称。而class名 称,定义在css文
2021-05-26 16:25:01
623
原创 移动端页面横向方向挤出来了白边
出现下面的情况一定是某一个的宽度给挤得我的原始代码 width: 100%; height: 20vh; line-height: 8vh; padding: 0 0 0 3%; background-color: #fff;是我设了个padding之后,把宽度挤出去了,这时候加 box-sizing就可以了 width: 100%; height: 20vh; line-height: 8vh; padding: 0 0 0 3%; bac
2021-05-25 09:11:57
447
原创 100vh和100%的区别
介绍vh就是当前屏幕可见高度的1%,也就是说height:100vh == height:100%;我的案例:元素没有设置高度的时候,我写移动端界面的时候用100vh会把屏幕撑大到需要滑动框,但是100%却不会。我是怎么解决的呢:在最外层包一个div,给这个div设置height:100vh...
2021-05-25 09:04:29
3216
原创 index.js:36 Uncaught TypeError: _moment2.default.format is not a function
错误解答:应该这么写moment().format(),报这个错误就是少写括号le
2021-05-24 16:48:21
570
原创 react-dom.js:82 Uncaught Invariant Violation: Minified React error #200; visit http://reactjs.org/do
react坑1:
2021-05-21 17:25:45
587
原创 webpack的坑
坑1我的package.json本来以为webpack的版本太高了,但是配置了一通还是失败,之后看到了一遍博文这才解决了附上解决方案一、安装使用yarn add webpack-dev-server --dev启动服务器yarn webpack serve这样我的问题就解决了,但是我在package.json中配置的dev就没有起到任何的作用了 -------好伤心,慢慢解决吧,好歹现在能跑起来...
2021-05-05 23:03:06
216
原创 main.js?56d7:19 Uncaught TypeError: Cannot read property ‘globalProperties‘ of undefined
代码如下main.jsimport { createApp } from 'vue'import App from './App.vue'import router from './router'import store from './store'// 全局配置import http from '@/api/config.js'createApp(App).use(ElementPlus).use(store).use(router).mount('#app')app.conf.
2021-04-15 13:50:10
3129
原创 原生js完成放大镜效果
html<!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-width, initial-scale=1.0">
2021-04-12 17:27:56
115
原创 使用v-model的前提下,清空input内输入的内容
要从v-model着手去想<div class="account"> 帐号:<input @click="accountover" @blur="accountLeave" type="text" placeholder="请输入您的账号" v-model="account" value="" /><span>*</span.
2021-04-05 22:22:44
2121
原创 正则表达式之验证格式
1.最简单的一种(最少一个\w 一个@符号 最少一个\w \.点是通配符所以要用转义字符\ 至少一个\w (.cn)可加可不加)/^\w+@\w+\.\w+(\.cn)?$/
2021-04-05 21:39:12
175
原创 vue中改变字体颜色(v-bind)
今天写东西碰到一些问题,现在要记录下来<div class="account"> 帐号:<input type="text" placeholder="请输入您的账号" v-model="account" /><span>*</span ><span id="tishiAccount" :style="tishiAccount_style">{{ msg }}
2021-04-05 20:56:17
18844
2
原创 解决margin坍塌
父子两个块级元素之间,使用margin:10px 0; 使其有了上外边距,之后就会出现高度坍塌的问题解决它又办法:1在父元素中加入:overflow:hidden2.在父子元素之间加入:<table></table>3. 在父元素中添加一个伪元素,具体设置样式如下:父元素::before{ content: ""; height: 0; clear: both; overflow: hidden; display: block;
2021-03-31 23:34:21
203
原创 实现一个宽200高350的盒子里平均放16个li的小demo
html <div class="box"> <ul> <li></li> <li></li> <li></li> <li></li> <li></li>
2021-03-31 23:05:32
160
原创 创建个人博客
创建个人博客1.在github上创建仓库至此,仓库创建成功.在gitee上创建仓库2.将仓库克隆到本地git clone 仓库地址 (使用ssh)3.进入vuepress-theme-reco网站3.1安装vuepress-theme-reco这个主题,npxnpx @vuepress-reco/theme-cli initnpm# 初始化npm install @vuepress-reco/...
2021-03-25 18:25:19
204
转载 码云提交代码后,代码行数不更新。。。。。怎么解决?
码云提交代码后,代码行数不更新。。。。。怎么解决?这个是由于本地的user和邮箱和码云上的不匹配导致的。在命令行输入如下命令就会看到当前git的user查看当前git用户名: git config user.name1进入个人中心,看到海螺人是我码云的用户名使用第一条命令如果发现不一致那么就需要使用如下命令切换为一致切换git用户名: git config --global user.name "YOURUSERNAME"1然后查看码云的邮箱,进入个人中心,选择多邮箱管理然后可以
2021-03-25 17:10:28
819
原创 VUE中使用ref修改css属性之borderBottom
<li ref="borderBottom"> <a href="javascript:;">我的资料</a> </li> <li ref="borderBottom1">|</li> <li ref="borderBottom2"> <a href="javascript:;">...
2021-03-22 11:12:16
2278
原创 hover时,transform和transition写在何处
transform和transiton写在hover里都能实现功能但是,hover 中写transform,减少bug示例如下transform &:hover { background-color: #fff !important; span:last-child { transform: rotate(-180deg); }transition span:last-.
2021-03-19 23:42:00
628
原创 iconfont+旋转
示例:给iconfont加旋转!----旋转180deg 2秒①<i>标签先转换成行内块元素:i{ display: inline-block;}必须给i标签转换成行内块元素:否则无法旋转!!!注:(旋转要加在hover里)给<i>加旋转必须由 &:hover:如下:i{ display: inline-block; &:hover{ transform: rotate(180deg); .
2021-03-19 23:20:14
795
转载 Normalize.css
Normalize.cssNormalize.css 使浏览器呈现所有 HTML 元素更加一致,并且符合现代 web 标准。Normalize.css 只作用于需要规范化的样式。作用保留有用的默认值,不同于许多 CSS 的重置纠正错误和常见的浏览器的不一致性标准化的样式,适用范围广的元素浏览器支持Google Chrome (latest)Mozilla Firefox (latest)Mozilla Firefox ESROpera (latest)Apple Safari
2021-03-18 22:57:49
1138
原创 在element-ui中使用default-active------是有默认的样式的,想要更改样式的话就要做下面的更改
在element-ui中使用default-active ------是有默认的样式的,想要更改样式的话就要做下面的更改// 激活的图片颜色和样式.el-menu-item.is-active{ background: $linearColor; color: $hoverColor; }...
2021-03-03 00:40:38
834
原创 android studio 模拟器问题及其引发的一系列问题。
刚接触Android studio 在android studio中文社区下载了Android studio 以及SDK之后,都正常,只是模拟器运行的时候报错,其间有8700 、code 0等等,大家不要一直卸载Android studio再安装,可以卸载一次后,按照我给的方法:1.删除掉 C:\用户\你的用户名的文件\.android(.有android)的文件都删掉,不要担心,这是配置,可...
2018-04-04 23:00:45
823
原创 eclipse左侧点没了,怎么点出来。
1、点击上方导航栏的window2 然后再点击Reset Perspective 有可能这样还是出不来:3 点击Close Perspective
2017-12-07 14:10:13
1057
github上的项目放到码云上显示的页面不一样
2021-03-25
jsp登录界面打开,只能跳转到登录失败界面,不能跳转到登录成功界面。
2017-11-15
TA创建的收藏夹 TA关注的收藏夹
TA关注的人