tomatoAndXihongshi-CSDN博客

原创 elementui表单组件封装，内含：时间组件，日期组件，滑块等，只需简单的配置一下，就可以生成一个form表单

欢迎使用tmt-form简介本插件基于Element进行二次封装form表单，只需简单的配置一下，就可以生成一个form表单，省去写html的时间安装方式1、npm install tmt-form2、在main.js全局引入: import Vue from 'vue' import tmtForm from 'tmt-form'; Vue.use(tmtForm)标签属性说明tmt-form属性说明类型可选值默认值inline行内表单模式

2021-02-03 20:40:07 1618 4

原创纯css 实现switch开关

复选框用户点击选中的时候可以通过伪类选择器（:checked）来选中更改元素样式，可以通过这个更改其兄弟元素来实现switch。

2023-03-15 18:39:55 442

原创 vue3、ts 使用render函数，实现js调用、渲染组件，例：可实现全局通过js调用弹窗，request未登录拦截并弹窗显示登录等

vue3、ts 实现js调用、渲染组件，例：可实现全局通过js调用弹窗，request未登录拦截并弹窗显示登录等

2022-06-16 18:26:11 3094

原创 uni-app日历组件（calendar），兼容安卓、ios、微信、百度、抖音小程序

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Mar

2022-04-07 16:33:03 7458 4

原创 JQ实现scroll-view效果，item居中滚动（菜单滚动栏）

效果演示：http://demo.juzhuzhu.top/scrollbar/index.html实例写的是menu，可以根据业务需求更改<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewpor

2021-08-17 17:42:12 424

原创 JS下载服务端返回的静态文件，oss文件下载跨域处理

h5下载图片的一般直接用a标签和download属性直接打开，浏览器默认下载，但这仅限于同源的情况下，在非同源的情况下，就会打开另一个窗口，显示图片。以阿里云oss为例，首先需要在阿里云oss，创建个跨域规则，如图：阿里云oss设置：前端代码：function download(url) { //url--对应阿里云资源地址 fetch(url).then(res => res.blob().then(blob => { let a = document.cr.

2021-08-12 16:49:40 956

原创 css实现对元素编号，加序号（counter-reset、counter-increment、counter()的使用）

counter-reset、counter-increment、counter()的使用在实现元素编号中，可以用 ol li 制作有序列表，但是处理不了复杂点的排序，这时候就可以用到counter-reset、counter-increment、counter()这三个属性了1、先实现简单的排序ul{ margin: 0; padding: 0; list-style: none; counter-reset: main;}li::before{ lis

2021-07-23 11:47:25 1247

原创 JQ封装触底事件，滚动条触底加载更多

元素触底事件封装在做移动端的时候经常需要用到触底加载，jq也没有封装好事件，这里自己封装了一个触底事件，方便绑定元素调用// 触底事件$.prototype.touchGround = function (touchGround, scroll) { this.scroll(function () { let scroll_height = $(this)[0].scrollHeight//可滚动高度 let el_height = $(this).height()//元素高

2021-07-07 11:23:46 435

原创解决：腾讯地图API跨域问题，地图选点，搜索

解决：腾讯地图API跨域问题，地图选点，搜索用jsonp，解决跨域，请求url后面要加上 output=jsonp，直接复制代码，换上自己的key可用$.ajax({ type: 'get', url: 'https://apis.map.qq.com/ws/place/v1/suggestion?output=jsonp', async: false, data: params, dataType: 'jsonp',

2021-06-02 12:01:13 6161 2

原创 html，css如何实现穿透顶层元素点击底部元素，实现水印效果，css3属性：pointer-events的妙用

html，css如何实现穿透顶层元素点击底部元素，实现水印效果，css3属性：pointer-events的妙用pointer-events属性在官方中说明指定元素是否能成为鼠标事件的target，其实意思指的就是该元素是否能被选中，该属性可以用于添加系统水印效果，顶部蒙板换成透明的水印图片演示1.未添加蒙板2.在顶层添加蒙板、遮罩，就点击不到底下按钮3.给蒙板添加pointer-events：none属性后，便可以点击到底下的按钮...

2021-04-07 17:34:50 795

原创 JS时间格式转化，获取前十天，后十天，前n天，后n天的具体时间方法

JS时间转化，获取前十天，后十天，前n天，后n天的具体时间方法1.参数说明：参数说明day前后n天 0为当天，正值表示未来n天，负值表示过去n天fmt时间转化的格式time传入时间，默认为当前时间function recentTime(day,fmt,time){ //获取当前时间的毫秒值 let now = (time? new Date(time) :new Date()).getTime(); // 获取前后n天时间 let recent =

2021-04-06 13:57:08 2401 4

tutouXiaoGe的博客