JS日常小功能
JS日常小功能
唐策
生活中不断积累沉淀自己,当奇迹到来时,才会降临到你身上。
展开
-
求js数组的最大值和最小值的四种方法
给定数组[54,65,43,21,12,34,45,58,97,24],求其最大值和最小值?定义数组var ary = [54,65,43,21,12,34,45,58,97,24];1、字符串拼接法利用toString和join把数组转换为字符串,再和Math的max和min方法分别进行拼接,最后执行eval方法var maxN = eval("Math.max(" + ary.toSt原创 2017-08-09 14:38:53 · 993 阅读 · 0 评论 -
在JavaScript数组中找到最小元素的位置
在JavaScript数组中找到最小元素的位置注* 之前有篇文章介绍过数据遍历的性能比较: for in 比for loop慢至少20倍 ,这是另外一篇比较数组查找性能的例子,通过对手工/indexOf/reduce三者的比较,再次映证,内置函数不一下比手工写的函数快。今天的小程序甚至不是一个程序。这只是一个函数。问题陈述如下:给定一个非空的JavaScript数字数组,找到最小值的索引。(如果最原创 2017-08-09 15:14:43 · 5263 阅读 · 2 评论 -
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 · 3362 阅读 · 1 评论 -
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 · 8458 阅读 · 1 评论 -
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 · 2937 阅读 · 0 评论 -
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 · 1737 阅读 · 0 评论 -
JS apply和call的区别在哪里
Js apply方法详解我在一开始看到javascript的函数apply和call时,非常的模糊,看也看不懂,最近在网上看到一些文章对apply方法和call的一些示例,总算是看的有点眉目了,在这里我做如下笔记,希望和大家分享.. 如有什么不对的或者说法不明确的地方希望读者多多提一些意见,以便共同提高..主要我是要解决一下几个问题:1.apply和call的区别在哪里2.什么情况下用apply转载 2017-09-19 10:06:26 · 389 阅读 · 0 评论 -
js中的join(),reverse()与 split()函数用法解析
<script> /* * 1:arrayObject.reverse() * 注意: 该方法会改变原来的数组,而不会创建新的数组。 * 2:arrayObject.join() * 注意:join() 方法用于把数组中的所有元素放入一个字符串。 * 元素是通过指定的分隔符进行分隔的。 *转载 2017-09-28 16:23:41 · 3932 阅读 · 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 · 11327 阅读 · 1 评论 -
最全面的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 评论 -
时间图片显示制作
<!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 · 1059 阅读 · 0 评论 -
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 · 3241 阅读 · 0 评论 -
用js实现一个栈
function Stack() { this.dataStore = []; this.top = 0;//栈顶元素的位置 this.push = push; this.pop = pop; this.peek = peek; this.length=length; this.clear=clear;}function push(element) {//进栈原创 2018-01-09 13:20:53 · 1255 阅读 · 0 评论 -
My97DatePicker日历控件基本用法
My97DatePicker是一款非常灵活好用的日期控件。使用非常简单。 1、下载My97DatePicker组件包 下载地址:http://download.csdn.net/download/qq_29132907/102106082、在页面中引入该组件js文件: 3、例子"java" import="java.util.*" pageEncoding="UT转载 2018-01-17 18:19:29 · 1034 阅读 · 0 评论 -
click点击一次触发多次,冒泡与阻止冒泡,event.stopPropagation()和event.preventDefault(),return false三种的区别
eg:click点击一次触发多次,解决办法:在对on绑定事件前,先解除绑定$(document).off("click","#div").on("click","#div", function(){ alert("Hello World");})今天来看看前端的冒泡和事件默认事件如何处理1.event.stopPropagation()方法这是阻止事件的冒泡方原创 2018-01-26 15:34:32 · 8987 阅读 · 1 评论 -
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中sort() 方法使用详解
sort()方法主要是用于对数组进行排序,默认情况下该方法是将数组元素转换成字符串,然后按照ASC码进行排序,这个大家都能理解,但如果数组元素是一个Object呢,转不了字符串,难道不能进行排序?答案当然是否定的,那么我们就来详细探讨下sort()方法的使用语法:arrayObject.sort(sortby);参数sortby可选。规定排序顺序。必须是函数。 sort() 方法用于对数组的...原创 2018-02-23 10:14:48 · 729 阅读 · 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 评论 -
requireJS 简要介绍和完整例子
DEMO下载地址:从事前端开发工作的大概都有所耳闻 requireJS 这个框架,以前都是使用而已没时间写一些记录,今天有空就写一下,顺便写个例子;什么是 requireJS ?requireJS 是用JavaScript编写的JS框架,主要功能是可以按不同的先后依赖关系对 JavaScript 等文件的进行加载工作,可简单理解为JS文件的加载器,它非常适合在浏览器中使用,它可以确保所...原创 2018-02-24 13:17:16 · 291 阅读 · 0 评论 -
JS使用localStorage缓存Js和css文件
代码下载: http://download.csdn.net/download/qq_29132907/10261798 目录结构 将jquery和公共样式缓存到localStorage,可以减少Http请求,从而优化页面加载时间,下面的代码可以实现此功能: <!DOCTYPE html><html lang="en"><head> ...原创 2018-02-27 16:55:56 · 4538 阅读 · 1 评论 -
require.js插件-text.js使用
代码下载:http://download.csdn.net/download/qq_29132907/10264289 运行结果: 1.目录树结构 2.main.jsrequire.config({ paths:{ "jquery":"lib/jquery-1.11.0", "text":"lib/text", "tex...原创 2018-03-01 09:53:49 · 5254 阅读 · 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的三种弹出对话框alert,confirm和prompt
第一种:alert()方法alert()方法是这三种对话框中最容易使用的一种,她可以用来简单而明了地将alert()括号内的文本信息显示在对话框中,我们将它称为警示对话框,要显示的信息放置在括号内,该对话框上包含一个“确认”按钮,用户阅读完所显示的信息后,只需单击该按钮就可以关闭对话框。下面来看一个使用alert()方法的例子,代码如下所示: 第二种:confirm()方法 confi...原创 2018-03-09 14:07:28 · 4872 阅读 · 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 · 11029 阅读 · 0 评论 -
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 评论