js
沧海龙腾LV
现学现卖……
展开
-
JavaScript ES6 Array.filter()方法总结
一、定义 filter()方法创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。 filter的中文意思是“筛选”,顾名思义,会对数组中的元素挨个进行检查,检查通过的,才能组成新的数组。二、语法var newArray = arr.filter(callback(element[, index[, array]])[, thisArg])...原创 2021-06-11 16:27:24 · 1450 阅读 · 1 评论 -
js生成二维码的几种方法
一:arale-qrcodearale-qrcode GitHub路径npm i arale-qrcode<html> <body> <div id="share_tools"></div> <script src="qrcode.min.js"></script> </body> <script type="text/javascript"> var codeFi转载 2021-05-19 10:46:10 · 3004 阅读 · 0 评论 -
Html5 input在IOS端弹出收起软键盘,导致页面焦点错位的问题解决
问题描述:在IOS12以上的微信端,iPhoneX的型号和华为保时捷的型号的微信购物,出现input弹出后结算按钮点击无反应的情况。分析:是由于IOS端第三方输入法的软键盘弹出后,焦点无法复位。在 IOS 上,监听输入框的 focus 事件来获知软键盘弹起,监听输入框的 blur 事件获知软键盘收起。 在 Android 上,监听 webview 高度会变化,高度变小获知软键盘弹起,否则...原创 2019-12-04 17:36:38 · 1627 阅读 · 2 评论 -
JS监听手机返回键
//当点击返回键时,返回到上上页function onBackGoHistory(){ pushHistory(); window.addEventListener("popstate", function(e) { // 关闭当前浏览器窗口 history.go(-2); alert("我监听到了浏览器的返回按钮事件啦");//根据自己的需求实现...原创 2019-11-01 14:49:43 · 937 阅读 · 0 评论 -
JS解析Url中携带的参数(支持中文)
function parseURL(url){ if(!url) return; url = decodeURI(url); var url = url.split("?")[1]; var para = url.split("&"); var len = para.length; var res = {}; var arr = []; for(var i=0;i<...转载 2019-10-31 13:54:55 · 950 阅读 · 0 评论 -
js下拉刷新,上拉加载更多的实现
使用第三方控件mescroll参考文档:http://www.mescroll.com/api.html<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initia...原创 2019-04-03 11:24:12 · 1767 阅读 · 0 评论 -
js动态循环绑定事件的变量问题,动态循环添加元素并绑定事件出现重复的问题
在编写JS的时候我们经常会遇到要对一系列元素进行事件绑定,循环对元素的事件进行赋值,在这个过程中我们会遇到一个问题,那就每个元素事件运行的时候变量怎么都是相同的值。这里涉及到变量的作用域的问题,可以用闭包来解决这个问题。这里举个简单的列子来说明:<ul id="ulDemo"> <li>数据</li> <li>数据</li&...原创 2019-04-03 11:35:52 · 1781 阅读 · 1 评论 -
移动端H5页面,通过点击软键盘搜索按钮实现搜索功能
两种方案:方案一:<input type="search" class="search-input" placeholder="请输入搜索"> // js如下: $(".search input").keypress(function(e){ var key = $.trim($(this).val()); if(e.k...原创 2019-06-17 15:17:43 · 20653 阅读 · 1 评论 -
js日期控件
推荐两款基于js的日期控件:1、layui经典模块化前端框架--日期和时间组件文档 - layui.laydate网址:https://www.layui.com/doc/modules/laydate.html2、jeDate日期控件 -(原生JS版)网址:github 或http://www.jemui.com/uidoc/jedate.html#demo完!!!...原创 2019-07-17 10:14:08 · 1698 阅读 · 0 评论 -
js 百度、高德、谷歌、火星、wgs84(2000)地图坐标相互转换的JS实现
一、调用例子:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>coordTransform</title></head><body><h1>请按F12打开控制台查看结果&...转载 2019-09-02 11:07:25 · 8264 阅读 · 1 评论 -
jQuery点击(click)事件覆盖
jQuery中,事件的绑定是叠加式,而不是很多人想象的覆盖式。如:$('button').click(function(){ alert("first");});$('button').click(function(){ alert("second");});点击button之后,会先弹出first弹出框,再弹出second弹出框(而不是只弹出second弹出框)。...转载 2019-04-08 14:25:48 · 7960 阅读 · 1 评论 -
js echarts 水球图
效果图:1、导入js文件echarts.jsecharts-liquidfill.js2、引入js文件到html<script type="text/javascript" src="../js/echarts.min.js"></script><script type="text/javascript" src="../js/echart...原创 2019-04-10 17:38:07 · 3360 阅读 · 2 评论 -
在js或者App中,调起第三方地图产品(URI API)的汇总
URI API是为开发者提供直接调起第三方地图产品(Web地图、地图手机客户端)以满足特定业务场景下应用需求的程序接口,开发者只需按照接口规范构造一条标准的URI,便可在PC和移动端浏览器或移动开发应用中调起第三方地图产品,进行地图展示和检索、线路查询、导航等功能,无需进行复杂的地图功能开发。一、百度地图URI API地图调起API,官方连接地址:http://lbsyun.baidu.com/i...原创 2018-03-29 11:41:29 · 14158 阅读 · 5 评论 -
微信公众号开发,关联网页获取微信openid
微信公众号关联网页获取微信openid的步骤可以参考《微信公众平台技术文档》-> 微信网页授权,官方链接地址:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421140842具体而言,网页授权流程分为四步:1、引导用户进入授权页面同意授权,获取code2、通过code换取网页授权access_token(与基础支持中的...原创 2018-03-29 15:56:24 · 1876 阅读 · 0 评论 -
微信公众号,JS-SDK调用微信扫一扫
微信公众号关联网页调用微信扫一扫功能,可以参照《微信公众平台技术文档》-> 微信JS-SDK说明文档,官方链接地址:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115步骤一:绑定域名先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。注:该域名不包括端口号,并且必须是备案过的域名...原创 2018-03-29 16:25:31 · 2465 阅读 · 1 评论 -
微信公众号,JS-SDK获取位置信息,并调起第三方地图App导航
微信公众号关联网页获取位置信息,可以参照《微信公众平台技术文档》-> 微信JS-SDK说明文档,官方链接地址:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115步骤一:绑定域名先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。注:该域名不包括端口号,并且必须是备案过的域名。备注...原创 2018-03-29 16:46:46 · 20537 阅读 · 5 评论 -
WeUI实现登录页面
利用WeUIz做的登录页:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><he...原创 2019-02-22 15:54:50 · 8450 阅读 · 0 评论 -
WeUI实现带图片的tab切换
tab图标命名方式:tab0.png,tab0_p.png, tab1.png, tab1_p.png, tab2.png, tab2_p.png……html:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio...原创 2019-02-22 16:04:44 · 1684 阅读 · 0 评论 -
WeUI实现Android ViewPager+fragment切换效果
html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> &am原创 2019-02-22 16:50:52 · 341 阅读 · 0 评论 -
扫描二维码,提示请在指定客户端打开连接
有时候,需要链接只能在微信上打开,如果不是,则提示请在微信客户端打开链接的字眼的网页,网页代码如下:(这个是网页应用授权时,非微信上打开,就会出现,然后把它单独拿出来了)效果如图:实现方法:<!DOCTYPE html><html><head><meta name="viewport" content="width=device-w...原创 2019-03-13 14:01:40 · 3264 阅读 · 0 评论 -
微信内置浏览器缓存第三方网页数据到Cookie
最近搞微信公众号的开发,需要本地存储数据,这就产生了一个问题,微信中能不能用localStorage存数据?查找了网上资料,简单总结一下。首先,微信环境其实是个webview组件而已,并不是真正意义上的什么内置浏览器。安卓版微信直接调用系统浏览器内核,它是用chrome改造做的一套WKwebView,概念上类似是一套组建, iOS则是调用safari,所以把微信内置的第三方网页看成是在...转载 2019-03-13 16:40:34 · 11833 阅读 · 3 评论 -
微信公众号,关联网页支付功能(公众号支付)的实现
公众号支付是用户在微信中打开商户的H5页面,商户在H5页面通过调用微信支付提供的JSAPI接口调起微信支付模块完成支付。应用场景有:1、 用户在微信公众账号内进入商家公众号,打开某个主页面,完成支付2、用户的好友在朋友圈、聊天窗口等分享商家页面连接,用户点击链接打开商家页面,完成支付 3、将商户页面转换成二维码,用户扫描二维码后在微信浏览器中打开页面后完成支付公众号支付具体实现步骤见官方文档《微信...原创 2018-03-29 18:07:54 · 9428 阅读 · 1 评论