平凡的纳税人-CSDN博客

原创 uniapp多个标题滑动吸顶效果

需求是模仿支付宝的账单做title吸顶效果1.已知吸顶内容及数量2.需要吸顶的title数量未知，触底加载新的一月数据，则会增加一个title第一种情况已知标题数量主要思路：1.获取所有需要吸顶的节点 2.获取每个标题的offsetTop 3.监听滚动位置，为标题的吸顶设置一个显示范围<view class="month-list" :style="{ width: '100%', height: '100%' }" ref="scroll" > <view

2021-09-16 14:28:20 2139 5

原创 js节流与防抖

1.节流：限制函数调用的频率，在n秒内不能调用多少次（间隔时间执行）使用场景：1.鼠标不断点击，单位时间内只触发一次；2.监听滚动事件。2.防抖：多次触发，只执行n秒内执行的最后一次的操作（如果在这n秒内又被触发，则重新计时）使用场景：search搜索联想，input框输入多个字符，每输入一次增加很多无效的请求，浪费资源。节流实现throttle(fn, time) { let key = fn.toString(); return () => { if (typeof this

2021-09-16 13:06:57 122

原创工具类（日期判断今天昨天、格式化日期、手机号银行卡身份证号按指定格式分隔）

记录下最近总结的工具类日期相关==是否今日==1.常规写法2.极短写法==是否昨天==1.常规写法（今天-1）2.极短写法==获取某月天数==用法==格式化时间戳==用法==银行卡号（44443分隔）、手机号（334分隔）、身份证号分隔==形式日期相关是否今日1.常规写法function isToday(dt = new Date()) { let curDate = new Date() // 当前日期 let comparedDate= new Date(typeof dt =

2021-09-16 11:33:35 207

原创不使用flex布局，使用float实现聊天框对话功能，兼容性写法

不使用flex布局，使用float实现聊天框对话功能，兼容性写法IE10+、Edge、Firefox 2+、Chrome 4+、Safari 3.1+支持flex布局项目要求兼容到ie9 所以只能写float来实现聊天框功能页面<div class="left-container"> <div class="contact-container" ref="replyContainer" v-if="chatList.length>0"> <

2021-04-27 15:52:19 354

原创 vue使用指令让placeholder兼容IE

placeholder兼容IEvar supportIE = { install: function (Vue) { Vue.directive("placeholder", { //指令名称placeholder 页面中v-placeholder inserted: function (el, binding, vnode) { if ("placeholder" in document.createElement("input")) {

2021-04-27 15:36:59 189

原创 echarts全国地图下钻省市区（复制可用）

echarts全国地图下钻省市区htmlvue标签获取iframe内部内容html<html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="Content-Type" content="text/html; charset=gb

2021-04-27 13:39:59 1266 2

原创中国34个省市按字母排序 uniapp城市列表

<uni-indexed-list :options="list" :showSelect="false" @click="bindClick"></uni-indexed-list>"list": [{ "letter": "A", "data": [ "安徽省","澳门特别行政区" ] }, { "letter": "B", "data": ["北京市"] }, { "letter": "C", "data": ["重庆市"] }.

2021-03-19 17:16:22 3475

原创 vue清除表单验证，使用resetFields不起作用，表单切换后表单验证信息遗留问题。

清除表单校验最近项目中遇到一个问题，框架用的vue，ui组件使用的是antd，登录界面有账户密码登录、验证码登录还有注册忘记密码啥的，总归就是四个表单之间的切换，上图看。现在有个啥问题呢，点击“注册账户”并且点击第一个输入框后什么也不输，然后就点别处一下触发了表单验证，也就是这样的⬇️然后点击“已有账号，去登录”，造成下面的局面校验还在，并且带到了注册页。试了一个办法：this.$nextTick(()=>{this.$refs['form3'].resetFields()})然

2021-03-10 14:41:21 2449 4

原创 vue动态路由导航栏列表展示权限管理

根据接口获取权限渲染菜单效果图先来看看后台返回数据格式1.处理后台返回数据2.整理权限只保留权限名称放入数组console.log(permissionList)3.根据router>index.js过滤接口获得的权限4.后台获取的权限数组与router>index.js里的路由进行对比看是否存在效果图先来看看后台返回数据格式1.处理后台返回数据getPermission(){//获取权限的方法 getPermissoonList(state).then(res => {

2020-12-23 17:09:12 1085

原创 elementUI 表格树使用 tableTree

elementUI 表格树使用 tableTree效果图一、load懒加载方式1.页面2.load方法二、使用el-table-tree-column标签1.页面2.接口返回数据结构三、注意效果图一、load懒加载方式1.页面代码如下（示例）： <el-table :data="tableData" style="width: 100%;margin-bottom: 20px;" :header-cell-style="{background:'rgba(250,250

2020-12-23 15:16:11 7402

weixin_43678533的博客