
功能实现
Do_It_Better
这个作者很懒,什么都没留下…
展开
-
下拉框判断是否重复选中值
下拉框判断是否重复选中值原创 2022-12-03 13:57:57 · 441 阅读 · 0 评论 -
elementUI vue 动态渲染未知个输入框,并做未知个输入框的表单验证,动态新增删除输入框
表单循环验证,表单内动态增删改行原创 2022-12-03 13:56:17 · 1260 阅读 · 0 评论 -
jquery.mousewheel.js 滚动切换全屏插件,点击tab切换全屏,jquery.fullpage.min.js手机端滚动全屏
jQuery - 鼠标滚轮插件jquery.mousewheel.js详解(上下、左右滚动监听)1,插件介绍jquery.mousewheel.js 是一个用于添加跨浏览器的鼠标滚轮支持的 jQuery 插件。GitHub主页:https://github.com/jquery/jquery-mousewheel2,使用说明(1)使用该插件,只需将 mousewheel 事件绑定到...原创 2020-04-12 21:54:21 · 1092 阅读 · 0 评论 -
js 仿安卓弹框
//自定义弹框function toast(msg) { var duration = 2000; duration = isNaN(duration) ? 3000 : duration; var m = document.createElement('div'); m.innerHTML = msg; m.style.cssText = "width...原创 2020-04-09 16:22:05 · 216 阅读 · 0 评论 -
判断设备是 手机 或是 电脑
if (/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) { // window.location.href = 'http://www.service.49app.com/wap' } else { // window.location.href = 'htt...转载 2020-02-12 12:15:21 · 1163 阅读 · 0 评论 -
点击div外部,隐藏该DIV
// 点击 关注按钮 弹出 二维码,点击二维码以外部分,隐藏二维码 $(".focus").on("click", function(e){ $(".ewCode").show(); $(document).one("click", function(){ $(".ewCode").hide(); }); e.stopPropagat...原创 2020-02-25 17:53:30 · 301 阅读 · 0 评论 -
步盒子 webAPP项目总结
使用插件:滚动插件 v-infinite-scroll安装,例子,参数配置链接:https://segmentfault.com/a/1190000011693433场景:滚动到底部,加载数据弹窗插件 Mint-UI 中的 TOAST例子,参数配置链接:https://blog.youkuaiyun.com/sxs7970/article/details/88875717...原创 2019-11-01 16:52:32 · 214 阅读 · 0 评论 -
判断设备是IOS还是安卓
$('.close').click(function(){ var os; var u = navigator.userAgent; //苹果和Ipad设备 if(u.indexOf('iPhone') > -1 || /iPad/...原创 2018-07-06 19:22:07 · 1123 阅读 · 0 评论 -
JQ获取网页地址的参数
//获取客户端url的secret参数 function GetQueryString(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location...原创 2018-07-06 20:22:55 · 1998 阅读 · 0 评论 -
vconsole 手机控制台调试
https://github.com/Tencent/vConsole/blob/HEAD/README_CN.md原创 2018-11-23 14:24:44 · 717 阅读 · 0 评论 -
js 点击按钮复制文本到剪贴版,兼容ios和安卓,PC端
// 复制账号 function copyUser() { var user = document.getElementById("user"); var idUser = '#user'; navigatorCopy(user, idUser); } // 复制密码 ...原创 2019-05-06 18:43:37 · 907 阅读 · 0 评论 -
H5 video在ios播放不了的 问题
部分苹果机型是无法video播放的,所以要做判断。如果是苹果的话,直接跳转视频连接,否则插入video标签var isIphone = navigator.userAgent.indexOf('iPhone') >= 0;if(isIphone){ window.location.href = videoUrl} 这里我用的是video.js<a href...原创 2019-05-15 10:41:29 · 7975 阅读 · 0 评论 -
swiper 笔记
var swiper = new Swiper('.swiper-container', { pagination: '.swiper-pagination',//分页点 paginationClickable: true, //点击按钮切换 autoplay:'2000', //自动切换//当显示隐藏swiper时会出现部分效果无效,这时需要加下面两个参数 o...原创 2019-06-19 17:29:28 · 314 阅读 · 0 评论 -
预热页的总结 技术栈JQ (邀请好友,抽奖,swiper事件运用)
邀请好友(逻辑:点击按钮复制活动链接,链接 拼上 用户ID参数),好友登录(逻辑:获取链接上的用户ID参数,好友登录时,该用户ID参数,作为被邀请码invite,发给接口,好友被邀请完成)dialog.js 全局弹窗组件一键复制到剪贴版clipboard.min.js 一键复制插件 ,可兼容移动端IOS<img src="./images/copy.png" alt=...原创 2019-07-02 16:13:31 · 323 阅读 · 0 评论 -
点击div外部,隐藏该div
$(".black").click(function(){ $(".winning-records").hide(); $(this).hide(); return false; }) $(".winning-records").click(function(){ return false; })...原创 2019-06-27 16:40:48 · 369 阅读 · 0 评论 -
判断网站已经运行了 多少天了
<span id="showDays"></span><script>var birthDay = new Date("03/17/2014"); // 这里填写网站第一次运行日期var now = new Date();var duration = now.getTime() - birthDay.getTime(); var total= Ma...原创 2019-07-09 10:40:22 · 756 阅读 · 0 评论 -
liMarquee 跑马灯插件
API 文档http://www.dowebok.com/demo/188/index5.html引入liMarquee.js liMarquee.css原创 2019-06-28 11:45:38 · 1613 阅读 · 0 评论 -
微信H5 input输入时,软键盘顶到页面
方法二:$("input").on(‘blur’,function(){ $(window).scrollTop(0);});原创 2019-09-29 16:24:23 · 538 阅读 · 0 评论 -
实现图片还原,当前点击的显示当前指定图片
$('.story_bunner ul li').mouseover(function(){ var _img = $(this).find('img'); var _index = $(this).index()+1;//遍历还原图片 $('.story_bunner ul li').each(function(index){原创 2017-09-21 15:03:37 · 355 阅读 · 0 评论 -
PC 手机端 通用头部 CSS
<header> <h4 class="title">Thanh toán qua SMS</h4> <strong class="back" onclick="javascript:{window.history.back()}"> <原创 2018-06-07 12:09:05 · 750 阅读 · 0 评论 -
1.a链接带变量参数跳转,之后跳转页面获取url参数;2.提交表单做是否为空判断
1.a链接带变量参数跳转(在a上做点击事件,把链接拼接上变量 用attr方法,赋值给href)<a href="" style="display: block;margin-bottom: 15px;" class="go_sms">Thanh toán qua SMS</a>$('.go_sms').click(function(){ console...原创 2018-06-07 10:38:17 · 921 阅读 · 0 评论 -
confirm的应用,是否删除
if (confirm(msg)==true){ return true;}else{ return false;}原创 2017-11-14 17:21:29 · 397 阅读 · 0 评论 -
点击元素外的地方,隐藏该元素
//点击除'#share_box'外的地方,隐藏'#share_box'$(document).click(function(){ $('#share_box').slideUp('1000');});$("#share_box").click(function(event){ event.stopPropagation();});原创 2017-09-30 14:58:42 · 302 阅读 · 0 评论 -
分享到微博,空间
微博开放品台http://open.weibo.com/sharebutton 分享到微博<html lang="en" xmlns:wb="http://open.weibo.com/wb"><li><a id="shareBtn" href="javascript:void(0)" target="_blank">&am原创 2017-09-30 14:54:02 · 415 阅读 · 0 评论 -
实现select change 点击重复内容无法触发问题
var id = document.getElementById("addquerstions");id.onmousedown = function(){ this.sindex = this.selectedIndex; this.selectedIndex = -1; } id.onmouseout = function() {原创 2017-10-09 11:55:40 · 2938 阅读 · 0 评论 -
视频做背景无法自适应屏幕的问题
这个问题目前找不到其他解决方式,或者说基本没有视频背景自适应的方式于是只能用object-fit: fill强制给视频加上高度width: 100%;object-fit: fill;height: 1094px;最终效果可能会导致视频背景被拉伸。原创 2017-09-25 17:54:17 · 1542 阅读 · 0 评论 -
判断手机格式是否正确
if (!$(".get_input").val().match(/^1(3|4|5|7|8)\d{9}$/)) { alert("手机号码格式不正确!"); $(".get_input").focus(); return false;}原创 2017-09-22 19:28:04 · 534 阅读 · 0 评论 -
左右切换上一页下一页
//左右角色描述切换 tab(); function tab(){ var $obj = $('.hero_box .hero'); var $header = $('.chose_role ul li'); var len = $obj.length; var header = len;原创 2017-08-24 15:22:57 · 1284 阅读 · 0 评论 -
如何使用Swiper在同一个页面上多个轮播组件
之前在公司是做后端的,现在回家这N线城市里的小公司什么都要自己来,年轻就多学学吧~~~~~现在切入正题~~~这几天写前台的页面发现Swiper非常强大,公司项目又要求弄成响应式的所以项目里有整合Bootstrap,Swiper目前在用的过程中没有发现和Bootstrap有冲突,但是在其中的一个页面需要多个轮播组件。所以直接上代码吧页面代码:[html] view pla转载 2017-08-19 12:03:08 · 1308 阅读 · 0 评论 -
遍历多重数组 形成表格 表头和表内容,去逗号,保留两位小数
$(function(){ //移动弹出层 $(".move").draggable(); $('#marketData_show_close').click(function(){ $('#marketData_show_tbody').html(' '); $('#marketData_show').hide(); })原创 2017-12-07 16:03:24 · 645 阅读 · 0 评论 -
判断TD值为 空的时候,转化为0
$("table tr").each(function(){ var td=$(this).find("td"); $(td).each(function(){ if($(this).html()=="null"||$(this).html()=="undefined"|原创 2017-12-28 16:01:38 · 1322 阅读 · 0 评论 -
$().each方法里函数不执行
$().each方法里函数不执行,多是 此被选元素为动态插入的元素,被选元素没被找到,在each函数外套一个setTimeout()函数设置延迟执行,这样动态插入的元素出现了,再执行each,便OksetTimeout(function(){//.amount为动态插入的类 $('.amount').each(function(){ var _this = $(this);原创 2018-01-04 18:22:30 · 2427 阅读 · 0 评论 -
DIV撑满剩余高度,未知高度垂直居中
css3 transform:translateY 未知垂直居中// 相对于父组件进行绝对定位,top 50%, 再 用CSS3属性 transform: translateY(-50%) 设置Y轴-50%即可parentElement{ position:relative; } childElement{ position: absolute...原创 2018-03-27 16:02:23 · 913 阅读 · 0 评论 -
JQ转换数字为千分位保留两位小数,金额格式
一、千分位转换位整数var sum = '2,034,300';var x = sum.split(",");var plan_sum = parseFloat(x.join(""));输出的结果就是“2034300”;二、整数转换成千分位var TextBox8_all = "12340400";var num = TextBox8_all.toFixed(2)+"";//保留两位小数v...转载 2018-04-02 17:21:17 · 1714 阅读 · 0 评论 -
AJAX异步提交FORM表单
<html><head> <title>login test</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="pragma" con转载 2018-04-02 16:24:19 · 1166 阅读 · 0 评论 -
FACEBOOK分享,网页链接在QQ显示网页介绍 的这些缓存坑
今天好尼玛烦,遇到了两个坑,搞很久1、FACEBOOK分享的时候会有24小时的缓存,所以你改了图片,就踏马很久都不会有改变这时候你就要去踏马的FACEBOOK的这个调试的地方去删缓存https://developers.facebook.com/tools/debug/2、网页链接在QQ聊天窗口显示的网页链接上的图片和文字介绍,也会有缓存,这时候就在踏马的网页地址后面随便加个&time='...原创 2018-03-09 17:12:43 · 1409 阅读 · 2 评论 -
如果显示为null则替换为0
$("table tr").each(function(){ var td=$(this).find("td"); $(td).each(function(){ if($(this).html()=="null"||$(this).html()=="undefined"||$(this).html()=="$undefined"){ $(th原创 2018-01-16 18:06:02 · 3547 阅读 · 0 评论 -
swiper笔记
一、swiper初始化中使用的parameters1.initialSlide——用来设定页面加载完成时,第几张图片先显示出来 取值-整数 默认-0 0表示第1张 1表示第2张 2表示第3张 。。。以此类推2.direction——设置slide的滑动方向 horizontal 水平 默认 vertical 垂直3.spee转载 2018-01-15 16:44:09 · 2153 阅读 · 0 评论 -
JQ遍历数据插入已有的TD列(已有的CLASS)
//遍历每行的.table_date,设置为_this当前类$('.table_date').each(function(index){ var _this = $(this) var date = _this.text(); var d = new Date(); var str = d.getFullYear原创 2018-01-05 18:07:15 · 472 阅读 · 0 评论 -
获取当日此时时间戳,获取当日的昨日此时的时间戳
(function(index) { setTimeout(function(){ var _this = $(this); var d = new Date(); var str = d.getFullYear()+"-"+(d.getMonth()+1)+"-"+d.getDate(); //获得今日日期原创 2018-01-04 18:16:16 · 1111 阅读 · 0 评论