- 博客(13)
- 收藏
- 关注
RSS订阅原创 前端动态生成横向树形表格
一、问题遇到项目需求是横向展示树形数据，之前写的时候element的官方有加载树形数据的表格组件，项目其他地方有用表格组件的写的demo，但是涉及到行合并的逻辑判断，一时没搞清楚，就用原生画了表格。样式如图：（突然添加不了图片，未来补回来）html如下： <div class="level_1_box" v-for="(item,index) in tableData" :key="index"> <div class="level_
2021-08-11 18:04:13
1134
3
原创 Filter使用——Element做列内数据筛选
一、样式做一个表格内按列搜索的功能，样式如下：html<div class="table_box"> <el-table row-key="id" :data="pageResultArr" border fit stripe style="width: 100%;" > <!-- <el-table-column type="selection" width
2021-07-28 16:17:08
709
原创 系统架构设计师之性能指标——阿姆达尔定律
公式：对系统中某组件采用某种更快的执行方式，所获得的系统性能的改变程度，取决于该组件被使用的频率，或所占总执行时间的比例。加速比计算公式如下：其中Tρ表示不使用改进组件时完成整个任务的时间，Ti表示使用改进组件时完成整 个任务的时间。加速比主要取决于两个因素：（1）在原有的系统上，能被改进的部分在总执行时间中所占的比例。这个值称为改 进比例，记为Fe，它总是小于1。（2）通过改进的执行方式所取得的性能提高，即如果整个系统使用了改进的执行方式，那么，系统的执行速度会有多少提高，这个值等于在原来
2021-07-06 11:09:45
257
原创 vscode自己用的插件
名称live serveone dark pro 花里胡哨代码主题atom one light themeauto close Tagauto rename Tagbeautifychinese languageeasy less安装
2021-07-05 16:36:26
82
原创 Echarts和jQuery的爱恨情仇，Echarts的tooltip格式自定义
后台接口给了四个条数据，可视化展示只需要两个，但toolltip里需要展示四个；需求和最终结果如图所示：解决方法，给data里push数组对象的数据，用formatter函数格式化，代码如下：formatter:function(params){ console.log('bar',params.data) var tipText=""; params.forEach(function(item,index){ tipText+=item.data.label
2021-06-22 10:25:28
124
原创 Vue学习笔记（五）：prop和slot
prop 传递数据组件实例的作用域是孤立的,父组件不能直接使用子组件的数据，子组件也不能直接使用父组件的数据父组件在模板中使用子组件的时候可以给子组件传递数据<div id="app"> <p>{{msg}}</p> <father></father> </div> <template id="father"> <div class="fa
2021-06-04 14:10:27
922
原创 【细节知识点笔记一】前端性能优化：防抖和节流
防抖<body> <!-- 防抖和节流：限制函数的执行次数 1.防抖：通过setTimeout的方式，在一定时间间隔内，将多次触发变成一次触发 2.节流：减少一段时间的触发频率 --> <input type="text"> <input type="text" id="input"> <script> var btn = document
2021-06-02 15:35:54
157
原创 uni-app实现用户保持登录
因为这回的项目是app，所以不可避免的问题就是如何保持用户登录，第一次接触，在这个过程中踩了一些坑，其实只要熟悉了缓存原理就很好做，网上的解决方法也有很多，写一篇整理的帖子记录一下：1.思路这是当时不清楚整个流程的时候请教了一个朋友给的思路。2.代码实现login.vue登录页的按钮及调用的方法：<u-button type="primary" @click="submit" style="margin: 20rpx 0;">快速登录</u-button> su
2021-05-30 15:15:30
2387
4
原创 面试题整理
20210508 v-modelQ1：v-model的底层原理是什么？当你封装一个组件想要使用v-model的时候，组件内应该做怎样的操作？A1：1.v-model只能使用在表单组件上 了解这个先2.v-model的底层原理就是：通过表单组件的input事件，来给vue实例上的data做赋值操作3.组件内想实现v-model的话 要用this.$emit(‘input’,value) 这样去操作Q2：关于$emitA2：在组件内使用this.$emit（‘input’,value）的时候
2021-05-08 10:09:37
112
原创 uni-app的tag选中与回显
uni-app的tag选中与回显ui框架使用的是uView，tag的使用方法详见uView官网。问题描述如图：希望点击时样式发生改变，并且将选中的对象push到数组里实现以下代码实现的是页面携带 id 跳转到需要进行回显操作的页面，healthRecords.vue<view class="w375"> <view class="healthRecords-cardList"> <view class="cardList-item" v-for
2021-04-27 21:22:16
2064
原创 使用分页问题：点击第二页然后查询，数据显示为第一页的问题解决
使用分页问题：点击第二页然后查询，数据显示为第一页的问题解决关于分页，这是在工作中接触vue+element由于逻辑混乱导致的，前几天在改系统BUG没来的及整理，今日开始动手整理，因为跨页面较多，可能会有遗漏，后续发现问题会继续补充。具体问题是，分页后数据共两页，点击第二页查看第二页信息正常，但是如果停留在第二页上去执行查询操作，刷新回来的数据会在第二页显示，经过修改这个问题被解决，但是又出现了新的问题是，查询返回的数据不足一页时，页面显示为第一页，但第二页仍存在。代码结构如下：<!--ind
2020-12-21 16:08:30
8138
原创 Popover点击内嵌表单取消显示
Popover点击内嵌表单取消显示这是自己的第一次学习记录，刚入职场，很多东西还很陌生，先记录一下今天工作遇到的问题一、要实现的功能点击按钮2.点击提交关闭这个Popover弹出框在网上查找了很多方法，但由于我的弹出框是个子组件所以请教了大神后代码0 2. 在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示；增加了 图片拖拽 功能，你可以将本地的图片直接拖拽到编辑区域直接展示；全新的 KaTeX数学公式 语法；增加了支持甘特图的mermaid语
2020-12-15 11:41:49
460
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人