javascript技巧

js+css3实现炫酷时钟

2020-08-16
本文实例为大家分享了js+css3实现炫酷时钟的具体代码,供大家参考,具体内容如下 html <body> <ul id='box'></ul> </body> css <style> *{ margin: 0; padding: 0; } body{ background-color: #aaa; } ul{ width: 400px; height: 400px; border: 5px solid skyblue; margin: 100p

JavaScript数组排序的六种常见算法总结

2020-08-15
前言 着急用的话,选择前两个就行了,后面的看看就好. 开发中,遇到数组排序的需求很频繁,这篇文章会介绍几个常见排序思路. 一.希尔排序(性能最好) 如果要从大到小排列,则 while(arr[n] > arr[n - interval] && n > 0) . // 希尔排序算法 function xier(arr){ var interval = parseInt(arr.length / 2);//分组间隔设置 while(interval > 0){ for(var

js实现3D旋转效果

2020-08-15
本文实例为大家分享了js实现3D旋转效果的具体代码,供大家参考,具体内容如下 实现效果: 实现过程: 步骤一:先写一个简单的html结构,创建一个box盒子,里面放对应的图片(也可以用js创建图片,这里为了好理解,我们直接用html创建). <body><div class="box"> <img src="./img/1.jpg" alt=""> <img src="./img/2.jpg&q

Openlayers实现扩散的动态点(水纹效果)

2020-08-15
本文实例为大家分享了Openlayers实现扩散的动态点的具体代码,供大家参考,具体内容如下 在openlayers中制作危险源标识可以需要动态扩散的点(有很多种方法 可以加入jpg动图,也可以写css动画) 这里提供一种思路用openlayer自带的方法写 并给予详细的方法注释供初学者学习 (所有jar包都是在线的代码可以复制过去直接用) <!DOCTYPE html> <html> <head> <title>Icon Symbolizer</ti

three.js着色器材质的内置变量示例详解

2020-08-15
什么是着色器? 固定渲染管线: --标准的几何&光照(T&L)管线,功能是固定的,它控制着世界.视.投影变换及固定光照控制和纹理混合.T&L管线可以被渲染状态控制,矩阵,光照和采制参数.如果有了固定渲染管线,编写程序就比较容易了,因为所有的变换都是由固定渲染管线来完成的,但是缺点就是自由度低.固定渲染管线只能完成一些最基本的操作,如果想要做一些特殊的处理,就比较麻烦了. 可编辑渲染管线:--WebGL中不存在固定渲染管线,坐标变换必须全部由自己来做,这个记述了坐标变换的机制就叫做着

前端使用crypto.js进行加密的函数代码

2020-08-13
crypto-js 是一个纯 javascript 写的加密算法类库 ,可以非常方便地在 javascript 进行 MD5.SHA1.SHA2.SHA3.RIPEMD-160 哈希散列,进行 AES.DES.Rabbit.RC4.Triple DES 加解密. 可以在这个GitHub的https://github.com/brix/crypto-js上下载该js,它可以单独引入所需要加密方式的js:也可以引入一个crypto-js.js 这个文件,它相当于引入了所有的加密方式,我使用的就是后者

JS+css3实现幻灯片轮播图

2020-08-13
本文实例为大家分享了JS+css3实现幻灯片轮播图的具体代码,供大家参考,具体内容如下 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0; padding: 0; -webkit-touch-callout: none; -webkit-user-select: none;

Postman环境变量全局变量使用方法详解

2020-08-11
背景: [登录接口]中会返回sign值,[学生金币充值接口]会则需要用到该sign值,因此把sign设置为环境或全局变量,便于其他接口调用. 1.请求登录接口,获取sign值: 2.把sign值添加至环境变量或者全局变量,如下: (1)手动添加sign至环境变量: 并在[学生金币充值接口]调用该环境变量: (2)自动添加sign到环境变量: 在[登录接口]中使用Tests语句自动添加环境变量: 发送请求运行后,再次查看gold_cookie,已自动添加sign值: 现在可在[学生金币充值接口]中

js实现表格单列按字母排序

2020-08-11
本文实例为大家分享了js实现表格单列按字母排序的具体代码,供大家参考,具体内容如下 类似于列表按字母排序,直接上代码啦~ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表格单列字母排序</title> <link href="../css/表格数据搜索.css" rel=&qu

Postman参数化实现过程及原理解析

2020-08-10
接口文档 模块名:用户注册接口 请求URL:http://api.nnzhp.cn/api/user/user_reg 请求方式:POST 参数: 参数名 必选 类型 说明 username 是 string 用户名 (最少6位,最长10位) pwd 是 string 密码 (最少6位,最长16位,必须包括大小写字母数字) cpwd 是 string 密码确认(最少6位,最长16位,必须包括大小写字母数字) 返回示例 { "error_code": 0, "msg"

javascript的hashCode函数实现代码小结

2020-08-10
为了使用的方便,稍稍再改良了一下 function hashcode(str) { var hash = 0, i, chr, len; if (str.length === 0) return hash; for (i = 0, len = str.length; i < len; i++) { chr = str.charCodeAt(i); hash = ((hash << 5) - hash) + chr; hash |= 0; // Convert to 32bit integ

js实现幻灯片轮播图

2020-08-10
本文实例为大家分享了js实现幻灯片轮播图的具体代码,供大家参考,具体内容如下 1.html 选取了五张图片 放入div中,然后是左右箭头,以及按钮,代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>轮播图</title> <link href="../css/轮播图.css&quo

js实现列表按字母排序

2020-08-10
本文实例为大家分享了js实现列表按字母排序的具体代码,供大家参考,具体内容如下 知识点 1.parentNode:返回元素父节点的属性 2.insertBefore()方法 insertBefore() 方法可在已有的子节点前插入一个新的子节点. 语法:node.insertBefore(newnode,existingnode) newnode 节点对象 必须.要插入的节点对象 existingnode 节点对象 必须.要添加新的节点前的子节点. <!DOCTYPE html> <ht

JavaScript中while循环的基础使用教程

2020-08-09
前言 在 JavaScript 语言中,当我们使用 while 循环时,只要指定条件为 true,循环就可以一直执行. 并且只要条件一直满足,就可以实现一个无限循环,例如: while(true){ console.log("1"); } 执行这个循环,就会无止境的输出1. while 语法及其使用 语法如下所示: while (condition) { // 要执行的代码块 } condition 是循环的条件,只有当循环条件成立时,才会执行花括号 {} 中的代码,如果条件不成立则不

js实现表格数据搜索

2020-08-09
本文实例为大家分享了js实现表格数据搜索的具体代码,供大家参考,具体内容如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表格数据搜索</title> <link href="../css/表格数据搜索.css" rel="external nofollow&quo

js实现微信聊天效果

2020-08-09
本文实例为大家分享了js实现微信聊天效果的具体代码,供大家参考,具体内容如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin:0; padding:0; } .box{ width: 250px; height: 400px; b

js实现盒子滚动动画效果

2020-08-09
本文实例为大家分享了js实现盒子滚动动画效果的具体代码,供大家参考,具体内容如下 1.效果图1: 2.效果图2: 3.源代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale

React实现阿里云OSS上传文件的示例

2020-08-09
简介 阿里云 OSS 是 阿里云提供的海量.安全.低成本.高可靠的云存储服务,提供 99.9999999999%的数据可靠性(号称).能够使用 RESTful API 可以在互联网任何位置存储和访问,支持容量和处理能力弹性扩展. 基本术语 1.bucket :类似本地的一个文件夹 2.object : oss 存储数据的基本单元,类似本地的一个文件. 3.region:oss 存储的数据中心所在区域 4.Endpoint:oss 对外服务的访问域名,oss 以 http api 提供服务,不同

js实现弹窗效果

2020-08-09
本文实例为大家分享了js实现弹窗效果的具体代码,供大家参考,具体内容如下 思路: 1.创建一个按钮,点击弹出弹窗 2.建立一个弹窗页面 固定定位 默认隐藏 3.将弹窗内容放在弹窗页面的中间 4.js将事件绑定按钮,点击后让弹窗页面显示 5.js事件绑定span标签,点击后让弹窗页面消失 代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

js实现带有动画的返回顶部

2020-08-08
本文实例为大家分享了js实现带有动画返回顶部的具体代码,供大家参考,具体内容如下 1.滑动鼠标往下滑动,侧边栏跟着往上移动,当到达某一个位置的时候,侧边栏停止移动:鼠标往上,则侧边栏往下-停止 2.当鼠标继续下滑到某一个位置,"返回顶部"几个字会弹出此处如果点击"返回顶部",则立刻到了顶部 3.到达顶部位置效果 4.源代码 <!DOCTYPE html> <html lang="en"> <head> <