![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 68
silence_xiang
这个作者很懒,什么都没留下…
展开
-
Antd-解决下拉框及时间选择器浮动
文章目录解决选择器下拉内容浮动解决选择器下拉内容浮动注意区分一下文档中api就行,其实就是容器不同,容易搞错1.时间日期选择器(同类型的)日期类型getCalendarContainer={triggerNode => triggerNode.parentNode}2.普通的选择器及下拉框比如SelectgetPopupContainer={triggerNode => triggerNode.parentNode}(timePicker)...原创 2022-03-18 22:41:47 · 816 阅读 · 0 评论 -
uniapp-scroll-view横向滚动不起作用的解决
文章目录问题描述解决方案实现效果问题描述今天想要实现一个能左右滑动的tab栏的时候,使用了scroll-view横向滚动,但是不起作用解决方案参考这篇文章,得到了解决1.在外层scroll-view设置white-space: nowrap;样式2.在内部元素层设置display: inline-block;样式完整代码<template> <view> <scroll-view scroll-x="true"> <view原创 2021-01-16 00:37:49 · 3382 阅读 · 3 评论 -
Vue-pc端实现瀑布流组件(基于vue-waterfall2)
文章目录目标效果使用库实现1.安装vue-waterfall22.在main.js中全局使用3.创建组件3.在页面中引入组件目标效果目标是一个很常见的瀑布流效果,能力有限,借助了大佬造的轮子来实现了使用库实现更详细的请参考官方文档vue-waterfall2这篇文章还有其他vue组件的介绍(略过vue项目的构建)1.安装vue-waterfall2 yarn add vue-waterfall2@latest --save或 npm i vue-waterfall2@latest原创 2020-12-18 21:41:42 · 3146 阅读 · 6 评论 -
Vue-自定义指令实现按钮级别权限(控制按钮显隐)
目录参考文章原创 2020-12-02 16:01:49 · 2046 阅读 · 0 评论 -
微信小程序-Hbuilder启动项目不成功
文章目录问题描述解决方法问题描述使用Hbuilder运行编译小程序项目的时候不成功,出现的问题如下Runtime error15:15:16.013 [微信小程序开发者工具] Error: read EBADF15:15:16.013 [微信小程序开发者工具] at Pipe.onStreamRead (internal/stream_base_commons.js:183:27) {15:15:16.013 [微信小程序开发者工具] errno: 'EBADF',15:15:16原创 2020-11-07 15:45:26 · 1039 阅读 · 0 评论 -
Vue-解决使用xlsx库导出elementUI表格出现数据重复的问题
文章目录问题描述解决方法1.先上代码2.解决思路问题描述参考文章我参考这篇文章,可以进行表格的导出,但是我发现,出现了element历史遗留的数据重复的问题出现了下图的情况解决方法1.先上代码将导出方法写成一个全局方法,可以多处使用//导出文件工具类import FileSaver from "file-saver";import XLSX from "xlsx";/** * * @param {String} id 表格id,类名为.class id为#id * @para原创 2020-10-06 16:52:30 · 2576 阅读 · 14 评论 -
Vue-elementui的输入框删除边框
文章目录问题描述解决方法1.页面代码2.样式代码3.实际效果问题描述在项目中我想要删除element输入框的边框,看了看网上的解决方案,用了什么!important给样式加优先级,也有使用样式穿透的,我这里使用样式穿透的方式.解决方法1.页面代码展示的表格 <el-form :model="form" label-width="120px" > <el-form-item label="在线押金/元:">原创 2020-10-05 10:51:10 · 7882 阅读 · 6 评论 -
Vue-使用ElementUI级联选择器懒加载省市县数据
文章目录问题描述解决方法问题描述官网的描述这里就不说了在data里面定义一个props作为全局组件,请求异步方法,再通过resolve()去更新组件但是我们在实际项目中,要请求后台的,调用的是我们在methods里面定义的方法解决方法methods中请求后台的方法//请求省数据 async getProvince(callback) { let res = await this.$api.getProvince(); if (res.data.code == 200原创 2020-10-05 10:07:26 · 2156 阅读 · 1 评论 -
Vue-vuex简单使用和解决页面刷新state值清空的问题
文章目录简单使用vuex1.建一个全局store文件2.引入main.js中3.在页面中使用-保存值4.在页面总使用-获取值解决页面刷新state值清空的问题1.监听onload方法2.在store中拿缓存做赋值操作简单使用vuex我对vuex刚刚入门,但是项目中要使用vuex保存全局状态,所以在这里记录一下简单使用1.建一个全局store文件文件目录如下里面的内容如下:为什么要用一个sessionStorage.getItem(‘state’) 获取数据而不是直接初始化呢?后面有讲原因//原创 2020-09-19 15:09:49 · 3724 阅读 · 0 评论 -
Vue-教你实现一个订单列表倒数30分钟的功能
文章目录来看一个demo简单结合后台的demo现在来看功能实现部分来看一个demo这是我通过百度大法找到的简单demo,晒出来给大家看看,一个倒数计时器的功能<html><head> <meta charset="UTF-8"> <title></title></head><body> <div id="countdown">还剩 30 分 00 秒</div>原创 2020-09-19 14:41:54 · 2063 阅读 · 0 评论 -
JS-防抖和节流详解
文章目录防抖防抖概念: 指的是延迟规定的动作,若在延迟时间内,再次触发了,就会重新计时这一般应用于输入框搜索的时候,进行搜索优化,不能在用户输入未结束时就请求后台,会使服务器压力过大代码演示:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initi原创 2020-09-16 12:27:38 · 238 阅读 · 0 评论 -
CSS-标准盒模型和怪异盒模型
这是一个目录~概述标准盒模型怪异盒模型概述标准盒模型:由w3c定义的标准的盒子模型,盒子的宽度为= margin2+padding2+border2+width怪异盒模型(也称为IE盒模型):在IE浏览器中的盒子模型,盒子的宽度为= margin2 + content宽度,其中content宽度为padding2+border2+ width下面是同一个html代码在不同浏览器中的显示<!DOCTYPE html><html lang="en"><head>原创 2020-09-06 10:37:26 · 194 阅读 · 0 评论 -
Git-从0开始教小白使用github/码云托管项目(window系统)
1.在本地安装git官方下载地址点击链接下载git安装包,按照教程进行下载安装(略,有问题请百度)检测是否安装成功:打开cmd 敲入命令git --version在桌面右键,发现这两个也说明安装成功最后一步,配置git 账号密码$ git config --global user.name "Your Name"$ git config --global user.email "email@example.com"2.托管git项目(以gitee为例)2.1在gitee.com上原创 2020-08-24 10:30:59 · 462 阅读 · 2 评论 -
笔试题-由this指向引申的普通函数this的4种用法
笔试题回答出这个输出.function test() { function demo() { console.log('1',this);//demo()由window调用,this指向调用它的对象-->>window } ()=>{ console.log('2',this);//this不支持普通函数的绑定,普通函数有4种绑定规则 } var demo; console.log('3',demo());原创 2020-08-08 22:08:07 · 161 阅读 · 0 评论 -
解决npm ERR! Unexpected end of JSON input while parsing near的报错问题
今天在使用vue-cli脚手架创建项目的时候,出现了这的问题,很明显出现了npm下载出错了npm ERR! Unexpected end of JSON input while parsing near '...{},"dist":{"shasum":"'npm ERR! A complete log of this run can be found in:npm ERR! C:\Program Files\nodejs\node_cache\_logs\2020-07-19T13_06_4原创 2020-07-19 21:24:20 · 3344 阅读 · 0 评论 -
CSS3-解决使用伪元素显示不出背景图片的问题
问题描述当我想要实现一个功能,更新提示的动画,如下使用伪元素设置背景图片的方法,但是我添加的背景图片显示不出来.html代码如下<ul class='parent'><li class='child'> <a href="#">一键海涛</a></li></ul>解决办法需要将伪元素设置定位或者设置行内块元素1.设置行内块元素的方法伪元素是行内元素,大小根据内容来变的,内容为空,即使有背景图片也是显示不原创 2020-07-02 01:59:26 · 2752 阅读 · 0 评论