javascript技巧

如何在selenium中使用js实现定位

2020-08-17
学习selenium的时候经常用扫的定位方式WebDriver定位方式,但是一些Windows的窗口就无力了,这时候可以用js定位 使用js定位的时候是用DOM树定位方式 eg: document.getElementById("su"); 这里就可以看出来,和浏览器中的console控制台的定位方式一样样的--果然知识都是相通的 接下来就是正题: selenium中执行js脚本: 第一步首先强转成JavascriptExcetor: JavaScriptExecutor js = (

javaScript代码飘红报错看不懂?读完这篇文章再试试

2020-08-17
一.本文将会出现以下英语词汇 assignment[əˈsaɪnmənt] 赋值;分配 assignment [əˈsaɪnmənt] 分配;任务 call [kɔːl]  调用 caught [kɔːt]  捕获;接住;截住;拦住; constructor [kənˈstrʌktə(r)] 构造器 cannot [ˈkænɒt]  不是 catch [kætʃ]  接住;抓住 constant[ˈkɒnstənt]  常量 defined [dɪˈfaɪnd]  定义 error [ˈerə(

openLayer4实现动态改变标注图标

2020-08-17
本文实例为大家分享了openLayer4动态改变标注图标的具体代码,供大家参考,具体内容如下 地图上经常需要标出标注,标注点击之后要有相应的变化来达到一定的效果.此实例即在地图上添加图片标注,点击标注,更换标注图片,再点击其他标注,上一个标注恢复原来的标注图片. /*初始化地图*/ var map; function initmap(){ map= new ol.Map({ layers: layers, target: 'mapContainer', view: new ol.View({ /

详解三种方式在React中解决绑定this的作用域问题并传参

2020-08-16
在React中时常会遇到this指向的作用域问题 从而导致undefined报错 先来个Demo: 功能很简单 点击按钮改变文字 import React from 'react'; export default class BindWithThis extends React.Component { constructor(props) { super(props); this.state = { msg:"BindWithThis" } } render() { return &l

openlayers4实现点动态扩散

2020-08-16
本文实例为大家分享了openlayers4实现的点动态扩散的具体代码,供大家参考,具体内容如下 原理:连续刷新地图,并且刷新时,修过点样式的半径大小,来实现扩散效果: //定义底图 var baseLayer = new ol.layer.Vector({ renderMode: 'image', source: new ol.source.Vector({ url:'/data/shengjie.geojson', format: new ol.format.GeoJSON() }), sty

纯js+css实现在线时钟

2020-08-16
本文实例为大家分享了js+css实现在线时钟的具体代码,供大家参考,具体内容如下 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>时钟</title> <style type="text/css"> *{ padding: 0; margin: 0; } .wrap{ position: absolute; wi

javascript实现移动端上传图片功能

2020-08-16
本文实例为大家分享了javascript实现移动端上传图片的具体代码,供大家参考,具体内容如下 核心部分(.html) window.onload = function() { let fileTag = document.getElementById('file'); // console.log(fileTag) // console.log(this.pic) let that = this fileTag.onchange = function() { let file = fileTa

three.js 利用uv和ThreeBSP制作一个快递柜功能

2020-08-16
最近有three网友,问我要不要学习blender,其实我感觉学习一下也无妨,不过花大量时间精通,尚可不必,术业有专攻给别人留一条路吧,哈哈.那我我们就是用ThreeBSP和uv贴图的知识来制作一个定制化的快递柜,先上图,在线案例请点击博客原文. 下面我们来讲解一下这样一个柜子的制作. 1. 主角是一个JSON 这样一个快递柜的核心是JSON数据的创建,有了jSON数据,我们就可以通过循环遍历出柜子,柜门和uv映射关系.那面下面来看看我们的JSON数据(部分代码). var doorArray

Javascript前端下载后台传来的文件流代码实例

2020-08-16
前台请求数据: url: '/app/downloadApp', method: 'get', responseType: 'blob', params: data 设置接收参数格式为responseType: 'blob', downloadFile(res, fileName) { if (!res) { return } if (window.navigator.msSaveBlob) { // IE以及IE内核的浏览器 try { window.navigator.msSaveBlob(

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