js

js实现mp3录音通过websocket实时传送+简易波形图效果

需求:公司要求实现web端的录音并通过websocket实时上传至java后台,而且能通过vlc实时播放,简单一点讲就是我用网页在那一边讲话,一个大喇叭就能实时把我的话播出去,这样是不是通俗易懂呀,而且呢公司要求用mp3格式。 »

通过js随机函数Math.random实现乱序

听到乱序一般都会想到js的随机函数Math.random();var values = [1, 2, 3, 4, 5];values.sort;console.log利用数组的sort方法,判断随机出来的0~1值与0.5的大小,实现排序。如果用ES6的写法还能精简成:function shuffle return a;}再用上面的demo测试一下:var times = 100000;var ... »

详解用js代码触发dom事件的实现方案

背景 前端编写测试用例时,在测试界面上的一些效果时,通常都希望能够模拟一些用户操作,而模拟用户操作最主要的方式就是用代码触发指定事件。通常一些元素上会自带一些触发事件的方法,例如click、focus等,但是如果是其他的事件,例如mousedown、mouseup、mouseenter,这些事件怎么模拟呢? 思路 其实思路很简单,web标准中定义了一系列API接口,其中dispatchEvent允... »

JS使用for in有序获取对象数据

需要遍历对象,将key value分为两个数组,可以使用forin,但是获取到的对象中的属性及属性值排列是无序的,目的是要按顺序取出对象中的key和value值。 »

js 获取扫码枪输入数据的方法

但在实际开发中需要区分是扫描枪输入还是键盘用户输入,区别在于扫码枪输入很快。 »

基于js实现数组相邻元素上移下移

实现代码:js://点击上移clickUp,//点击下移clickDown,//数组元素互换位置swapArray ,html: 注意:1.思想就是在数组中交换两个元素的位置,使用splice()的替换;2.上移是跟上一元素交换位置,下移是跟下一元素交换位置,不同体现在调用调换方法时传入的index参数不同。 »

JS如何寻找数组中心索引过程解析

给定一个整数类型的数组 nums,请编写一个能够返回数组“中心索引”的方法。我们是这样定义数组中心索引的:数组中心索引的左侧所有元素相加的和等于右侧所有元素相加的和。如果数组不存在中心索引,那么我们应该返回 -1。同时, 3 也是第一个符合要求的中心索引。说明:nums 的长度范围为 [0, 10000]。任何一个 nums[i] 将会是一个范围在 [-1000, 1000]的整数。 »

Node.js API详解之 zlib模块用法分析

本文实例讲述了Node.js API详解之 zlib模块用法。分享给大家供大家参考,具体如下: Node.js API详解之 zlib zlib模块提供通过 Gzip 和 Deflate/Inflate 实现的压缩功能,可以通过这样使用它: const zlib = require('zlib'); 压缩或者解压数据流(例如一个文件)通过zlib流将源数据流传输到目标流中来完成: const gz... »

原生JS封装拖动验证滑块的实现代码示例

前言星期六闲着没事,就想着写写原生js玩玩,在网上看了几个效果后决定做这个效果,并且使用了prototype和eventEmitter封装成了库。最终效果 分析看到这个效果我们首先应该想到和拖动有关的api: onmousedown, onmousemove, onmouseup其次要支持用户传入放置这个组件的dom元素和完成的回调事件。 »

微信jssdk踩坑之签名错误invalid signature

最近做公众号网页开发,使用微信 jssdk 页面签名时 IOS 中一直报错,这才刚开始就被这只拦路虎拦住了,报错如下: 然而 Android 和开发者工具中好得很,没有任何问题: 既然提示 签名非法 ,那就是签名有问题咯,但是同样的接口,为什么Android没问题?是真是假还是用官方的签名校验工具验证下: 生成的签名完全没有问题,这就奇怪了,按照网上说的 url 改成如下方式也不行: url = ... »

vue.js实现简单购物车功能

本文实例为大家分享了vue.js实现简单购物车的具体代码,供大家参考,具体内容如下 这次我将给大家带来一个vue.js实现购物车的小项目,如有不足请严厉指出。 购物车功能有:全选和选择部分商品,选中商品总价计算,商品移除,以及调整购买数量等功能。 js主要有以下方法 加函数,减函数,手动修改数量判断库存函数,总价格计算函数,单选事件,全选事件,一共分为6个事件 具体效果如下图 代码在这里 main... »

js实现自定义右键菜单

本文实例为大家分享了js实现右键菜单的具体代码,供大家参考,具体内容如下原理:1.屏蔽默认的右键菜单2.点击右键获取位置,让自定义菜单到点击位置上3.点击左键,自定义菜单消失代码如下 右键菜单练习 * ul li 复制 剪切 粘贴 »

如何在vue中使用jointjs过程解析

在vue中引入joint.js的问题,之前在网上搜了很多,都没有给出一个确切的答案,捣鼓了两天终于弄明白了,做个记录。 首先,我参考了一篇来自stackoverflow的文章 看完这篇文章,大家应该至少大致怎么做了,下面我们来具体看一下: 首先在vue项目中运行npm install jointjs –save 然后在入口文件,我的是main.js,也有可能是app.js中加入下面两行... »

