前端
文章平均质量分 83
qingkaqingka
这个作者很懒,什么都没留下…
展开
-
SublimeText批量添加字符(行首和行尾),生成SQL需要的格式
1.Ctrl+A2.Ctrl+Shift+L3.使用方向键(←or→)进行操作原创 2020-12-19 16:14:07 · 601 阅读 · 1 评论 -
网页在线视频--加速播放
使用google浏览器,观看html5视频想要加速的话,在console里输入以下代码,然后执行:使用jq插件的:$("video").playbackRate=2;没有jq插件的写法:for(var i=0,b=document.getElementsByTagName('video'),len=b.length;i<len;i++)if(b[i])b[i].playbackRate=2;...原创 2020-05-25 16:09:11 · 760 阅读 · 0 评论 -
vscode设置console.log快捷键
1. 文件 - 首选项 - 用户代码片段2.选择JavaScript3.{ "Print to console": { "prefix": "log", "body": [ "console.log('$1');", "$2" ], "description": "Log output to console" }}保存后,在js中输入log...原创 2020-03-11 10:44:26 · 3025 阅读 · 0 评论 -
layUI表单加载,监听提交,表单赋值,表单清空等操作
1. js中首先要渲染表单layui.form.render();//渲染form表单2. 监听表单提交 //监听表单提交 form.on('submit(form1_submit)', function (data) { layer.alert(JSON.stringify(data.field...原创 2020-02-27 11:26:13 · 2414 阅读 · 0 评论 -
判断jq引入是否成功
判断JQ是否引入成功,引入失败的原因:1.JQ在html中的引入位置;2.JQ文件是否存在;3.JQ路径是否正确;<script> if (typeof jQuery != 'undefined') { alert("jquery加载成功!"); } else { alert("jquery加载失败!"); }<...原创 2019-06-15 15:58:38 · 1828 阅读 · 0 评论 -
Table固定标题 内容滚动
如下代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="./js/jquery.min.js"></script> &l...转载 2019-06-18 14:47:36 · 826 阅读 · 0 评论 -
liMarquee 前端跑马灯插件 JQ文字自动滚动
如题。参考地址:http://www.dowebok.com/188.html原创 2019-06-18 15:35:14 · 517 阅读 · 0 评论 -
代码资源分享
1.前端多个后台模板百度云:https://blog.csdn.net/mo911108/article/details/810848791、H5资源分享:https://www.html5tricks.com/2、模板之家:https://blog.csdn.net/u013779141/article/details/795812513、前端代码:http://www.html...原创 2019-06-18 15:45:06 · 235 阅读 · 0 评论 -
bootstrap-datepicker隐藏时触发bootstrap的modal的隐藏事件,调用时触发modal的显示事件
使用bootstrap的datepicker插件,设置了选择日期后,自动隐藏弹出框。但是选中的日期值却无法显示在input框中。因为代码中,当modal隐藏时,会进行Modal中的form表单清空操作。在自动关闭选择器后,会触发'show.bs.modal' 与 'hide.bs.modal'事件;此处问题是在调用了autoclose时,进而调用了bootstrap-datetimep...原创 2019-06-26 14:10:12 · 920 阅读 · 0 评论 -
Js判断页面是首次加载还是刷新
1 利用window.name属性在页面刷新时不会重置判断(在该属性空置的情况下可使用)if(window.name == ""){ console.log("首次被加载"); window.name = "isReload"; // 在首次进入页面时我们可以给window.name设置一个固定值 }else if(window.name == "isReload"){ c...转载 2019-06-24 09:32:06 · 1742 阅读 · 0 评论 -
JS获取日期时间,操作日期/时间,时间大小比较,判断时间格式
js获取当前时间://获取当前系统时间(年月日时分秒)function cur_dateTime() { var d = new Date(), str = ''; //str += d.getFullYear() + '年'; //获取当前年份 //str += d.getMonth() + 1 + '月'; //获取当前月份(0——11) //str +...原创 2019-06-27 16:16:50 · 5791 阅读 · 0 评论 -
JQ定时刷新iframe页面,同时刷新iframe父页面
web项目中用到了iframe嵌入网页,在一个iframe网页中更改了数据,同时要更新其父页面刷新数据,js代码如下://js定时执行的方法function autoPlay(){ time = setInterval(function(){ //刷新父页面 parent.location.reload(); consol...原创 2019-08-15 17:56:30 · 985 阅读 · 0 评论 -
前端日期选择器 - bootstrap-datepicker的使用
datepicker官方文档地址是:https://bootstrap-datepicker.readthedocs.io/en/latest/index.html1、首先添加js和css引用文件,在html中添加 <linkrel="stylesheet" src="> <script src="">bootstrap.cssdatepicker3.cs...原创 2019-06-04 10:16:23 · 7735 阅读 · 0 评论 -
bootstrap-datepicker 插件修改为默认中文
bootstrap-datepicker 是一个非常优秀的时间选择插件,默认是英文显示日期的,通过下面几个小修改让其支持默认中文1、首先将bootstrap-datepicker.js 另存为 utf-8 格式保存2、增加 cn 语言选项 var dates = $.fn.datepicker.dates = { en: { days: ...转载 2019-06-04 08:48:15 · 211 阅读 · 0 评论 -
页面定时更新,html中meta http-equiv="refresh"
<meta http-equiv="refresh" content="0">页面定期刷新,如果加url的,则会重新定向到指定的网页,content后面跟的 是时间(单位秒),把这句话加到指定网页的<head></head>里一般也用在实时性很强的应用中,需要定期刷新的。 ajax是局部刷新,该标签是整个页面刷新。 <meta http-e...转载 2018-12-19 08:27:00 · 1263 阅读 · 0 评论 -
js处理Json时间带T时间格式
开发中有时候需要从服务器端返回json格式的数据,在后台代码中如果有DateTime类型的数据使用系统自带的工具类序列化后将得到一个很长的数字表示日期数据,如下所示:复制代码代码如下://设置服务器响应的结果为纯文本格式context.Response.ContentType = "text/plain";//学生对象集合List<Student> studen...原创 2019-02-15 13:12:32 · 3197 阅读 · 0 评论 -
bootstrap-datepicker 插件修改为默认中文 - 日期插件修改格式和默认中文
datepicker插件默认为英文,而且格式为:mm/dd/yyyy这种情况,看起来不怎么直观。修改目标:1、默认显示为中文 2、格式为:yyyy年mm月dd日 需要修改两个地方:1、更改datas对象, 增加zh-cn语言选项;参见源代码的1419行var dates = $.fn.datepicker.dates = { en: { ...转载 2019-02-12 16:20:16 · 918 阅读 · 0 评论 -
js 实现纯前端将数据导出excel两种方式
由于项目需要,需要在不调用后台接口的情况下,将json数据导出到excel表格,参考了好多资料以及很多大佬写的博客终于实现,兼容chrome没问题,其他还没有测试过,这边介绍两种实现方式,并附上代码和gif动图,博主不才还望轻喷方法一将table标签,包括tr、td等对json数据进行拼接,将table输出到表格上实现,这种方法的弊端在于输出的是伪excel,虽说生成xls为后缀的文件,但...转载 2019-02-13 17:38:27 · 848 阅读 · 0 评论 -
前端导出Excel文件(Table导出到Excel)
//调用导出Excel方法tableToExcel(document.getElementById("flag_toExcel"), "Report" + currentTime, "Report" + currentTime + ".xls");//导出excel var tableToExcel = (function () { var uri = 'dat...原创 2019-03-02 18:34:26 · 388 阅读 · 0 评论 -
用jquery-table2excel,进行导出excel
jquery-table2excel是一款可以将HTML表格的内容导出到微软Excel电子表格中的jQuery插件。该插件可以根据你的需要导出表格中的内容,不需要的行可以不导出。 它文件体积小,使用非常方便。 1、写好前端的按钮,还需要一个table(要导出的内容存放处)。 <input type="button" value="导出" class="Button" onc...转载 2019-03-28 14:12:56 · 999 阅读 · 2 评论 -
使用jquery操作元素的css样式(获取、修改等等)
//1、获取和设置样式$("#tow").attr("class")获取ID为tow的class属性$("#two").attr("class","divClass")设置Id为two的class属性。//2、追加样式$("#two").addClass("divClass2")为ID为two的对象追加样式divClass2//3、移除样式$("#two").removeC...转载 2019-05-14 09:52:29 · 298 阅读 · 0 评论 -
daypilot
<!DOCTYPE html><html><head> <link type="text/css" rel="stylesheet" href="http://javascript.daypilot.org/demo/media/layout.css" /> <link type="text/css...转载 2019-05-07 15:11:47 · 380 阅读 · 0 评论 -
javascript实现QR code二维码扫描
本例基于instascan : https://github.com/schmich/instascan1. html<video id="preview" width="500" height="500"></video><input type="text" class="form-control" id="txtScannedQR" style="dis...转载 2019-05-07 15:31:15 · 2598 阅读 · 0 评论 -
html Table添加分隔标题
<!DOCTYPE html><html><head> <title></title> <style type="text/css"> td { border:#000000 solid 1px; width:100px; height:100px;}#line...转载 2019-05-21 10:11:29 · 868 阅读 · 0 评论 -
JS实时时间展示
前端页面实时显示当前时间,秒的数字实时更新:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Js实时时间</title></head><body> <div c...原创 2019-06-19 13:06:39 · 1058 阅读 · 0 评论 -
获取checkbox选中的值,提交Form表单
点击提交按钮的时候,将所有CheckBox选中项弹出显示。<script src="http://www.w3school.com.cn/jquery/jquery-1.11.1.min.js"></script><input name="Jszzdm1" id="Jszzdm1" type="checkbox" value="1"转载 2018-12-19 08:27:14 · 14318 阅读 · 3 评论