【实践】用 js 封装java shuffle函数（打乱数组下标方法）

此方法返回的会是一个全新的数组所以并不会像java里的shuffle函数一样返回一个引用一样的数组思路如下: 1.新建一个函数传入需要打乱下标的数组 2.获取数组的长度 3.新建一个用来保存并且返回结果的数组 4.根据数组的长度新建一个随机数(随机数记得要向下取整不然会下标越界) 5.循环添加到结果数组里面代码如下: <script type="text/javascript"> var testArr = new Array("中国","…

JS封装cookie操作函数实例(设置、读取、删除)

本文实例讲述了JS封装cookie操作函数.分享给大家供大家参考,具体如下: ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 /*设置cookie*/ function setCookie(name, value, iDay) { var oDate=new Date(); oDate.setDate(oDate.getDate()+iDay); document.cook…

使用原生JS封装一个动画函数

最近一直在忙项目,很少有时间回顾之前的知识,今天刚好要做一个轮播,因为对兼容性有一定的要求,使用了各种插件和库中的轮播,效果都不是很理想,一怒之下,使用原生JS封装了一个轮播组件,其中重要的功能就是一个动画,看了一下以前封装的函数,千疮百孔,又进行了重新封装,先上代码,有详细的备注. function animate(el, target, step, dtime) { /** * 参数说明: * - el 表示操作的元素对象 * - target 表示移动的目标距离单位 px * - ste…

Js封装的动画函数实现轮播图

---恢复内容开始--- 效果图说明:当鼠标移到哪一个按钮上的时候会自动跳转到某一张图片上,并且按钮会以高亮显示项目目录结构用到的js封装的animate()动画 function animate(element, target) { clearInterval(element.timeId); //定时器的id值存储到对象的一个属性中 element.timeId = setInterval(function () { //获取元素的当前的位置,数字类型 var curre…

【实践】js封装 jq siblings 方法

思路: 1.获取调用元素的父元素下的所有子元素(即它的所有同辈元素和调用元素本身) 2.遍历调用元素父元素下的所有子元素除调用元素外的所有元素保存在一个数组里面代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>js 封装siblings 方法</title> </head> &l…

JS的数据类型判断函数、数组对象结构处理、日期转换函数，浏览器类型判断函数合集

工具地址:https://github.com/BothEyes1993/bes-jstools bes-jstools 100多个基础常用JS函数和各种数据转换处理集合大全,此工具包是在 outils 的基础上,加上个人平时收集的代码片段进行的二次整合 Browser Support 7+ ✔ Latest ✔ Latest ✔ Latest ✔ Latest ✔ 6.1+ ✔ Installing npm install bes-jstools --save Using nodejs con…

原生JS封装时间运动函数

/*讲时间运动之前先给大家复习一下运动函数通常大家都会写运动框架,一个定时器(Timer),一个步长(step 就是每次运动的距离),一个当前位置(current)一个目标位置(target),然后判断一下当前位置加上步长和目标位置的关系就可以了就可以了. 简写就是这样呗*/ var obj=document.getElementById("div"); /*想要获取元素当前的位置,是要获取CSS的,obj.style.left="25"px;这样是OK的,没有…

【实践】js实现随机不重复抽取数组中元素

经过3个星期的时间终于用做完了学校的练习作品了,但是发现在用jq 做互动虽然很方便但却带来了不少的烦恼所以在以后的日子里我要好好学 js 了! 然后呢在博主之前学java 里面另我最头痛的就是做产生随机不重复的数据了今天自己再巩固了一下以前的知识再用 js写出了这个效果 window.onload = function(){ var arr = new Array; var data = new Array; var ranIndex; var getRan = document.getE…

JAVA基础--函数和数组03

一.函数的引入函数的引入能把相同的代码都抽出来,放到一个地方,等到要使用的时候再去调用,如果有不同的数据,在使用的时候传递就行了: 2. 函数的概念:函数又叫方法,一段独立于代码块直接卸载类中,实现独立的方法 3. 函数的作用:解决的代码的重用性差的问题 4. 函数的书写方式修饰符返回值类型方法名(参数类型1,参数类型2,参数类型3,参数类型.....) { 功能代码(方法体) return 返回值的数据 } 注意 void: 表示函数不需要返回结果时的函数返回值类型: return…

洗牌函数[打乱数组的顺序] slice()的新运用 [原来arr.slice(start, end) 的start不是必需的]

function getRandomInt(min, max) { return Math.floor(Math.random() * (max - min + 1) + min) } function shuffle(arr) { let _arr = arr.slice() // 创建一个源数组的副本 for (let i = 0; i < _arr.length; i++) { let j = getRandomInt(0, i) let t = _arr[i] _arr[i] = _ar…

js中几种常用的数组处理方法的总结

一.filter()用法功能:用于筛选数组中满足条件的元素,返回一个筛选后的新数组. <script> $(function(){ var arr = [1,-2,3,4,-5]; var minus = arr.filter(function(item,index,array){ return item < 0; }); console.log(minus); // [-2, -5] }) </script> 二.map()用法功能:用于遍历数组,返回处理之后的新数组,…

js,java,浮点数运算错误及应对方法

js,java浮点数运算错误及应对方法一,浮点数为什么会有运算错误 IEEE 754 标准规定了计算机程序设计环境中的二进制和十进制的浮点数自述的交换.算术格式以及方法. 现有存储介质都是2进制.2进制的进制基数是2,那么一个数字只要被因素包含大于2的质数的数除,都会产生无限循环小数.无限循环小数和无理数都无法,和非无限循环的有理数一起用同一种方式存储到存储介质上的同时还保持计算的兼容性. 对于无限循环小数,可以设计一种格式存储到介质上,但是同时又要和非无限循环的有理数能够计算,效率应该会变得…

打乱数组——shuffle

在学习vue移动端音乐项目时,看到一个打乱数组函数,感觉很有意思就记录一下(意外发现:slice是个有趣的知识点) 原理:遍历数组,(let i = 0; i < _arr.length; i++),从0-i之间随机取一个数,与当前的arr[i]作交换,这样就把数组洗的很乱 // 返回min和max之间的一个随机数,包括min和max function getRandomInt(min, max) { return Math.floor(Math.random() * (max - min +…

shuffle() 函数(转)

定义和用法 shuffle() 函数把数组中的元素按随机顺序重新排列. 若成功,则返回 TRUE,否则返回 FALSE. 注释:本函数为数组中的单元赋予新的键名.这将删除原有的键名而不仅是重新排序. 注释:自 PHP 4.2.0 起,不再需要用 srand() 或 mt_srand() 函数给随机数发生器播种,现已被自动完成. 语法 shuffle(array) 参数描述 array 必需.规定要使用的数组. 例子 <?php $my_array = array("a" =&g…

js打乱数组的实战应用

文章首发于: https://www.xiabingbao.com/post/javascript/js-random-array.html 在js中,能把数组随机打乱的方法有很多,每个方法都有自己的特点. 1. 打乱数组的方法这里主要讲解3个打乱数组的方法. 1.1 随机从数组中取出数据这个方法的详细操作步骤是:随机从数组中取出一个数组放入到新数组中,然后将该数据从原数组中删除,然后再随机取出下一个数,直到原数据的长度为0. function randomArrByOut(arr) { l…

PHP shuffle() 函数

实例把数组中的元素按随机顺序重新排列: <?php$my_array = array("red","green","blue","yellow","purple"); shuffle($my_array);print_r($my_array);?> 运行实例 » 定义和用法 shuffle() 函数把数组中的元素按随机顺序重新排列. 该函数为数组中的元素分配新的键名,已存在的键名将被删除(参见…

JS调用Java函数--DWR框架

(1)dwr与ssh框架整合教程dwr框架介绍. DWR(Direct Web Remoting)是一个用于改善web页面与Java类交互的远程服务器端Ajax开源框架,可以帮助开发人员开发包含AJAX技术的网站.它可以允许在浏览器里的代码使用运行在WEB服务器上的JAVA函数,就像它就在浏览器里一样.它包含两个主要的部分:允许JavaScript从WEB服务器上一个遵循了AJAX原则的Servlet中获取数据.另外一方面一个JavaScript库可以帮助网站开发人员轻松地利用获取的数据来动…

main.js中封装全局登录函数

1. 在 main.js 中封装全局登录函数通过 vue 对象的原型扩展,可以扩展一个函数,这样这个函数就可以在每一个界面通过类似指向对象的方式,去访问这个函数. 如下是 main.js 扩展的函数: Vue.prototype.checkLogin = function(backpage, backtype){ var SUID = uni.getStorageSync('SUID'); var SRAND = uni.getStorageSync('SRAND'); v…

原生JS封装创建多级菜单函数

手写一个使用原生JS封装的多级菜单的函数,满足以下几点需求. 子类层级不确定,可根据数据自动生成多级菜单. 操作便捷,只需传入一个HTML标签. 缺点: 需要满足特定的数据结构废话不多说,展示代码.先展示数据代码,注意,使用此封装函数需要满足此数据结构. var data = [{ id: 1, address: "安徽", parent_id: 0 }, { id: 2, address: "江苏", parent_id: 0 }, { id: 3, addre…

js学习笔记19----getElementsByClassName函数封装

js里面的getElementsByClassName()方法可通过某个class名获取到元素,在标准浏览器下可使用,在非标准浏览器下不可用.为了能够让这个方法兼容所有的浏览器,可以封装成如下函数: function getElementsByClassName(ele,parent, classname) { //ele表示你要获取的元素,parent表示你要获取元素的父级元素,classname表示要获取的元素名 var aTarget = parent.getElementsByTagNa…

js进阶ajax函数封装（匿名函数作为参数传递）（封装函数引入文件的方式非常好用）

js进阶ajax函数封装(匿名函数作为参数传递)(封装函数引入文件的方式非常好用) 一.总结 2.匿名函数作为参数传递二.js进阶ajax函数封装 ajax1.js function ajax(url,funSucc,fnFaild){ //1.以函数作为函数的参数传进来 var xhr=new XMLHttpRequest(); xhr.open('GET',url,true); xhr.send(null); xhr.onreadystatechange=function(){ if (x…

原生JS封装_new函数，实现new关键字的功能

1.前言众所周知:没有对象怎么办?那就new一个! 那么在JS中,当我们new一个对象的时候,这个new关键字内部都干了什么呢? 现在我们就来剖析一下原生JS中new关键字内部的工作原理. 2.原生的new 首先,我们先new一个对象看看: //创建Person构造函数,参数为name,age function Person(name,age){ this.name = name; this.age = age; } //实例化对象小明 xm = new Person('xiaoming',1…

关于Ajax请求的JS封装函数

每次连接ajax都要重复写很多代码,所以写了一个JS封装函数,如下: 再来解释一下其中obj对象的参数形式: obj={ 'type':提交方式, get/post 'url' : 提交地址, 1.php 'data' : 数据, {"name":123 , "pass":123} 'async': 是否异步, true:异步 false:同步 'callback' : 回调函数 success } 注意点: 1.数组…

js原生：封装document.getElementByClassName()函数

//接口封装:封装document.getElementByClassName()函数function getElementsByClassName (cName,domTag,root) {//该函数有三个参数:第一个参数是class名(必选,字串形式):第二个参数是父容器(可选),默认为body节点:第三个参数是该DOM节点的标签名(字串形式) if (root) { root = typeof root == "string" ? document.getEl…

封装getByClass（JS获取class的方法封装为一个函数）

获取方法一(普通版) 获取单一的class: function getByClass(oParent, sClass) {//两个形参,第一个对象oParent 第二个样式名class var aEle = oParent.getElementsByTagName("*");//从对象里选择所有元素 var aResult = [];//存放匹配出来结果的数组 for (var i = 0; i < aEle.length; i++) {//遍历所有oParent元素里面的所有元…

《JS权威指南学习总结--9.3 JS中JAVA式的类继承》

内容要点: 一.JS中的类 1.JAVA或其他类似强类型面向对象语言的类成员的模样实例字段:它们是基于实例的属性或变量,用以保存独立对象的状态. 实例方法: 它们是类的所有实例所共享的方法,由每个独立的实例调用类字段:这些属性或变量是属于类的,而不是属于类的某个实例的. 类方法:这些方法是属于类的,而不是属于类的某个实例的 2.JS中的类牵扯三种不同的对象,三种对象的属性的行为和下面三种类成员非常相似: 构造函数对象: 之前提到,构造函数(对象)为JS的类定义了名字.任何添加到这个构造函…

ABP+AdminLTE+Bootstrap Table权限管理系统第七节--登录逻辑及abp封装的Javascript函数库

经过前几节,我们已经解决数据库,模型,DTO,控制器和注入等问题.那么再来看一下登录逻辑.这里算是前面几节的一个初次试水. 首先我们数据库已经有的相应的数据. 模型和DTO已经建好,所以我们直接在服务层添加Login方法就可以了. 在展现层添加Account控制器,注入IUserService接口,调用Login方法. 然后添加视图页面. 运行一下,看一下结果. 除了页面比较漂亮(哈哈),这些本来都没有什么好说的,直接上图, 这里值得注意的是,我们在创建下面的方法,在调用接口的的时候会报一个错误…

Android 利用WebViewJavascriptBridge 实现js和java的交互（一）

此文出自:http://blog.csdn.net/sk719887916/article/details/47189607,skay 按安卓开发目前现状来说,开发者大部分时间还是花在UI的屏幕适配上,使用原生控件开发成本已不是那么理想,鉴于很多项目和ios基于一致的ui界面,至使安卓UI开发成本花费更大的代价,因此目前结合Html5和原生控件是解决UI适配的一种很好的选择,处于APP性能也会用java和native层进行结合.不管是哪种结合,其实原理都差不多,只要按照它的协议来,是很容易的,今…

ABP+AdminLTE+Bootstrap Table权限管理系统第七节--登录逻辑及几种abp封装的Javascript函数库

返回总目录:ABP+AdminLTE+Bootstrap Table权限管理系统一期简介经过前几节,我们已经解决数据库,模型,DTO,控制器和注入等问题.那么再来看一下登录逻辑.这里算是前面几节的一个初次试水. 首先我们数据库已经有的相应的数据. 添加Login方法模型和DTO已经建好,所以我们直接在服务层添加Login方法就可以了. 注入IUserService接口在展现层添加Account控制器,注入IUserService接口,调用Login方法. 添加视图页面.…

Android混合开发之WebViewJavascriptBridge实现JS与java安全交互

前言: 为了加快开发效率,目前公司一些功能使用H5开发,这里难免会用到Js与Java函数互相调用的问题,这个Android是提供了原生支持的,不过存在安全隐患,今天我们来学习一种安全方式来满足Js与java互相调用的需求.它就是WebViewJavascriptBridge. 学习动机: 先看下之前的解决办法:Android混合开发之WebView与Javascript交互最近棒棒安全的一个市场推广来我们公司推广他们的产品,当时也没太引起我的注意,后来这个市场推广人员把我们的app的进行了他们…

【【实践】用 js 封装java shuffle函数（打乱数组下标方法）】的更多相关文章