自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(13)
  • 问答 (1)
  • 收藏
  • 关注

原创 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 1690 3

原创 探究ESModule在浏览器中的工作原理,是如何执行的?

在执行到第一个header.js时,发现header还引入了依赖footer.js,便开始执行footer.js打印出“footer文件”,往下执行遇到动态引入,推入微队列,并没有执行执行完footer.js,回到header.js继续往下执行,依次打印出“header文件”和footer的导入“footer”,至此header.js执行结束。分别创建几个js文件:normal.js、dynamic.js、main.js、footer.js、header.js。1、main.js的内容如下。

2024-09-25 18:07:03 791

原创 elmentUI表格多个字段单元格合并计算

对elementUI表格多个字段进行合并计算

2024-09-25 14:54:55 563

原创 纯css 实现switch开关

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

2023-03-15 18:39:55 495

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

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

2022-06-16 18:26:11 3365

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

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

2022-04-07 16:33:03 8148 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 469

原创 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 1088

原创 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 1450

原创 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 481

原创 解决:腾讯地图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 7148 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 885

原创 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 2523 4

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除