前端
岁月*
这个作者很懒,什么都没留下…
展开
-
react antd中的table组件自定义滚动条
这里直接上代码!!!antd中table组件的滚动条的高度与表格的条数有关系,条数越多,滚动条的高度越小;这里可以通过min-height来定义滚动条的最小高度,这样就可以达到自己想要的结果了。//表格体的滚动条设置.ant-table-body { position: absolute; border-right: #2f2f2f; //滚动条整体部分 &::-webkit-scrollbar { width: 7px; //y轴滚动条粗细 heig原创 2022-03-09 09:32:17 · 3569 阅读 · 0 评论 -
react tab切换功能
这里就不搞文字介绍了,直接实操上代码,冲!!!state = { tabService: [ { id: 1, tabName: '五分钟服务配套' }, { id: 2, tabName: '工具箱' } ], currentIndexSercive: 1, // 定义tabName切换的初始值 currentIndexNeighborhood: 1, //原创 2022-03-08 09:03:16 · 651 阅读 · 0 评论 -
Node Sass version 7.0.0 is incompatible with ^4.0.0 || ^5.0.0 || ^6.0.0报错解决方案
解决方案如下不要再使用node-sass了,要用sass替代它。如果你想在你的应用中使用scss或者sass,需要这样做:首先卸载原来安装的node-sassyarn remove node-sass如果使用的是npm,则npm uninstall node-sass然后安装sass,而不要安装node-sassyarn add -D sass或者npm i -D sass...原创 2022-03-01 13:16:49 · 442 阅读 · 0 评论 -
react 子组件传值给父组件
核心代码:子组件:this.props.ValueSize(value) // 通过ValueSize()函数把value值传给父组件父组件接收:<OfficialIcon ValueSize={this.ValueSize} />1、在需要传值的子组件iconChange = value => { this.setState({ iconValue: value, // 这个iconValue在state中定义的 }); this.原创 2021-11-01 15:23:40 · 205 阅读 · 0 评论 -
react 怎么让页面强制刷新
window.location.reload() // 强制页面刷新原创 2021-10-31 18:45:53 · 3471 阅读 · 1 评论 -
react 怎么在localstorage中提取数据
localStorage.getItem('user_key')1、在state里面定义一个变量来接收state = { userInfo: JSON.parse(localStorage.getItem('user_key'))[0]} 1)可以在render()里面打印这个数据出来看看console.log(this.state.userInfo)...原创 2021-10-31 18:04:54 · 1226 阅读 · 0 评论 -
react 通过localstorage永久存储数据
1、先在src目录下创建一个目录1)storageUtils.js文件/** * 此模块是用于local数据存储管理的工具模块 */import store from 'store'const USER_KEY = 'user_key'const storage = { /** * 存储user */ saveUser(user) { store.set(USER_KEY,user) }, /** * 获取user */ .原创 2021-10-31 17:59:34 · 2675 阅读 · 0 评论 -
前端面试常见——节流
节流什么是节流?高频事件触发,但在 n 秒内只会执行一次,所以节流会稀释函数的执行频率。代码附上<!-- 第一种方法 --><script> function coloring() { let r = Math.floor(Math.random()*255); let g = Math.floor(Math.random()*255); let b = Math.floor(Math.random()*255); document.body原创 2021-04-21 19:03:36 · 102 阅读 · 0 评论 -
前端常见面试——防抖
防抖什么是防抖?触发事件后n秒内函数只会执行一次,如果n秒内事件被再次触发,则重新计算时间;实现步骤? 触发事件(addEventListener) 清楚定时(clearTimeout) 设置定时(setTimeout)html:<input type="button" value="防抖" id="input"></input>javascript:<script> const btn = document.querySele原创 2021-04-21 17:42:34 · 106 阅读 · 0 评论 -
vue报Elements in iteration expect to have 'v-bind:key' directives (vue/require-v-for-key) at src\comp
解决方法:v-for 后添加 :key='val'<option:value="val.msg"v-for="valincarType":key="val">原创 2019-11-20 09:47:18 · 523 阅读 · 0 评论 -
用vs code创建前后端项目时,server文件夹需要初始化哦
cd到server文件夹,输入命令:npm init -y即可完成初始化原创 2019-10-24 21:11:30 · 587 阅读 · 0 评论 -
安装项目(工具、node.js、vux框架、前后端)
一、查看是否安装了node.js输入命令:node.js若没有下载则打开网址进行下载安装即可:http://nodejs.cn/download/二、vue-cli快速创建项目工具输入命令:npm install vue-cli -g三、安装淘宝镜像打开网址:https://npm.taobao.org/;输入命令:npm install -g cnpm...原创 2019-10-04 15:16:54 · 143 阅读 · 1 评论 -
CSS给背景图片设置模糊样式
背景图片模糊:、代码:height:250px;background-image:url('../assets/1.png');background-repeat:no-repeat;background-size:100%;-webkit-filter:blur(35px);-moz-filter:blur(35px);-...原创 2019-10-13 22:48:00 · 1337 阅读 · 0 评论 -
安装淘宝镜像
一、安装淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.org二、安装vue命令npm install vue -g原创 2019-10-21 22:37:37 · 196 阅读 · 0 评论 -
快速创建 Vue 项目
为了便于 Vue 项目的管理, Vue 团队官方开发了vue-cli工具。本文将带您使用 vue-cli 快速创建一个 Vue 项目。本地安装 vue-cli使用 npm 全局安装 vue-cli :npm i -g @vue/cli@3.0.0-beta.6创建项目执行:vue create my-project会弹出如下界面:选择套餐此处...转载 2019-10-21 22:43:48 · 95 阅读 · 0 评论 -
js实现导航栏随着页面向下滑动逐渐显示,向上滑动逐渐隐藏
一、html代码<!--导航栏--><navid="dao"><x-icontype="ios-arrow-back"size="30"class="cell-back"id="cell-back"></x-icon><h4id="navtext">{{Jingyuan...原创 2019-10-20 14:57:45 · 8740 阅读 · 0 评论 -
Visual Studio Code给项目添加背景图片、导航栏
一、导航栏html:代码: <nav><x-icontype="ios-arrow-back"size="30"></x-icon><h4class="navtext">景院打印</h4></nav>css:代码:nav{position:fix...原创 2019-10-13 22:17:52 · 6901 阅读 · 1 评论