孙氏黑马-CSDN博客

原创 uniapp 踩过的坑

uniApp挖坑指南：1.一切涉及到要获取Dom进行操作的方法都不能快设备跨端编译，微信端与app都不能获取到document window 等等。2.先结论：不要尝试修改默认组件的css样式。例如：scroll-view，swiper等等，使用less或者是scss，必定尝试着“deep”或“>>>” 进行深度查找来修改样式，但是仅仅只会在h5端进行生效，编译到微信端，并未生效（原因：编译过后的dom节点与h5编译过后的节点不一致，节点上的class，子级节点数量都可能不一致）

2021-04-20 17:33:25 1018

原创解决google浏览器密码回填样式

解决方案是：将浏览器自带的样式填充，或者覆盖（css）；综合之前网上的各种方法，得出以下结果：以应对不同的情况吗，请全盘复制； &:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill{ -webkit-text-fill-color: #62dfc2 !important;//自动填入文字的颜色 box-shadow: 0

2021-01-18 10:13:01 414 1

原创 Vue +原生固定table表头，body上下滚动，内容对应与横向滚动条

描述：根据返回数据动态渲染table数据，表头数量不确定（属性不确定或者说是多少列不确定）,这样的话就排除了手动设置列宽的做法，每列平均分也并不可取（有点丑）;然后将body数据设置动态高度，超出设置为滚动条。其实table的x轴也可以设置成超出滚动条，这样的话，就自定义了个表头固定，表体滚动显示，这个table x轴超出滚动。解决思路1、采用两个table列表，他们的数据一模一样，以保证他们的高、宽、内容全部都完全一致；2、table2采用定位的方法与table1两个列表完全重合（table2必须

2020-07-02 14:56:22 4898 1

原创 vue el-menu菜单递归循环创建

说明：根据返回的数据动态循环渲染菜单，是否具有子级目录递归创建所有目录并具有复用性，动态绑定相关属性；解决步骤：1、使用element组件（具体步骤不在赘述）2、先创建公共组件（1）在第一级菜单循环过程中，如判断出当前菜单存在着子级菜单，渲染出当前菜单，并将当前菜单的子级属性（例如：child：[数组]），利用子组件传参的方式，传给我们现在正在封装的组件（俗称：无限套娃）。注意：组件必须要添加name属性，名称与注册时命名一致；完整代码：（1）封装的子组件<template>

2020-06-16 18:37:16 9464 1

原创 vue-particles （多彩）粒子插件动画使用教程

描述：vue框架使用vue-particles 粒子特效插件,制作粒子动画背景，可以与用户进行交互，具有可控制数量，大小随机，有连线（可取消）等等。效果如下图（官网）：步骤1.安装：Yarn add vue-particles -s2.引入import VueParticles from 'vue-particles' Vue.use(VueParticles)3.使用方法一：直接以标签的形式使用：注意，由于底层采用的id标识具有唯一性，多次引用绝对会出错，只能引用一次，这个

2020-06-02 12:12:53 1580

原创 echarts 可能是水球图最完整的属性注解高度定制化加入定时刷新动态数据

本水球图注释结合项目，对水球图的深度定制化，有较深度定制化；牵涉到的属性较多，加入定时刷新动态数据；步骤：1.yarn add echarts -s2. yarn add echarts-liquidfill -s注意：定时器是异步加载的，所以如下写法：this.time0001=setInterval(async()=>{ this.time0001_out2= await setTimeout(async()=>{ await this.fun();

2020-06-01 12:23:28 1860

原创项目搭建请求接口封装和全局超时处理

//1.引入相关依赖import axios from "axios";import { Toast } from 'vant';import Vue from 'vue'// 2.配置服务器地址超时时间const $http = axios.create({ // 公共的请求地址配置在这里 baseURL: Vue.prototype.IP, // 公司接口地址 // 请求超时时间（单位ms） timeout: 5000})//3.配置请求拦截器 axi

2020-06-01 12:03:36 624

原创 vue 配置全局路由守卫

描述：在使用next( )函数进行跳转时，如果没有对to这个去路进行拦截判断（to表示将要跳转的地址），处在死循环状态，就会报“Maximum call stack size exceede”的爆栈的情况。解决办法：1.对那些需要进行拦截路由，进行标记判断，不需要拦截的路由进行放行实施放行。2.对to：跳转的那个地址进行判断(否则死循环)router.beforeEach((to, from, next) => { if (to.meta.auth) {//对to路由信息进行判断 l

2020-06-01 11:57:49 838

原创 el-input-number element计数器设置自定义小数位数

描述：用户在输入数值时，需要用到小数，制定加减按钮步长适宜，设置最大最小值。实现步骤1.使用el-input-number 标签<el-input-number v-model="dialogForm.size" :precision="2" :step="0.1" :min="0" :max="10"></el-input-number>2. precision属性设置精准值（保留多少位小数），step设置步长（每次加减的基数），m...

2020-06-01 11:23:26 9020

原创 el-select element 可自定义输入的可搜索下拉框

描述: 用户可自定义输入要查询的文件格式，也可根据下拉列表选择文件格式，并且在用户输入的同时，具有搜索功能。实现步骤：1.使用element-ui组件的 el-select标签并且配置上filterable 可搜索属性<el-select filterable clearable placeholder="请选择文件格式" v-model="searchForm.fileExt" class="search-input" .

2020-06-01 11:16:10 16617 2

原创 el-cascader element级联选择器（递归回显办法），单选与多选全局封装

el-cascader 级联选择器（回显办法）描述：使用el-cascader 级联选择器，根据返回的子集id（最底层一级）进行回显。目前只做了单选功能，多选的请自行解读，希望能给你一些启发。当人有人说过，其实可以不用递归的方法。我是没找到哪种方法。。。以下指示个人的项目经验：（带详细的注解）图例：//回显部门 get_OrganizationId(val) {//val 后台返回的id let arr = [];//定义一个空数组 let oiptions =

2020-06-01 11:05:03 6491 5

qq_41007321的博客