js
关注
分享
扫一扫
想要飞翔的小猪
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
web高德地图路线规划（多条）
由于这个是官方的api,官方中也有案例，这里就不细说了，直接上代码<!doctype html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=d原创 2021-05-26 13:40:36 · 1727 阅读 · 0 评论 -
uniapp如何获取IP地址
uniapp如何获取IP地址获取ip地址js获取ip地址uni-app获取ip地址获取ip地址最近一个uni项目涉及到获取IP地址，在网上看到用引入外部JS的方法来获取，uni-app配置模板没有找到index.html这个文件，所以这个没法在index.html直接引入，正常的可以直接外部js链接：http://pv.sohu.com/cityjson?ie=utf-8在浏览器打开后就能显示了IP信息js获取ip地址<script src="http://pv.sohu.com/cityjs原创 2021-04-30 11:00:59 · 12323 阅读 · 11 评论 -
js 代码优化点
尽量不要操作dom元素， 使用使用逻辑短路替换三元运算符 var value=true;value?value=2:''value && value=2 使用对象属性替换if-else // if版本if (a == 1) {return 'one';} else if (a == 2) {return 'two';} else if (a == 3) {return 'three';} else {return ...原创 2020-12-30 15:27:44 · 353 阅读 · 0 评论 -
js 复制功能
在开发中遇到一个复制功能，在这里就说明下两种方法第一种：使用Clipboard插件（https://clipboardjs.com/）安装：npm install clipboard --saveimport Clipboard from "clipboard";<div class="express_info_right" id="express_info_right" data-clipboard-action="copy" :data-clipboard-text="in原创 2020-05-29 15:59:13 · 397 阅读 · 0 评论 -
JS监听返回、后退、上一页按钮的事件方法
原理：主要是通过pushState方法往histroy里增加url链接，并且提供popstate事件监测history栈里弹出urlhistory属性简单描述：history.back()与在浏览器点击后退按钮相同histroy.forward()与在浏览器中点击向前按钮相同history.go()方法中可以填写参数（表示跳转页面的个数）由于安全原因javascrip...原创 2020-04-29 12:11:59 · 4501 阅读 · 0 评论 -
视频流播放插件
1、LivePlayer H5播放器：https://www.liveqing.com/docs/download/LivePlayer.html#%E7%9B%B8%E5%85%B3%E4%BB%8B%E7%BB%8D（文档地址）总结：m3u8格式的流可以，rtmp的它里面的代码包都不行，demo:转存失败重新上传取消2、DPlayer：http://dplayer.js...原创 2020-04-27 19:37:06 · 2033 阅读 · 0 评论 -
offsetWidth等等的介绍
最近弄了一个放大镜的案例，所以在这里写了一下关于dom中offsetWidth等相关属性给个图，大家体验下有兴趣的可以自己去试下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport&qu原创 2018-11-23 14:56:23 · 1099 阅读 · 0 评论 -
js放大镜
解释都在代码里面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&原创 2018-11-23 15:28:34 · 190 阅读 · 0 评论 -
ES6数组的扩展--扩展运算符
1.扩展运算符扩展运算符（spread）是三个点（...）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。{console.log(...[1, 3, 2, 43]);//1,3,2,43console.log(1, 2, ...[2, 5, 4], 9);//1,2,2,5,4,9let div = document.querySelectorAll...原创 2018-12-04 21:25:43 · 353 阅读 · 0 评论 -
ES6 Promise对象
所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。 从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 提供统一的 API，各种异步操作 都可以用同样的方法进行处理。 1.Promise特点：1.1 对象的状态不受外界影响。Promise对象代表一个异步操作，有三种状态：pending（进行中...原创 2018-12-03 23:52:49 · 239 阅读 · 0 评论 -
js将HTML导出生成word文档
在项目开发中中，遇到将HTML导出生成word文档，刚开始在网上找了很多资料，基本都是jQuery中的插件jquery.wordexport.js，刚开始是不想用这个的，这个要引用另一个插件FileSaver.js;但是没有找到更好的方法，所以在这里记录下js将HTML导出生成word文档的方法；如果有其他方法的可以提供下链接；学习下jquery.wordexport.js插件的代码，了解到了...原创 2018-12-07 16:05:31 · 62394 阅读 · 52 评论 -
vue+file-saver+xlsx导出table为excel
1、安装：npm install file-saver xlsx --save-devcnpm install file-saver xlsx --save-dev //淘宝镜像2、引入：import FileSaver from 'file-save';import XLSX from 'xlsx';3、点击事件： exportExcel() ...原创 2018-12-15 11:33:25 · 9506 阅读 · 7 评论 -
js arguments.callee和caller用法
arguments：含义：该对象代表正在执行的函数和调用它的函数的参数。 语法： [function.]arguments[n] 参数：function ：当前正在执行的 Function 对象的名字。 n ：要传递给 Function 对象的从0开始的参数值索引。 说明：在前面执行上下文的学习过程中，知道生成执行上下文需要两个阶段，分别是进入执行上下文和执行...原创 2018-12-18 17:29:09 · 1299 阅读 · 0 评论 -
js apply()和call()用法
JavaScript中的每一个Function对象都有一个apply()方法和一个call()方法，它们的语法分别为：1.apply()方法function.apply(thisObj[, argArray])2.call()方法 function.call(thisObj[, arg1[, arg2[, [, ...argN]]]]);apply：调用一个对象的一个方法，用另...原创 2018-12-18 17:20:43 · 210 阅读 · 0 评论 -
js this 详解
this详解 你可能遇到过这样的 JS 面试题：{var obj = {foo: function () {console.log(this)}}var bar = obj.fooobj.foo(); // 打印出的 this 是 objbar(); // 打印出的 this 是 window} 这个原因是因为“Javascript中this永远是...原创 2018-12-18 17:52:32 · 758 阅读 · 1 评论 -
js 数组扁平化
1.数组扁平化概念数组扁平化是指将一个多维数组变为一维数组遍历数组arr，若arr[i]为数组则递归遍历，直至arr[i]不为数组然后与之前的结果concat2.实现的五种方式2.1. reduce遍历数组每一项，若值为数组则递归遍历，否则concat。function flatten(arr) { return arr.reduce((result, ite...原创 2019-01-07 18:26:31 · 407 阅读 · 0 评论 -
JS获取html代码的纯文本以及获取html代码的img
let ct='<li><a class="query" href="/redmine/projects/aj_ada010/issues?query_id=7">上周进展</a></li><li><a class="query" href="/redmine/projects/aj_ada010/issues?query_i...原创 2019-04-16 16:32:10 · 2062 阅读 · 1 评论 -
js获取查询字符串参数；一个实用的api
获取url里面的参数值或者追加查询字符串，在这之前，我们一般通过正则匹配处理，然而现在有一个新的api，具体详情可以查看这里，可以让我们以很简单的方式去处理url。假如我们有这样一个url，"?post=1234&action=edit"，我们可以这样处理这个urlvar urlParams = new URLSearchParams('?post=1234&action...原创 2019-04-30 10:26:23 · 1254 阅读 · 0 评论 -
画布canvas制造时钟
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2018-08-21 21:30:08 · 167 阅读 · 0 评论 -
ES6 Map
1.含义和基本用法 JavaScript 的对象（Object），本质上是键值对的集合（Hash 结构），但是传统上只能用字符串当作键。这给它的使用带来了很大的限制。 例子{const data = {};const element = document.getElementById('myDiv');data[element] = 'metadata';data...原创 2018-11-22 17:11:42 · 1250 阅读 · 0 评论 -
ES6 Set
1.Set数据结构：它类似与数组，但是成员的值都是唯一的，没有重复的，Set本身是构造函数，用来生成Set数据结构的{const s = new Set();[2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x)); //add(value):添加某个值，返回 Set 结构本身for (let i of s) {console.log...原创 2018-11-15 11:01:51 · 240 阅读 · 0 评论 -
js 无缝滚动
本章节分享一段代码实例，它实现了图片无缝水平滚动效果。这样的功能在实际应用中比较常见，感兴趣的朋友可以做一下参考。代码如下: <!doctype html><html><head><meta charset="utf-8"><meta name="author" content="http://www.s转载 2018-09-02 16:48:38 · 254 阅读 · 0 评论 -
移动前端中 viewport （视口）--user-scalable
user-scalable来控制用户是否可以通过手势对页面进行缩放。该属性的默认值为yes，可被缩放，你也可以将该值设置为no，表示不允许用户缩放网页。例如：<meta name="viewport" content="user-scalable=no" />这只是对user-scalable的简单介绍，具体的移动前端中viewport(视口)，请看http://www.c...转载 2018-09-04 23:17:33 · 7193 阅读 · 0 评论 -
微信小程序评论功能的实现（用的是假数据）
具体直接看代码wxml:<view><button bindtap='showTalks'>查看评论</button></view><!-- 整个评论区 --><view class='talks-layer' animation='{{talksAnimationData}}'><!-...原创 2018-09-01 11:59:31 · 8270 阅读 · 4 评论 -
js时间倒计时和时间日期
倒计时timeOut(value) {let that = this;let timer;let orign_time = Date.parse(new Date()) / 1000;let leftTime = value; //转化成秒,传入的是时间戳let maxTime = leftTime - orign_time;timer = setInterval...原创 2018-08-21 23:31:18 · 763 阅读 · 0 评论 -
解决微信小程序中new Date()转换时间时间格式时IOS不兼容的问题
昨天弄一个微信倒计时;遇到了这个为题，调试了才找到问题的所在，然后在网上找了资料才知道这个问题的原因，来是因为IOS系统不支持2018-08-30这样的格式的时间导致的，let olddata ='2018-08-30 11:00:00';let mydata=new Date(olddata);console.log(mydata);let newdata=mydata.get...原创 2018-08-31 13:55:30 · 23952 阅读 · 4 评论 -
时间戳与时间的相互转换的几种方式
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">&l原创 2018-08-31 11:22:49 · 8878 阅读 · 0 评论 -
数组对象排序
一、普通数组// js中用方法sort()为数组排序。sort()方法有一个可选参数，是用来确定元素顺序的函数。如果这个参数被省略，那么数组中的元素将按照ASCII字符顺序进行排序。如：let arr1 = [12, 34, 2, 42, 456, 234];console.log(arr1.sort()); //12,2,234,42,456let arr2 = ['a', ...转载 2018-08-20 18:06:58 · 473 阅读 · 0 评论 -
javascript定时器，取消定时器，及js定时器优化方法
启动定时器： window.setInterval(Method,Time) Method是定时调用的js方法Time是间隔时间，单位是毫秒取消定时器： clearInterval(Method);那么问题来了。用 clearInterval(timerid);来清除，往往不能马上停止，用什么方法比较好解决？优化方案如下 var tim...原创 2018-08-22 18:07:54 · 1752 阅读 · 0 评论 -
移动端左右两边滑动，并且去除滚动条
.html <div class="yyjx_row"> <div class="yyjx_item" > <img :src="" alt=""> <span>篮球</span> </div&原创 2018-09-05 22:58:21 · 5157 阅读 · 1 评论 -
验证码
这个验证码不是短信验证码，具体情况看代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0原创 2018-09-17 11:45:10 · 180 阅读 · 0 评论 -
简单的搜索框样式
这里涉及的是清除input框默认样式和设置聚焦样式；还有就是控制搜索列表的显示，下面直接给除代码，可以去试试效果<!DOCTYPE html><html><head> <meta charset=" utf-8"> <title>新浪微博搜索框功能</title> <sty原创 2018-09-28 15:04:02 · 2759 阅读 · 2 评论 -
一些常用的正则表达式
常用的正则表达式匹配中文字符的正则表达式： [\u4e00-\u9fa5]匹配双字节字符(包括汉字在内)：[^\x00-\xff]匹配空行的正则表达式：\n[\s| ]*\r匹配HTML标记的正则表达式：/<(.*)>.*<\/\1>|<(.*) \/>/ 匹配首尾空格的正则表达式：(^\s*)|(\s*$)匹配IP地址的正则表达式：...原创 2018-11-08 17:45:02 · 364 阅读 · 0 评论 -
js递归
说到递归，就不得不说下阶乘了，阶乘函数是递归经典案例阶乘的实现方法（一种递归，两种循环）1.{function factorial(num) {if (num <= 1) {return 1;}else {return num * factorial(num - 1);}}console.log(factorial(3));}/如...原创 2018-11-13 22:58:25 · 418 阅读 · 0 评论 -
正则表达式简单语法及常用正则表达式
基本符号：^ 表示匹配字符串的开始位置 (例外 用在中括号中[ ] 时,可以理解为取反,表示不匹配括号中字符串)$ 表示匹配字符串的结束位置* 表示匹配 零次到多次+ 表示匹配 一次到多次 (至少有一次)? 表示匹配零次或一次. 表示匹配单个字符 | 表示为或者,两项中取一项( ) 小括号表示匹配括号中全部字符[ ] 中括号表示匹配括号...原创 2018-11-08 14:56:30 · 962 阅读 · 0 评论 -
js 浅拷贝与深拷贝
js 有两种数据类型，基础数据类型和引用数据类型；基础数据类型都是按值访问的，我们可以直接操作保存在变量中的实际的值。而引用类型如Array，我们不能直接操作对象的堆内存空间。引用类型的值都是按引用访问的，即保存在变量对象中的一个地址，该地址与堆内存的实际值相关联。 1.浅拷贝：只复制指向某个对象的指针，而不复制对象本身，新旧对象共享一块内存； 浅拷贝是指只复制一层对象，当对象的属...原创 2018-10-22 16:34:58 · 231 阅读 · 0 评论 -
获取短信验证码案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2018-09-15 12:33:45 · 1391 阅读 · 0 评论 -
js对象转数组
先给个案例体验下 对于像这样的一个对象，把它转换成一个数组，我们在开发中应该会遇到过， {'未完成':0, '已完成':1, '待确认':2, '已取消':-1}转为[{"未完成":0},{"已完成":1},{"待确认":2},{"已取消":-1}] 我们首先想到的是把他们一个个循环遍历取出来，push到一个数组当中去 let obj1 = { '未完成': 0, '已完...原创 2018-10-19 21:58:21 · 18085 阅读 · 1 评论 -
JS 5个迭代方法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2018-10-19 14:09:25 · 1865 阅读 · 0 评论 -
js数组对象的几种遍历方式
1.数组的遍历首先我们先简单介绍了跳出循环的几种方式// 跳出循环的方式有如下几种// return 函数执行被终止// break 循环被终止// continue 循环被跳过1.普通版for:最简单的一种，也是使用频率最高的一种，虽然性能不弱，但仍有优化空间 for 循环中的变量 i，由于 ES5并没有块级作用域的存在，它在循环结束以后仍然存在于内存中，所以建议...原创 2018-10-18 18:07:39 · 7364 阅读 · 0 评论