- 博客(16)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 设置漂亮的滚动条
1.设置一个好看点的滚动条/* 设置浏览器滚动条样式 *//* 浏览器滚动条样式 *//* width */::-webkit-scrollbar { width: 10px; height: 10px;}/* Track */::-webkit-scrollbar-track { background: rgb(255, 255, 255); bor...
2020-03-23 23:07:59
349
原创 第三篇 React组件基础
一、React组价介绍(这里和vue的组件就很像啦)组件是React的一等公民，非常重要，使用React就是在使用组件组件表示页面中的部分功能结合多个组件实现完整的页面功能特点：可复用、独立、可组合二、React组件创建的两种方式1.使用函数创建组件 使用JS的函数(或箭头函数)创建的组件：用函数名作为组件标签名 function Hello() { return ( ...
2020-03-21 16:00:15
134
原创 css3动画，360翻转
1.文字360不停翻转<template> <p class="header-text logoshow" v-show="menuType === '2'">LOGO</p></template><style>.logoshow { animation: logoantion 1s linear infinite;}@...
2020-03-20 14:28:43
201
原创 第二篇 React JSX的使用方法
一、JSX的基本使用方法1.基于createElement()方法的问题，那么JSX就出来啦，至于createElement()方法有什么问题呢：1.繁琐不简洁2.不直观，无法一眼看出所描述的结构3.不优雅，用户体验不爽2.什么是JSX?JSX是JavaScript XML的简写，表示在JavaScript代码中些XML(HTML)格式的代码优势：声明式语法更加直观、与HTML结构...
2020-03-19 23:24:34
234
原创 vue+element导出表格成xlsx文件功能
template中<el-button icon="el-icon-document" type="primary" size="small" @click="exportTable">导出</el-button><el-table id="testTable1" :height="tabHeight" border highlight-curren...
2020-03-18 09:23:02
654
1
原创 vue+element导入xlsx功能
template中<el-button icon="el-icon-document" type="primary" size="small" @click="uploadExcel">导入</el-button><!-- 导入盒子开始 --><div style="margin-left: 6px;overfloat:hidden;">...
2020-03-18 08:52:37
425
原创 第一篇 react的基本使用
1.react的安装npm i react react-domreact包是核心，提供创建元素、组件等功能react-dom包提供dom相关功能等2.创建react项目创建react项目在这里插入代码片
2020-03-16 23:46:57
143
原创 echarts做日期时间的散点图，两点注意：1.装图表的盒子必须要有宽高，宽可以为100%，高必须是个确定值；2.修改赋值了option中某个属性必须重新绘制图表：图表实例化.setOption()
1.需求如图，需要做个以上x轴为日期，y轴为时间点的散点图，以此来统计用户七天内用户每天的上线下线在线时长数据，如果到了小时了就显示多少小时，如果在一小时之内就显示多少分钟思路：都是登录，退出，登录，退出，而且退出的时间比登录的大，直接判断它的状态是退出还是登录，如果当前状态退出，下个数据状态是登录，那么当前日期时间减去下个数据的日期时间就可以了折线的一般的都是数值型，且一根线上x轴与...
2020-03-16 17:42:25
2175
原创 pc端钉钉认证二维码扫码登录
1.需求需要搞个网页版的钉钉扫码登录先附上钉钉官方文档地址钉钉官方开发文档2.实现跟着里面的文档一步一步来就好了，不会看下这篇文章，很详细钉钉扫码授权登录第三方网站（1.）template中<template> <div> <div id="login_container"></div> // 这个是放二维码的盒子, 一定...
2020-03-16 15:36:48
4537
2
原创 el-tree选择框我只要父级
1.需求假如我点击了一条数据，这条数据里面已经包含了下面所勾选的子信息了，那么我就只需要获取父级信息就好了，我只想要【测试机构小小3】和【测试机构2】，但是返回给我的数据是把里面的每个勾选了的子信息也一并返给我了，现在就是在得到数据之后要做一个过滤，双层for循环，把子信息给去掉2.实现template中<el-tree ref="orgTree" class="o...
2020-03-12 10:16:52
1458
原创 vue父子组件传值
写一篇父子组件之间的传值来记录下，怕以后会忘记template中在这里插入代码片methods中,这是跳转到另一个子页面去，括号内的是参数，name是要跳的页面的路由path,父子组件需要放在一个文件夹下哦，如果不在的话，就要在子组件页面引入父组件，params是传参的名字methods{ goDesign (item, status) { this.$router.pus...
2020-03-11 23:02:17
232
原创 根据屏幕高度盒子自适应高度vue
1.需求pc端开发的时候，比如有个盒子需要跟着屏幕的高度变化而变化，那么就需要设置他的高度2.实现在template中，以设置穿梭框的高度为例<div> <span>选择收件角色</span> <el-transfer :titles="['所有角色', '已选角色']" filterable ...
2020-03-11 09:20:48
2337
原创 elementui中穿梭框的用法，解决选择重复冲突的问题vue
1.需求要做这种带搜索的选择穿梭框2.实现在template中<el-transfer :titles="['所有角色', '已选角色']" // 两个穿梭框标题 filterable // 可以搜索的属性 :filter-method="filterMethod" // 搜索方法 filter-placeholder="请输入用户" v-model...
2020-03-10 00:24:46
3148
4
原创 判断一个对象是否是空对象和对象，数组深拷贝
有时候会有需求，就是我点击了某一行数据，而这一行的数据是个对象，我之前给他定义了一个值在data中data() { this.obj ={}}如果我在methods下面做了一个判断methods { ObjectFind () { if (JSON.stringify(this.obj) === '{}') { // 当我这个对象还是个空对象时该做什么操作 } }...
2020-03-09 20:38:52
203
原创 elementui中，下拉框设置，既可以从下拉框中选择，又可以自己添加选项
1.需求在用elementui结合vue时,有个需求就是有个下拉框，我需要可以从下拉框中选，也可以自己输入的值变成下拉框的选项，那么，代码如下：2.实现在template中,我这是在表格中，表格中某一列要可操作，就是在表中操作<el-table-column label="税率" :show-overflow-tooltip="true" prop="taxRateVal" min-...
2020-03-08 23:09:27
6376
原创 vue获取到树形结构后递归遍历数据，生成树形结构数据，无限级
1.需求做的是个三级联动的数据options: [{ value: 1, label: '东南', children: [{ value: 2, label: '上海', children: [ { value: 3, label: '普陀' }, { value: 4, label: '黄埔' }, ...
2020-03-08 22:51:55
10269
2
qiankun使用的小demo
2022-04-25
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人