js
唐策
生活中不断积累沉淀自己,当奇迹到来时,才会降临到你身上。
展开
-
js默认已有标签,不会重复添加 文章标签:【回车添加下一个标签】
js默认已有标签,不会重复添加 文章标签:【回车添加下一个标签】,类似CSDN分类专栏原创 2022-04-15 17:12:45 · 956 阅读 · 0 评论 -
js字符串换行,每十个字符换行(考虑中英文情况,2种方案,正则与常规方法)
js字符串换行,每十个字符换行(考虑中英文情况,2中方案,正则与常规方法)原创 2022-04-15 15:07:10 · 10048 阅读 · 0 评论 -
浏览器 excel本地预览,支持合并单元格预览
效果图说明:支持合并单元格预览1.index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> table{ border-collapse: collapse; } th,td{ border: solid 1原创 2020-12-31 16:44:33 · 456 阅读 · 0 评论 -
浅谈JS 中深拷贝的几种实现方法
1、使用递归的方式实现深拷贝//使用递归的方式实现数组、对象的深拷贝function deepClone1(obj) { //判断拷贝的要进行深拷贝的是数组还是对象,是数组的话进行数组拷贝,对象的话进行对象拷贝 var objClone = Array.isArray(obj) ? [] : {}; //进行深拷贝的不能为空,并且是对象或者是 if (obj && typeof obj === "object") { for (key in obj) {原创 2020-11-05 10:33:26 · 359 阅读 · 0 评论 -
js 阻止事件冒泡和默认行为 if(event.target == this)、stopPropagation、preventDefault、return false
js 阻止事件冒泡和默认行为 if(event.target == this)、stopPropagation、preventDefault、return false一、.点击,阻止冒泡事件、阻止默认行为if(event.target == this){}//阻止冒泡,阻止后代对你的影响【最优】event.stopPropagation();//阻止冒泡,阻止你对长辈元素的影响,但不能阻止后代元素对你的影响event.preventDefault();//阻止默认行为,eg:阻止a标签连接跳转r原创 2020-09-03 16:48:09 · 631 阅读 · 0 评论 -
浏览器,编码、解码:escape(),encodeURI(),encodeURIComponent()
简单明了总结encodeURI()【常用,整个url】encodeURIComponent() 【常用,部分url】三种情况介绍一、escape()不能直接用于URL编码,它的真正作用是返回一个字符的Unicode编码值。比如"春节"的返回结果是%u6625%u8282,,escape()不对"+"编码 主要用于汉字编码,现在已经不提倡使用。二、encodeURI()是Javascri...原创 2019-12-13 14:36:12 · 420 阅读 · 0 评论 -
js中window点location点href跳转页面与window点open打开新窗口与的方法
1.超链接<a href="http://www.jb51.net" title="脚本之家">Welcome</a>等效于js代码window.location.href="http://www.jb51.net"; //在同当前窗口中打开窗口 2.超链接<a href="http://www.jb51.net" title="脚本之家" t...原创 2019-10-24 16:53:28 · 10761 阅读 · 1 评论 -
bootStrap-table前后端分页
一、首先,你需要有bootStrap的环境:<link rel="stylesheet" type="text/css" href="lib/bootstrap/css/bootstrap.css"><link href="lib/bootstrap_table/bootstrap-table.css" rel="stylesheet" type="原创 2018-03-19 15:31:25 · 606 阅读 · 0 评论 -
Viewer.js 是一款强大的 jQuery 图像浏览插件。
一、效果图 二、代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet&qu原创 2018-04-28 15:50:22 · 11221 阅读 · 0 评论 -
JS复制附加代码(版权,原文连接等)
JS实现复制网页内容自动加入版权内容代码和原文链接实现代码:在body内放入如下代码即可:&amp;amp;lt;!DOCTYPE html&amp;amp;gt;&amp;amp;lt;html lang=&amp;quot;en&amp;quot;&amp;amp;gt;&amp;amp;lt;head&amp;amp;gt; &amp;原创 2018-05-29 16:39:07 · 1124 阅读 · 0 评论 -
上传图片获取宽高
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>获取上传图片的宽高</title></head><body> <for原创 2018-09-06 11:04:56 · 1440 阅读 · 0 评论 -
canvas上传图片base64-有裁剪功能-Jcrop.js
图片实例 1.初始样子 2.点击上传图片-弹出框 3.可以设置是否-上传图片大小,limitImg = true 4.可以设置是否-有裁剪图片大小条件,limitImg = true,可手动更改 5.裁剪过大图片,可以进行比例缩小,到你需要的尺寸。(eg:实际裁剪过大,自动生成1400px,可配置) 6.点击裁剪成功后canvas画图 var ctx = canv...原创 2018-09-06 11:23:58 · 622 阅读 · 0 评论 -
js 获得当前时间,时间与时间戳的转换
一、属性11.6获得当前时间,倒计时js中获取时间new date()的用法var myDate = new Date();//获取系统当前时间myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-???)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.g...原创 2018-11-06 14:59:45 · 15696 阅读 · 0 评论 -
原生JS-获取transform值 x y z及rotate旋转角度
CSS3的时代经常会操作transform动画属性,所以也会有想获取transform属性的时候,不过当你去取值时就懵逼了,得出来的是matrix矩阵数值,而且有一点让你恼火,当你操作过z,矩阵的长度与排序就不一样了,你无法固定的取值,(貌似用jQ的一个方法是能固定取到),为了能正常取到这些值,从网上找了一些纯js版的修修改改总算搞定了。function getTranslate(node,st...转载 2018-12-14 19:10:59 · 10200 阅读 · 0 评论 -
cavans实现静态滚动弹幕
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <!-- 弹幕文字 --原创 2018-12-26 10:34:25 · 544 阅读 · 0 评论 -
前端-分页翻页中页码处理html、vue通用,单页请求ajax
一、html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css">.navigation-div{ overflow: auto; ...原创 2019-04-10 14:20:24 · 1297 阅读 · 0 评论 -
js下载文件,FileSaver.js导出txt、excel文件
新开发了一个“证书到期报警”功能,要实现一个功能是:后台将证书已字符串形式传给我,实现导出Txt文件。我选用了FileSaver.js插件,实现导出txt文件下载地址:https://github.com/eligrey/FileSaver.js/用法:第一步:引用第二步: 导出生成文本function downloadText(data) {var blob = new Blo...原创 2019-05-14 14:07:29 · 8985 阅读 · 2 评论 -
获取滚动到顶部距离scrollTop、$('#a')[0].scrollIntoView(),兼容各浏览器的方法,包括移动端PC端
1、各浏览器下 scrollTop的差异 IE6/7/8: 对于没有doctype声明的页面里可以使用 document.body.scrollTop 来获取 scrollTop高度 ; 对于有doctype声明的页面则可以使用 document.documentElement.scrollTop; Safari: safari 比较特别,有自己获取scrollTop的函数 ...原创 2018-07-03 15:22:44 · 16804 阅读 · 1 评论 -
js翻页、kkpager.js翻页
一、<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> /*分页样式*/.pager-nav{ text-align: c...原创 2019-05-14 17:07:29 · 450 阅读 · 0 评论 -
js,e.pageX、pageY模态框拖动
手写模态框拖动功能<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> .tk-modal{ position: absolute...原创 2019-05-15 17:34:15 · 780 阅读 · 0 评论 -
JQ 实现Promise,ajax Promise-then-当一个函数返回结果在往下执行
ajax1(number).then(function (appNumData) { console.log(appNumData);//ajax1请求返回后的值 ajax2(appNumData);//执行};function ajax1(data1) { var def= $.Deferred();//1.定义 var url = window.location.ori...原创 2019-07-08 13:58:29 · 2086 阅读 · 1 评论 -
3种页面加载完成后再执行JS的jquery写法以及区别说明
1、$(function(){ $("#a").click(function(){ //adding your code here }); }); 2、$(document).ready(function(){ $("#a").click(function(){ //adding your code here }); }); 3、window.原创 2017-09-18 18:20:06 · 1738 阅读 · 0 评论 -
requireJS 简要介绍和完整例子
DEMO下载地址:从事前端开发工作的大概都有所耳闻 requireJS 这个框架,以前都是使用而已没时间写一些记录,今天有空就写一下,顺便写个例子;什么是 requireJS ?requireJS 是用JavaScript编写的JS框架,主要功能是可以按不同的先后依赖关系对 JavaScript 等文件的进行加载工作,可简单理解为JS文件的加载器,它非常适合在浏览器中使用,它可以确保所...原创 2018-02-24 13:17:16 · 291 阅读 · 0 评论 -
$.ajax()方法详解及get查询案例
jquery中的ajax方法参数总是记不住,这里记录一下。1.url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址。2.type: 要求为String类型的参数,请求方式(post或get)默认为get。注意其他http请求方法,例如put和delete也可以使用,但仅部分浏览器支持。3.timeout: 要求为Number类型的参数,设置请求超时时间...原创 2018-03-02 17:24:20 · 3528 阅读 · 0 评论 -
JavaScript 有用的代码片段和 trick
1.浮点数取整const x = 123.4545;x >> 0;// 123~~x;// 123x | 0;// 123Math.floor(x);// 123注意:前三种方法只适用于32个位整数,对于负数的处理上和 Math.floor是不同的。Math.floor( - 12.53);// -13- 12.53 | 0;// -12...原创 2018-02-23 13:07:09 · 238 阅读 · 0 评论 -
时间图片显示制作
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <div class="time"> <img src="" alt=""> <img src="" alt="">: <im原创 2017-11-03 17:40:05 · 1061 阅读 · 0 评论 -
最全面的Js获取当前日期时间
Js获取当前日期时间及其它操作var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-11,0代表1月)myDate.getDate(); //获原创 2017-10-20 17:44:40 · 399 阅读 · 0 评论 -
使用了js控制根元素的font-size大小,然后进行rem换算
这里使用了js控制根元素的font-size大小,然后进行rem换算,在js代码后面会说明以下问题。1.如何进行rem运算?2.如果纯js控制根元素用rem布局会出现的小问题,如何解决?3.如有欠缺的地方,大神们可以指出错误或者改进。function intiSize(){ //获取当前浏览器窗口宽度(这里的实质就是body宽度) var win_w=document.body.of原创 2017-10-20 16:18:27 · 11329 阅读 · 1 评论 -
js中的join(),reverse()与 split()函数用法解析
<script> /* * 1:arrayObject.reverse() * 注意: 该方法会改变原来的数组,而不会创建新的数组。 * 2:arrayObject.join() * 注意:join() 方法用于把数组中的所有元素放入一个字符串。 * 元素是通过指定的分隔符进行分隔的。 *转载 2017-09-28 16:23:41 · 3932 阅读 · 0 评论 -
JS apply和call的区别在哪里
Js apply方法详解我在一开始看到javascript的函数apply和call时,非常的模糊,看也看不懂,最近在网上看到一些文章对apply方法和call的一些示例,总算是看的有点眉目了,在这里我做如下笔记,希望和大家分享.. 如有什么不对的或者说法不明确的地方希望读者多多提一些意见,以便共同提高..主要我是要解决一下几个问题:1.apply和call的区别在哪里2.什么情况下用apply转载 2017-09-19 10:06:26 · 389 阅读 · 0 评论 -
jquery 父页面控制子页面IFRAME
**浏览器要求IE**$(window.parent.document).find("#mainFrame").css("height",""+mainFrameheigth+"px");jquery取得iframe元素的方法: 收集利用Jquery取得iframe中元素的几种方法: Js代码 $(document.getElementById('iframeId').contentW原创 2017-08-23 12:19:11 · 2938 阅读 · 0 评论 -
Math.random()使用-抽奖概率事件
一、均匀生成两个数值之间的随机数的探索1、首先考虑要生成的随机数为10个,假设当要生成0~9这10个数,必然要做的是利用Math.random()方法并与10相乘,接着取整,而取整一般有以下方法:~~两次否运算,舍弃小数部分1.23^0 异或运算符,舍弃小数部分1.23<<0 左移运算符 ,舍弃小数部分1.23>>0 右移运算符,舍弃小数部分1.23>>>0带符号的右移运算符,只对正数有用原创 2017-08-11 17:57:08 · 8461 阅读 · 1 评论 -
JS随机打乱数组的方法小结
本文实例总结了JS随机打乱数组的方法。分享给大家供大家参考,具体如下:JS中,要打乱数组有很多方法,网上流传一个国外人写的方法,我认为是最精简的了:1.function randomsort(a, b) { return Math.random()>.5 ? -1 : 1; //用Math.random()函数生成0~1之间的随机数与0.5比较,返回-1或1}var arr =原创 2017-08-09 15:49:53 · 3363 阅读 · 1 评论 -
在JavaScript数组中找到最小元素的位置
在JavaScript数组中找到最小元素的位置注* 之前有篇文章介绍过数据遍历的性能比较: for in 比for loop慢至少20倍 ,这是另外一篇比较数组查找性能的例子,通过对手工/indexOf/reduce三者的比较,再次映证,内置函数不一下比手工写的函数快。今天的小程序甚至不是一个程序。这只是一个函数。问题陈述如下:给定一个非空的JavaScript数字数组,找到最小值的索引。(如果最原创 2017-08-09 15:14:43 · 5263 阅读 · 2 评论 -
js上移、下移、置顶、置底操作
简单的JQ操作,代码如下: <!DOCTYPE html><html><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><title>使用js实现上移、下移、置顶、置底功能及源码案例</title><meta name="description" conte原创 2017-11-24 13:45:46 · 5414 阅读 · 0 评论 -
向下-Div随鼠标拖动改变高度
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en"><head><title>Div随鼠标拖动改原创 2017-12-22 15:13:00 · 3242 阅读 · 0 评论 -
登录password可见不可见实现方法
第一种 <!DOCTYPE html><html encoding="utf-8"><head> <style> *{margin:0;padding:0} input{font:14px Monospace;height:20px;width:160px;} label{display:inline-bl...原创 2018-03-09 17:02:58 · 11032 阅读 · 0 评论 -
javascript中sort() 方法使用详解
sort()方法主要是用于对数组进行排序,默认情况下该方法是将数组元素转换成字符串,然后按照ASC码进行排序,这个大家都能理解,但如果数组元素是一个Object呢,转不了字符串,难道不能进行排序?答案当然是否定的,那么我们就来详细探讨下sort()方法的使用语法:arrayObject.sort(sortby);参数sortby可选。规定排序顺序。必须是函数。 sort() 方法用于对数组的...原创 2018-02-23 10:14:48 · 729 阅读 · 0 评论 -
Javascript初学者应该知道的技巧和陷阱
Javascript也只不过是一种编程语言。怎么可能出错嘛?1. 你有没有尝试给一组数字排序?Javascript 的sort()函数在默认情况下使用字母数字(字符串Unicode码点)排序。所以[1,2,5,10].sort() 会输出 [1, 10, 2, 5].要正确的排序一个数组, 你可以用 [1,2,5,10].sort((a, b) => a — b)很简单的...原创 2018-02-23 09:37:41 · 182 阅读 · 0 评论 -
javascript的三种弹出对话框alert,confirm和prompt
第一种:alert()方法alert()方法是这三种对话框中最容易使用的一种,她可以用来简单而明了地将alert()括号内的文本信息显示在对话框中,我们将它称为警示对话框,要显示的信息放置在括号内,该对话框上包含一个“确认”按钮,用户阅读完所显示的信息后,只需单击该按钮就可以关闭对话框。下面来看一个使用alert()方法的例子,代码如下所示: 第二种:confirm()方法 confi...原创 2018-03-09 14:07:28 · 4875 阅读 · 0 评论