js
关注
分享
扫一扫
iteye_13003
这个作者很懒，什么都没留下…
展开
-
百度地图js报错Uncaught TypeError: b.ga(...).nb is not a function
事件：百度地图异步批量创建marker，单击单个marker弹出对话框报错。 报错：VM1771:1 Uncaught TypeError: b.ga(...).nb is not a function at HTMLSpanElement.eval (eval at zZ (getscript?v=2.0&ak=CBb579132…&services=&a...原创 2017-04-20 10:52:34 · 1238 阅读 · 0 评论 -
百度地图js报错Uncaught TypeError: b.ga(...).nb is not a function
事件：百度地图异步批量创建marker，单击单个marker弹出对话框报错。 报错：VM1771:1 Uncaught TypeError: b.ga(...).nb is not a function at HTMLSpanElement.eval (eval at zZ (getscript?v=2.0&ak=CBb579132…&services=&a...原创 2017-04-20 10:48:30 · 1907 阅读 · 1 评论 -
React&Js实现无刷新搜索后隐藏键盘[兼容IOS&Android]
搜索框效果： React Html：<form onSubmit={e => this.searchItem(keyword, e)}> <img src="./images/icons/search-icon.png" className="search-icon" /> <input type="search" autoFocu..原创 2016-10-28 14:23:19 · 472 阅读 · 0 评论 -
使用localStorage实现历史记录搜索功能
搜索功能在商品很多的时候尤为重要，那为什么要历史记录呢，是在乎用户的感受，节约用户思路和操作的时候而产生的一项新的功能，那我们就来讨论一些历史记录是怎么实现的？ 首先我们来对比一下localStorage和sessionStorage：localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。ses...原创 2016-09-19 19:04:19 · 4318 阅读 · 2 评论 -
Web SQL初体验之新手指导(全功能解析)
1。创建并打开数据库var db = window.openDatabase("myDatabase", "1.0", "My WebSQL test database", 5*1024*1024); // 参数含义：数据库名称，版本号，描述，占用大小(bytes) 2。创建数据表db.transaction(function (tx) { tx.executeSq...原创 2016-08-17 17:23:58 · 322 阅读 · 0 评论 -
原生JS 循环Nodelist Dom列表的4种方式
function $(id) { return document.getElementById(id);}var _PAGE = { timeListDom: $('timeList')};var spanDoms = _PAGE.timeListDom.querySelectorAll('span'), domLen = spanDoms.length...原创 2016-07-07 17:18:08 · 2123 阅读 · 0 评论 -
js 倒计时日期对比函数的实现，兼容Android和iOS
function downTime(date) { var arr = date.split(/[- :]/); date = new Date(arr[0], arr[1] - 1, arr[2], arr[3], arr[4], arr[5]); var t = date.getTime() - Date.now(); if (t > 0) { va...原创 2016-06-29 17:30:21 · 525 阅读 · 0 评论 -
IOS 字符串转日期格式化踩过的坑
// 正常主流浏览器支持的日期格式化函数如下：var t = Date.parse(date) - Date.now();// 其中Date.now() 浏览器基本都支持，但是Date.parse(date)在字符串转日期时间的时候，iOS报错了，刷新了我对iOS开发的新认知。// 1.尝试 new Date(date) ， 日期转换错误// 2.尝试 new Da...原创 2016-06-29 17:25:49 · 656 阅读 · 0 评论 -
前端开发手机内置浏览器(含js函数)兼容性汇总之那些踩过的坑
这里会汇总一些移动设备（手机）的内置浏览器兼容性的js函数问题： 1、for... of... 坑爹指数：★★★★ for-of loop是ES6的语法，比较新，导致部分Android手机不支持，例如【华为】 当一个React的项目在多数手机正常运行时，这个时候有些手机就是不支持这个函数。原因是由于内置浏览器的版本过低，不支持一些新的JS函数。 ...原创 2016-06-20 12:53:01 · 2269 阅读 · 0 评论 -
doT js模板引擎 使用自定义函数进行渲染的两种方法
doT模板是一款js渲染模板引擎，速度快，文件小，渲染效果良好而著称。官网-Logo，点击进入： 更多丰富js模板引擎，猛击：https://qiaolevip.github.io/frontend-template-engines/ doT模板Example：https://qiaolevip.github.io/frontend-template-engines/...原创 2016-05-12 14:05:11 · 1239 阅读 · 0 评论 -
js post x-www-form-urlencoded、form-url数据，Nodejs获取x-www-form-urlencoded数据
1、post数据结构：Form Data：type:postname:post发送url参数 2、js代码实现var xhr = new XMLHttpRequest();xhr.open('post', 'http://localhost:3000/post', true);xhr.setRequestHeader('Content-Type', 'a...原创 2016-04-05 16:13:02 · 3725 阅读 · 0 评论 -
js post json、object、application/json数据，Nodejs获取json数据
1、post数据结构： data: { type: 'post', name: 'post发送json参数' } 2、js代码实现 var xhr = new XMLHttpRequest();xhr.open('post', 'http://localhost:3000/post', true);xh...原创 2016-04-05 16:10:11 · 1332 阅读 · 0 评论 -
js post FormData、Payload、multipart/form-data数据，Nodejs获取multipart/form-data数据
1、post数据结构：Request Payload------WebKitFormBoundary3wELd4ULBH0cBXBjContent-Disposition: form-data; name="type"post------WebKitFormBoundary3wELd4ULBH0cBXBjContent-Disposition: form-dat...原创 2016-04-05 15:59:13 · 3243 阅读 · 0 评论 -
JS/html/form/XMLHttpRequest Ajax 批量上传文件/图片的3种方式
写在前面：后端选择你项目中使用的语言接收并处理图片。 由于上传图片都是以jQuery插件，为了纯js的崛起，遂选择ajax上传的方式，但在查找相关实例的时候着实困难重重，仅这个上传功能来回测试不下于2天的时间，最终还是执着战胜了困境。以下3种方式都经多次测试通过。 重要说明：第一种：切记：form -> enctype="multipart/form-data"...原创 2016-04-02 16:17:50 · 430 阅读 · 0 评论 -
纯js循环添加dom html并动态绑定传参onclick事件
// js loop load domfor (var k in data) { var v = data[k]; detailTemplate = detailTemplate.cloneNode(true); var userInfoObj = detailTemplate.getElementsByClassName('user-info')[0]; userInf...原创 2016-01-27 14:19:52 · 2671 阅读 · 0 评论 -
纯js鼠标滚动时候动态加载新页面数据
// jQuery我们可以这样使用$(window).scroll(function(){ if ($(window).scrollTop() == $(document).height() - $(window).height()){ page++; loadPage(page); }}); //纯js我们可以这样做window.onsc...原创 2016-01-26 15:21:51 · 1066 阅读 · 0 评论 -
纯js获取url json/jsonp数据，支持主流浏览器和手机浏览器
// 获取json数据，目前主流浏览器和手机浏览器都兼容var getJSON = function(url, type) { type = type || 'get'; return new Promise(function(resolve, reject) { var xhr = new XMLHttpRequest(); ...原创 2016-01-26 15:17:06 · 665 阅读 · 0 评论 -
判断web h5页面是否在微信内部打开的3种方式
1、根据User-Agent判断// Js获取User-Agentwindow.navigator.userAgentif(window.navigator.userAgent.match(/MicroMessenger/i) == "micromessenger")// Php获取User-Agentecho $_SERVER['HTTP_USER_AGENT'];...原创 2016-01-21 11:26:36 · 5910 阅读 · 0 评论 -
React实现Angularjs ng-show、ng-if和ng-hide
添加一段用户登录场景，登录显示登录信息，否则显示非登录信息。使用Angularjs我们可以这样做：<div class="logined" ng-show="isLogin">登录了</div><div class="logined" ng-if="isLogin">你好，{userName}</div>原创 2016-01-07 15:41:07 · 343 阅读 · 0 评论 -
React实现Angularjs ng-class
首先设定一段Angularjs代码的ng-class：<i class="header-help-icon down" ng-class="{up:showMenu}"></i> 比较容易理解的Angularjs ng-class设置样式代码，那我们使用React怎么去实现它呢？// 首先在state设置一个变量比如： isShowLoginMenu，在...原创 2016-01-07 15:30:55 · 360 阅读 · 0 评论 -
Js实现动画兼容性transition和transform
今天在开发纯手工js打造图片滚动效果的时候，遇到一件不愉快的兼容事件。之前js设置图片滚动动画效果如下： var addSlideStyle = function(time, leftWidth) { time = time || 0; leftWidth = leftWidth || 0; return 'transition: all ' + time ...原创 2016-01-06 15:21:08 · 1171 阅读 · 0 评论 -
js关于小数点失精算法修正0.07*100竟然=7.000000000000001
// 关于js失精算法你都遇到哪些，让我们一起来细数一下吧console.log(0.07*100); // 7.000000000000001console.log(0.1+0.2); // 0.30000000000000004// ........ 事实上，0.1 + 0.2 这这样的 0.10000000000000000555111512312578...原创 2015-12-29 17:54:27 · 2955 阅读 · 0 评论 -
纯JS打造移动端触屏滑动图片集
效果图PC端：支持点击浏览支持方向键浏览支持图片延迟加载支持自动定时加载 效果图手机端：支持自动定时加载支持图片延迟加载支持点击浏览支持触屏滑动浏览 HTML代码片段： <div class="slide"> <ul></ul> <div class="d...原创 2015-12-22 18:50:48 · 919 阅读 · 0 评论 -
Js和jQuery获取dom点击click事件下标index
<!-- DOM List --><div class="dot"> <span class=""></span> <span class=""></span> <span class=""原创 2015-12-22 16:21:02 · 3487 阅读 · 0 评论 -
Js动态监听listen dom变化(支持WebView)并作出处理
// Firefox和Chrome早期版本中带有前缀var MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver// 选择目标节点var target = document.querySelector('#some-id'...原创 2015-12-21 18:34:46 · 1079 阅读 · 0 评论 -
js get max value in (json) Array
// Max value in Arrayvar arr = [1,2,3,5,3,2];Math.max.apply(null, arr); // 5// Max value in Jaon Arrayvar arr = [{"x":"8/11/2009","y":0.026572007},{"x":"8/12/2009","y":0.025057454},{&q原创 2015-07-07 12:14:36 · 340 阅读 · 0 评论 -
Bootstrap A标签关闭modal并打开新的链接解决方案
Bootstrap里面的js modal控件使用起来很方便，关闭也很简单。只需添加标签 data-dismiss="modal" 即可。可是偏偏有时候需要a标签既要关闭modal，有要打开新的链接，尝试多种方法未果。只好使用原始js来控制。 <a href="#/group-buy" class="btn btn-secondary btn-embossed enable-bt...原创 2015-06-18 10:31:10 · 1212 阅读 · 0 评论 -
你所不知道神奇的js replace正则表达式
var v = 'C9CFBAA3CAD0';console.log(v);var arr = v.split('');for (var i = 0; i < arr.length; i ++) { if (i % 2 == 0) arr[i] = '%' + arr[i];}console.log(arr.join(''));console.log(v....原创 2015-04-14 16:33:38 · 156 阅读 · 0 评论 -
Nodejs 微信开发之地理位置获取周边美食
1、wechat库git://github.com/node-webot/wechat.git2、微信google地理位置转换http://developer.baidu.com/map/wiki/index.php?title=webapi/guide/changeposition3、用户发送地理位置解析并返回周边美食（吃货口水。。） getNearFood(mess...原创 2015-04-12 16:55:52 · 470 阅读 · 0 评论 -
Nodejs 微信开发之语音识别
1、Nodejs wechat库git://github.com/node-webot/wechat.git2、微信语音识别功能: http://mp.weixin.qq.com/wiki/2/f2bef3230362d18851ee22953abfadde.html3、进行开发 processVoice = function(message, req, res) {...原创 2015-04-12 16:45:38 · 737 阅读 · 0 评论 -
Nodejs 微信开发之颜值测评，面部识别
1、Nodejs module库 git://github.com/node-webot/wechat.git2、微信公众号3、Nodejs开发颜值测评正式开始原创 2015-04-12 16:38:10 · 232 阅读 · 0 评论 -
js正则中使用变量
angular.forEach(v, function(value, key) { var result; // 1. new RegExp(keyword, "gi"); 2. eval("/" + keyword+ "/gi") if (result = value.match(eval('/'+keyword+'/gi'))) { key = key.repl...原创 2015-01-15 16:45:13 · 1403 阅读 · 0 评论 -
Angularjs / js 正则格式化银行卡号
app.filter('splitNumberFilter', [function() { return function(content) { return content ? content.replace(/\s/g,'').replace(/(\d{4})(?=\d)/g,"$1 ") : content; }}]); // j...原创 2014-12-31 18:28:50 · 283 阅读 · 0 评论 -
js 打开新的标签(页面)，实现A标签功能
function jumpToUrl(url, newTab) { if (url) { if (newTab) { window.open(url, '_blank'); } else { location.href = url; } } }原创 2014-12-22 14:43:04 · 2299 阅读 · 0 评论 -
js setTimeout实现setInterval递归定时器
var queryTime = 0;var queryResultTimeout = null;var llPayQuery = function(payOrderNo) { ++queryTime; if (queryTime < 10) { queryResultTimeout = setTimeout(function() { llPayQ...原创 2014-12-09 15:33:22 · 2119 阅读 · 0 评论 -
js版 判断重大节日(国庆、春节)前后一周状态
var holiday = {};function inNationalDay(date) { var result = { beforeNationalDay: false, duringNationalDay: false }; if (date) { var month = date.getMonth() + 1, d...原创 2014-12-02 11:22:43 · 824 阅读 · 0 评论 -
js日期比较，当前时间是否在两个日期之间
var x = new Date('2015-05-25');var y = new Date('2015-05-25');// 1、比较两个日期大小if (x.getTime() == y.getTime()) { It'll be true;}// 2、比较两个日期大小// anything involving '=' should use the '+...原创 2014-11-21 17:14:25 · 271 阅读 · 0 评论 -
js日期比较，当前时间是否在两个日期之间
var x = new Date('2015-05-25');var y = new Date('2015-05-25');// 1、比较两个日期大小if (x.getTime() == y.getTime()) { It'll be true;}// 2、比较两个日期大小// anything involving '=' should use the '...原创 2014-11-21 17:11:41 · 466 阅读 · 0 评论 -
AngularJs 父子级Controller传递数据
<div ng-controller="MyAccountCtrl"> <div ng-controller="TransferCtrl"> ............. </div></div> // 子级传递数据给父级// 子级传递$scope.checkLoggedIn ...原创 2014-11-11 17:05:22 · 187 阅读 · 0 评论 -
js一行代码判断是否是闰年
方法描述Date()返回当日的日期和时间。getDate()从 Date 对象返回一个月中的某一天 (1 ~ 31)。getDay()从 Date 对象返回一周中的某一天 (0 ~ 6)。getMonth()从 Date 对象返回月份 (0 ~ 11)。getFullYear()从 Date 对象以四位数字返回年份。 ...原创 2014-11-11 12:01:08 · 680 阅读 · 0 评论