- 博客(15)
- 收藏
- 关注
RSS订阅原创 js滑动吸顶
法一： addEventListener 监听滚动，当滚动上去的高度scrollTop 大于 吸顶部分距离页面顶部的距离offsetTop时，添加一个类，类里边用fixed布局，top设置成0；当又滚动下来，在将该类名移除即可，代码如下。注意，一个sticky元素会“固定”在离它最近的一个拥有“滚动机制”的祖先上（当该祖先的overflow 是 hidden, scroll,元素根据正常文档流进行定位，然后相对它的最近滚动祖先和最近块级祖先，包括table-related元素，基于top, right,
2023-09-08 15:50:43
130
1
原创 Cannot read properties of null (reading ‘insertBefore‘)
vue3 + element plus 项目，本地启动时，页面进行所有操作都正常；部署到生产环境后，数据驱动DOM变化的操作会导致如下报错。
2023-09-04 17:28:48
2879
1
原创 动态改变选中效果
微信小程序实现动态改变选中效果wxml：页面class有三目运算<view class='box'> <view class='box-container' wx:for="{{list}}" wx:key="list"> <view class="{{index==idx?'_left':'left'}}" bindtap='goIndex' data-index="{{index}}">{{item.num}}</view> </view
2022-03-31 09:53:43
336
转载 微信小程序实现时间的实时跳动
我们实现界面上的时间变动一般都是通过一个按钮调用函数获取时间，但是要怎么实现界面上时间的实时跳动呢？1.首先写函数构造
2022-01-24 14:23:15
2117
原创 vue表格导出数据重复
vue表格导出数据重复vue + elementUI 使用表格 xlsx 导出表格数据功能，但发现导出数据重复的问题问题所在：element 实现el-table-column fixed会重复渲染一个table。解决办法：一：简单粗暴直接解决 去掉table列fixed属性二：// 解决原理先移除el-table__fixed-right固定列再append进去导出数据（注：id为表格id，下方id可用'#id名'代替） var fix = document.querySelector('
2021-12-07 09:48:32
1430
原创 js中获取时间new date()的不同用法
js中获取时间new date()的用法获取当前系统时间：var myDate = new Date();//获取系统当前时间获取特定格式的时间：myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDate(); //获取当前日(1-31)myDate.getDay(); //获取当前星期X(0-
2021-08-24 10:24:49
211
转载 微信小程序-组件封装类似picker,模态框弹出全屏和半屏,多选,单选,日期选择器
https://github.com/han-guang-xue/WX-Dialog（转）将上述的链接下Dialog中的组件引入即可使用以下是使用案例,配置好组件路径,拷贝到页面使用即可<view class="text_1" style="width:100rpx;height:200rpx;background:#000;"> <dialog type="singleRow" isFull="false" methodSuccess="evenP" bindevenP="ge
2021-07-19 16:44:08
718
1
原创 时间戳处理的几种方式
时间戳处理的几种方式：var date = new Date()var t = time.toLocaleTimeString()console.log(t)输出：下午2:09:20var t = (new Date()).toLocaleTimeString()console.log(t)输出：下午2:11:13var t = (new Date()).toDateString()console.log(t)输出：Tue Jul 06 2021var t = (new Date())
2021-07-06 14:25:16
748
原创 向数组的对象里添加新属性
向数组的对象里添加新属性arr.forEach(item => {item.a= 1;})(a:就是添加的属性 1是值)console.log(arr)数组对象里添加一个新属性var array=[ {name:"名称", age:"年龄"}, {name:"名称", age:"年龄"}, {name:"名称", age:"年龄"} ]for(var i=0; i<array.length; i++){ array[i].sex="性
2021-05-19 14:28:13
5316
原创 小程序日期格式化与日期加减
日期对比var date = new Date()console.log(date)var nowtime = new Date().getTime()console.log(this.formatDate(nowtime))var lastdate = date.setDate(date.getDate() - 1)console.log(lastdate)var now = this.formatDate(lastdate)console.log(now)各输出区别：日期格
2021-05-18 17:19:31
289
转载 nginx配置
Nginx常用功能1、Http代理，反向代理：作为web服务器最常用的功能之一，尤其是反向代理。这里给2张图，对正向代理与反响代理做个诠释。2.Nginx配置文件结构conf文件夹的nginx.conf文件，Nginx服务器的基础配置，默认的配置也存放在此。在nginx.conf的注释符号位#默认的config#user nobody;worker_processes 1;#error_log logs/error.log;#error_log logs/error.log
2021-04-15 13:49:02
78
原创 nginx服务器搭建
Nginx 是一个高性能的HTTP和反向代理服务器首先可以确定一下自己要用的工具Xshell或者是Activator来链接远程服务器，选择哪个看自己的喜好喽~1.输入自己的ip地址，用户名和密码远程链接2.可以先配置一下依赖环境gcc-c++yum install gcc-c++zlibyum install -y zlib zlib-developensslyum install -y openssl openssl-devel3.下载nginx的安装包并解压我这里用的是1.1
2021-04-15 11:01:56
412
原创 小知点杂烩
1.表格中某列数据太长<el-table-column prop="mobile" :show-overflow-tooltip="true" //将一列中超出宽度部分省略号表示，鼠标放上会显示全部内容 label="手机号" width="100"></el-table-column>2.隐藏显示开关按钮控制效果<template><div> <el-switch v-model="v
2021-04-06 15:58:24
157
原创 vue中使用树形穿梭框
vue中使用树形穿梭框先上效果图1.先下载插件npm install el-tree-transfer --save 或 npm i el-tree-transfer -S //下载2.js中引入import treeTransfer from 'el-tree-transfer' // 引入3.注册 components:{ treeTransfer } // 注册4.组件使用<template> <div> <!-- 使用树形穿梭框组件
2021-04-06 15:09:17
1835
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人