分类: 前端

Web前端,网站前端开发

26 篇文章

dom-to-image插件网页生成截图保存下载
[github author="tsayen" project="dom-to-image"]https://github.com/tsayen/dom-to-image[/github] 一开始是用html2canvas,发现满足不了需求。于是朋友推荐我用dom-to-image 引用<script src="https://cdn.boo…
纯 CSS 实现优惠券透明圆形镂空打孔效果
我们在做商城类项目时,时常会有开发优惠券的需求,那么我们如何通过纯 CSS 来实现类似京东、淘宝的优惠券样式。 下面给大家分享一个纯 CSS 写的优惠券边沿透明圆形镂空打孔效果。最终效果大致如下: 使用了生成二维码和点击复制jquery.qrcode.min.js、clipboard.min.js两个插件 方法一 div{ width:300px;…
element ui 时间日期选择器中默认0点开始
默认显示当天00:00:00到23:59:59 const start = new Date(new Date().setHours(0, 0, 0, 0)) const end = new Date(new Date().setHours(23, 59, 59, 59)) 默认显示昨天00:00:00到23:59:59 const start =…
解决layui提交表单返回错误提示
layui提交表单返回都是错误,但是后台又接收到数据 只需要把dataType: "json",去掉就解决了 $.ajax({ url: "/file.php", data: formData, type: "post", // dataType: "json", cache: true, async : false, processData: f…
js每次复制随机微信号代码
由于网站有多个客服微信,所以需要客户复制一个随机微信号码 移动端js实现点击复制到剪贴板,【真正】兼容所有浏览器uc、qq、微信、手机自带等浏览器https://github.com/majiang666/copy 引用 <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/j…
swiper tab选项卡效果内容不一样高度自适应
由于内容不一样,swiper自动算一个最高的,第二个tab多出空白的,看到swiper-wrapper的class加了一个高度,我用autoHeight: true这个参数貌似没有效果,最后发现用简单的css就能解决 #tabs-container .swiper-wrapper{ height: 100%; } #tabs-container .…
解决iOS下button按钮样式渐变背景问题
只需要加上这个样式即可 .form_content .btn-submit{ width: 100%; padding: 1rem; background: #ff6471; color: #fff; border: none; line-height: 3rem; font-size: 1.5rem; -webkit-appearance:non…
JS代码:设为首页 加入收藏
<a href="javascript:void(0)" onclick="AddFavorite(window.location,document.title)">加入收藏</a> <a href="javascript:void(0)" onclick="SetHome(this,window.location)"…
JS实现PC端URL跳转到对应手机移动端URL
注意:这个办法并非最优选择,弊端在于对搜索引擎并不友好,因为加载资源后再跳转,增加了用户访问成本。建议使用301重定向来处理 function GetUrlRelativePath() { var url = document.location.toString(); var arrUrl = url.split("//"); var start …