Node.js API详解之 net模块实例分析

本文实例讲述了Node.js API详解之 net模块。通过以下方式引入:const net = require;net.isIP说明:测试 input 是否是 IP 地址。无效的字符串则返回 0,IPv4 地址则返回 4,IPv6的地址则返回 6。demo:const net = require;console.log;// truenet.isIPv6说明:如果 input 是 IPv6 地址... »

js实现轮播图特效

本文实例为大家分享了js实现轮播图特效的具体代码,供大家参考,具体内容如下 只需要修改图片的src即可 html: <body> <div id="rollImgBox"> <div class="photos clearfix"> <!--轮播图里面首位多放最后一张与第一张图片,以便顺畅平滑切换--> <div class="move">... »

js抽奖转盘实现方法分析

本文实例讲述了js抽奖转盘实现方法。分享给大家供大家参考,具体如下:  HTML  这里.left 固定了圆的宽度和高度,还有canvas也设置了固定宽高 绘制圆心的坐标也就出来了 (203,203) 抽奖转盘是由一个大圆和一个内圆完成 ;大圆负责绘制上奖品 ,内圆负责确定指针的位置,指针直接使用图片,决定位置确定 <div class="left"> <di... »

基于aotu.js实现微信自动添加通讯录中的联系人功能

什么是Auto.JS? Auto.JS是Android平台上的JavaScript自动化工具。 它的本质是可执行自己编写的简易Javascript脚本的,尤其可以在开启“无障碍模式”的情况下对其他App进行一些操作的一个Android App,便于进行自动化操作。学习成本非常低。 Auto.JS已被黑产广泛使用,以至于作者关闭了官方下载通道。 官网:https://github.com/hyb19... »

基于leaflet.js实现修改地图主题样式的流程分析

今天遇到了一点点的小情况,我自己根据leaflet.js做了一个离线地图,公司要用来做态势,但是地图的底图用的是高德的原图,样式是下面这样的: 但是态势的主题是如下的这种淡蓝色: 这就造成了本次的需求,需要可以修改样式的主题,由于本人是个后端小佬,前端菜鸡,所以实现起来发生了一些困难,这里简单介绍下实现的路程。 首先看下效果: 然后介绍下艰辛的过程: 首先,需要用到一个基于leaflet.js的插... »

原生js实现五子棋游戏

本文实例为大家分享了js实现五子棋游戏的具体代码,供大家参考,具体内容如下 html: <body> <h2>五子棋游戏</h2> <div id="box"> <div id="box01"></div> <div id="box02">haha</div> </div> </bod... »

js实现简单五子棋游戏

本文实例为大家分享了js实现五子棋游戏的具体代码,供大家参考,具体内容如下 html <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>五子棋</title> <link rel="stylesheet" href="css/style.css" ... »

js实现双人五子棋小游戏

本文实例为大家分享了js实现双人五子棋小游戏的具体代码,供大家参考,具体内容如下 这是自己自学js的时候,在网上找的js源码,由于是自学,花了数小时才把这个源码大致弄明白。 大致算法 自定义棋盘规格,直接在棋盘建新div就可以,长度宽度用计算就可以了。下棋,在div里再建class,这里要给每个class标一个site值,由site值写出该棋子竖直方向和横向的坐标,由坐标可以写出棋子胜利的条件。而... »

js实现九宫格布局效果

本文实例为大家分享了js实现九宫格布局效果的具体代码,供大家参考,具体内容如下 效果 代码如下: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; pa... »

js实现拾色器插件(ColorPicker)

对一个前端来说,颜色选择的插件肯定不陌生,许多小伙伴对这类插件的实现可能会比较好奇,这里奉上原生js版本的拾色器。 效果图: 讲下实现方式: 1.颜色除了RGB跟十六进制的表现外,还有一个HSV的表现形式。H(hue)是色相,值域是0度到360度,这个值控制的是你看到的是什么颜色,通俗点讲就是红橙黄绿…;S(saturation)是饱和度,值域是0到1,这个值控制颜色的鲜艳程度,可以理... »

Go语言json编码驼峰转下划线、下划线转驼峰的实现

一、需求 golang默认的结构体json转码出来,都是根据字段名生成的大写驼峰格式,但是一般我们最常用的json格式是小写驼峰或者小写下划线,因此,我们非常需要一个统一的方法去转换,而不想挨个写json标签,例如 package main import ( "encoding/json" "fmt" ) func main() { type Person struct { HelloWold s... »

原生js实现日期选择插件

最近公司项目告一段落,想着写个小玩意打发下上班时间,就用js很粗糙的实现了下日期选择插件。间间断断历时1天多,实现了选择日期的功能,从写完的整体代码来看,耦合度还是蛮高的,我觉得还是我对js中的原型继承方式理解不深刻,一定有更优雅的方式再优化下这份粗糙的代码,各位前端小伙伴们在看完我的代码后请麻烦指出其中实现的不好的地方,有批评指正让我有动力继续写博客嘛! 先说下这个插件的功能:功能很简单,目前只... »

Page 1 of 652123»