随笔分类 -  前端

前端代码
摘要:在不能修改的位置加上代码:onselectstart="return false" οnselect="document.selection.empty()" <td onselectstart="return false" οnselect="document.selection.empty()" 阅读全文
posted @ 2020-05-18 11:55 yvioo 阅读(5729) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>监控窗口是否活动</title> </head> <body> <script> window.addEventListener('blur', ()=>{ d 阅读全文
posted @ 2020-05-15 17:14 yvioo 阅读(1826) 评论(0) 推荐(0) 编辑
摘要:$.validator.addMethod("isPhone", function(value,element) { var length = value.length; var mobile = /^1[3456789]\d{9}$/; return this.optional(element) 阅读全文
posted @ 2020-05-11 18:03 yvioo 阅读(1490) 评论(0) 推荐(0) 编辑
摘要:拨打电话 <a href="tel:88888888">888888</a> 发送短信 <a href="sms:电话号码">发送信息</a> <a href="sms:电话号码?body=短信内容">发送信息</a> <a href="sms:电话号码1,电话号码2?body=短信内容">发送信息 阅读全文
posted @ 2020-05-09 15:42 yvioo 阅读(1078) 评论(2) 推荐(0) 编辑
摘要:/** * 计算两个日期之间的天数 * @param dateString1 开始日期 yyyy-MM-dd * @param dateString2 结束日期 yyyy-MM-dd * @returns {number} 如果日期相同 返回一天 开始日期大于结束日期,返回0 */ function 阅读全文
posted @ 2020-05-08 17:52 yvioo 阅读(27179) 评论(0) 推荐(2) 编辑
摘要:/** * 根据日期字符串获取星期几 * @param dateString 日期字符串(如:2020-05-02) * @returns {String} */ function getWeek(dateString) { var dateArray = dateString.split("-") 阅读全文
posted @ 2020-05-02 15:59 yvioo 阅读(15688) 评论(4) 推荐(1) 编辑
摘要:使用layDate插件发现在PC端无问题,然而在适配移动端时,发现点击input时,laydate渲染出的时间控件有时候没有反应,后发现只需在render里加入trigger: 'click',即可以解决这个问题。 layui.use('laydate',function () { var layd 阅读全文
posted @ 2020-04-30 11:47 yvioo 阅读(4840) 评论(0) 推荐(0) 编辑
摘要:官方文档:http://fex.baidu.com/webuploader/getting-started.html 引入Webuploader的css和js文件,下载地址:http://fex.baidu.com/webuploader/download.html 把下载的整个文件夹添加的项目中 阅读全文
posted @ 2020-04-22 23:47 yvioo 阅读(1046) 评论(0) 推荐(0) 编辑
摘要:window.scrollTo(0, document.body.scrollHeight) 如果需要始终保持在最底部,可以循环调用该方法 如果是div的 /*滚动条到地步*/ function to_footer() { var div = document.getElementById('mes 阅读全文
posted @ 2020-03-29 21:42 yvioo 阅读(16936) 评论(0) 推荐(3) 编辑
摘要:文档:http://www.h-ui.net/lib/jQuery.lazyload.js.shtml github地址:https://github.com/jieyou/lazyload Lazy Load是一个用js编写的jQuery插件,用来实现图片的延迟加载。只有在浏览器可视区域的图片才会 阅读全文
posted @ 2020-03-28 00:39 yvioo 阅读(571) 评论(0) 推荐(0) 编辑
摘要:有时候因为需要在标签上设置自定义data属性值, <div class="col-sm-6 col-md-4" id="get_id" data-c_id="1233"> data-c_id 可以是动态赋值 有时候会出现获取不到的情况,检查是否把data-* ,后面的字符名称包含了大写,这里统一用小 阅读全文
posted @ 2020-03-27 23:11 yvioo 阅读(2779) 评论(0) 推荐(0) 编辑
摘要:<script> if ((navigator.userAgent.match(/(iPhone|iPod|Android|ios|iOS|iPad|Backerry|WebOS|Symbian|Windows Phone|Phone)/i))) { document.write("手机访问."); 阅读全文
posted @ 2020-03-25 20:12 yvioo 阅读(7069) 评论(0) 推荐(0) 编辑
摘要:手机站、PC站网页使用javascript,jquery实现页面一键向上,回到顶部功能 需要引入jquery.js文件 top.png <div class="back_top" id="back-to-top"> </div> <style> .back_top{ position: fixed; 阅读全文
posted @ 2020-03-14 20:08 yvioo 阅读(1052) 评论(0) 推荐(0) 编辑
摘要:输入npm install 报以下错误 npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! node-sass@4.13.1 postinstall: `node scripts/build.js` npm ERR! Exit status 1 np 阅读全文
posted @ 2020-03-08 18:34 yvioo 阅读(28844) 评论(1) 推荐(6) 编辑
摘要:当使用默认的npm install速度太慢时候,可以配置使用淘宝镜像 npm config set registry https://registry.npm.taobao.org 阅读全文
posted @ 2020-02-23 23:57 yvioo 阅读(1681) 评论(0) 推荐(0) 编辑
摘要:<head> <!-- If you'd like to support IE8 (for Video.js versions prior to v7) --> </head> <body> <video id="myvideo" width="100%" height="auto" control 阅读全文
posted @ 2020-01-15 13:49 yvioo 阅读(5024) 评论(0) 推荐(0) 编辑
摘要:只判断某个字段是否验证通过,可以参考:https://www.cnblogs.com/pxblog/p/13801171.html <form action="" method="post" id="jForm" > <div class="index_tjtj" id="submit_" ><a 阅读全文
posted @ 2019-12-31 10:49 yvioo 阅读(2052) 评论(0) 推荐(0) 编辑
摘要:md5.js /* * A JavaScript implementation of the RSA Data Security, Inc. MD5 Message * Digest Algorithm, as defined in RFC 1321. * Version 2.1 Copyright 阅读全文
posted @ 2019-12-14 10:40 yvioo 阅读(3939) 评论(0) 推荐(0) 编辑
摘要:<a target="_blank" href="http://wpa.qq.com/msgrd?v=3&uin=QQ号码&site=qq&menu=yes"><input type="button" value="点击聊天"></a> 阅读全文
posted @ 2019-11-26 14:31 yvioo 阅读(1648) 评论(0) 推荐(0) 编辑
摘要:调用isIdCardNo(num) 验证通过返回true 错误返回false function isIdCardNo(num) { var factorArr = new Array(7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2, 1); v 阅读全文
posted @ 2019-11-26 10:21 yvioo 阅读(582) 评论(0) 推荐(0) 编辑