前端
悠悠倾我心
这个作者很懒,什么都没留下…
展开
-
【百度地图API】搜索建议,如何使用suggestion--下拉列表方式的搜索建议
摘要: 百度地图上有一个很强大的搜索建议功能,以下拉列表的方式展示出来。比如,输入“百度”,下拉列表中就会出现“北京市海淀区百度在线网络技术(北京)有限公司”。这个如何实现呢?让我们一步一步来学习。--------------------------------------------------------------------------------------------转载 2016-03-07 16:09:35 · 2337 阅读 · 0 评论 -
25种提高网页加载速度的方法和技巧
哦先生随笔 - 82, 文章 - 33, 评论 - 12, 引用 - 025种提高网页加载速度的方法和技巧您希望加快网页的加载速度吗?了解如何通过缩短加载时间来改善拨号上网用户的浏览体验,在某些情形下,加载时间最多可缩短 80% 引言不是所有人都能够使用高速 Internet 连接。即使每个人都能够使用高速网络,也会因为各种各样的原因使您的 Web 应用程序看起来运行缓慢。在这个宽带速度不断提高的转载 2017-11-17 16:18:32 · 2753 阅读 · 0 评论 -
怎么让iframe加载内容速度更快,用target而不是用js更改iframe的src
$(".expmenu a").attr("target","main_frame"); //这样比用js更改iframe的src加载内容更快原创 2017-11-17 16:33:46 · 7272 阅读 · 1 评论 -
判断 iframe 是否加载完毕
我能想到的有以下几种方式: 方法一、jQuery load() Js代码 var frm = document.getElementById('myiframe'); $(frm).load(function(){ // 等iframe加载完毕 dosomething(); });转载 2017-11-16 10:13:06 · 3053 阅读 · 0 评论 -
iframe高度自适应的6个方法
原文链接:http://caibaojian.com/iframe-adjust-content-height.htmlJS自适应高度,其实就是设置iframe的高度,使其等于内嵌网页的高度,从而看不出来滚动条和嵌套痕迹。对于用户体验和网站美观起着重要作用。如果内容是固定的,那么我们可以通过CSS来给它直接定义一个高度,同样可以实现上面的需求。当内容是未知或者是变化的时候。这个时候又有几种转载 2017-11-16 10:15:30 · 4706 阅读 · 1 评论 -
iframe 自适应高度,更改内容时iframe高度怎么根据新的内容高度自动改变
//code from http://caibaojian.com/iframe-adjust-content-height.htmlfunction reinitIframe(){var iframe = document.getElementById("test");iframe.height = 0; //只有先设置原来的iframe高度为0,之前的iframe高度才不会对现在原创 2017-11-16 15:38:35 · 6751 阅读 · 6 评论 -
JS - Promise使用详解2(ES6中的Promise)
2015年6月, ES2015(即 ECMAScript 6、ES6) 正式发布。其中 Promise 被列为正式规范,成为 ES6 中最重要的特性之一。1,then()方法简单来讲,then 方法就是把原来的回调写法分离出来,在异步操作执行完后,用链式调用的方式执行回调函数。而 Promise 的优势就在于这个链式调用。我们可以在 then 方法中继续写 Promise转载 2018-01-17 15:09:09 · 816 阅读 · 0 评论 -
JS - Promise使用详解1(基本概念、使用优点)
一、promises相关概念promises 的概念是由 CommonJS 小组的成员在 Promises/A 规范中提出来的。1,then()方法介绍根据 Promise/A 规范,promise 是一个对象,只需要 then 这一个方法。then 方法带有如下三个参数:成功回调失败回调前进回调(规范没有要求包括前进回调的实现,但是很多都实现了)。转载 2018-01-17 15:10:05 · 568 阅读 · 0 评论 -
JS - Promise使用详解3(jQuery中的Deferred)
上文我介绍了 ES6 中的 Promise,它完全遵循 Promises/A 规范。而我们熟悉的 jQuery 又有自己的 Promise 实现:Deferred(但其并不是遵循 Promises/A 规范)。本文就讲讲 jQuery 中 Promise 的实现。一、Deferred对象及其方法1,$.DeferredjQuery 用 $.Deferre转载 2018-01-17 15:11:21 · 342 阅读 · 0 评论 -
解决微信小程序 app onLaunch异步请求,在没有请求执行完就加载首页了的问题
今天在调试小程序的过程中,进了一个坑,程序加载需要先获取用户信息,然后保存到Storage中,然后首页去Storage取信息,根据用户信息去查本地服务器数据列表,可是发现第一次进入的时候,数据总是加载不出来,只有再次进入才有数据。调试之后发现app.js onLaunch并没有先于onLoad 执行完再执行,而是onLoad先执行完,所以第一次进入的时候根本没有Storage,追了下原因是因为wx转载 2018-01-18 15:01:31 · 36335 阅读 · 5 评论 -
微信小程序异步处理详解
本文实例为大家分享了微信小程序异步处理的具体方法,供大家参考,具体内容如下直接看问题:然后看打印的结果:根据上面两图可以看出,代码上先执行的网络请求,再执行打印的变量,但是从下面打印的结果来看,先出结果的是执行打印变量的函数(aafn函数),再打印出网络请求success的回调里返回的数据和赋值后的变量的值;为什么先执行的aafn,并且打印的值没有赋值上?因为wx.request是一个异步的请求,转载 2018-01-18 15:11:15 · 15916 阅读 · 1 评论 -
蓝鸟bluebird Promise库介绍
在小程序开发中,使用Promise可以显著减少代码,提高代码的简洁性。下面这篇文章转自博客园吕大豹的大白话讲解Promise,文章写的很好,简明易懂,值得一读。全文转录于此,略有部分删改。这个库在浏览器上,在小程序中是通用的。主要有以下四种用法:使用then实现链式调用:依次完成串行的任务,前一个任务作为下一个任务的条件和基础使用Promise.all实现并行调用,子任务全部完成视为完成,这些子任转载 2018-01-19 09:28:34 · 6879 阅读 · 0 评论 -
如何把函数都用promise方式实现?
我觉得这是一个好问题。当前在我所在的公司,只要用 NodeJS 进行开发,从框架到具体的应用实例到工具,已经全部迁移到以 promise 为中心开发方式。带来的好处是大家都使用 promise 进行异步方案的解决,不用再考虑回调( callback )。但是事情总有特例,现实npm上,还是有很多的库还没有用promise进行实现,如:node 中的标准库。这样让使用者很难受,用着用着 promis转载 2018-01-19 09:42:11 · 1082 阅读 · 0 评论 -
workman用户组
关于用户分组socket−>on(′login′,function(socket->on('login', function (socket−>on(′login′,function(uid)use($socket){global $uidConnectionMap;global $db;uid1=explode(′,′...转载 2018-09-29 19:33:02 · 389 阅读 · 0 评论 -
S中设置window.location.href跳转无效
问题情况JS中设置window.location.href跳转无效代码如下:[html] view plain copy script type="text/javascript"> function checkUser() { if(2!=1){ window.l转载 2017-06-21 10:13:17 · 1775 阅读 · 0 评论 -
textarea中多出N多莫名空格的解决方法
标签定义多行的文本输入控件。文本区中可容纳无限数量的文本,其中的文本的默认字体是等宽字体(通常是 Courier)。若果不作设置或不设定wrap,和之间的文字和符合、空格等都会被当作textarea的值,在html页面上展现出来。为了避免标签莫名多出来N多空格,应该紧跟靠拢着写;即,把如下形式:[html] view plain co转载 2017-05-12 10:22:33 · 1894 阅读 · 0 评论 -
layui select change事件
搜索form.js v.val(a).removeClass("layui-form-danger")在后边添加一条 v.trigger('change')这样jquery 的change事件就可用了原创 2017-05-03 18:38:17 · 3402 阅读 · 0 评论 -
关于一段js中出现多次使用setInterval(出现计时累加)的问题
有这样一个需求:有一组数据需要展示,一共多少不限。5秒钟显示一组,整个数据显示完全后从头开始显示,即轮循。鼠标放上去后停止切换,鼠标移开后接着切换。我用的方法是:所有数据一次全部取出来,然后进行js分组。使用js的setInterval。这个问题一定要切记使用,非第一次使用一定要:window.clearInterval(xunhuan);处理不好的话,尤其是多次使用,不然转载 2016-02-23 17:33:34 · 14286 阅读 · 0 评论 -
web页面实现拨打电话,发短信等功能
最近逍遥乐在寻找手机网页调用系统短信发送短信的功能,用于分享和发送信息。找了一圈,找到了,这里分享出来,记录一下!如果需要在移动浏览器中实现拨打电话,调用sms发短信,发送email等功能,移动手机WEB页面(HTML5)Javascript提供的接口是一个好办法。采用url href链接的方式,实现在Safari ios,Android 浏览器,webos浏览器,塞班浏览器,IE,Op转载 2016-02-15 15:26:35 · 5245 阅读 · 0 评论 -
js返回上一页并刷新的方法
js返回上一页并刷新的几种方法:返回上一页 刷新当前页面 返回前两页 返回上一页并刷新 (该方法不会再提示让你重新提交表单)返回上一页转载 2016-03-30 15:17:09 · 1357 阅读 · 0 评论 -
html5 input type=datetime-local 无法赋值问题
T在php的date函数中格式化后是CST 所以不能写成date('Y-m-dTH:i:s',time())得把把年月日和时间用date函数分别格式化 再用大写T分割开 放在value里 就可以了echo(date('H:i:s',time())."T".date('H:i:s',time()));php代码:原创 2016-06-30 10:23:23 · 11078 阅读 · 1 评论 -
jquery 动态添加的元素绑定事件使用on
1:$('.class').on("click",function(){……});相当于$('.class').bind("click",function(){……});2:$(document).on("click",'.class',function(){……});相当于$('.class').live("click",function(){……});js生成的元素绑定事件必须使用live原创 2016-06-16 15:34:16 · 544 阅读 · 0 评论 -
限制input输入类型(多种方法实现)
1.只能输入和粘贴汉字 3.只能输入和粘贴数字 5.数字脚本 6.只能输入数字和英文 8.简易禁止输入汉字 输入法不转换,但可粘贴上 9.输入数字和小数点 10.只能数字和"-",例如在输入时间的时候可以用到 JS控制 input 输入字符限制 ENTER键可以让光标移到下一个输入框转载 2016-06-17 09:25:43 · 6809 阅读 · 1 评论 -
workman定时器使用
workerman 定时器例子,可单独使用,稍加改善可以开启一个守护进程,用来做一些定时发布等等类似的任务,使用方便,不需要额外的扩展或者类似 crontab 等工具。以下是测试程序:[php] view plain copyuse \Workerman\Autoloader; use \Workerman\Lib\转载 2016-10-21 14:43:48 · 1048 阅读 · 0 评论 -
workman定时器使用2
From: http://doc3.workerman.net/worker-development/add.htmladdint \Workerman\Lib\Timer::add(float $time_interval, callable $callback [,$args = array(), bool $persistent = true])定时执行某个函数或者类方转载 2016-10-21 14:45:41 · 1829 阅读 · 0 评论 -
ZeroClipboard2.0 复制功能 (同一页面多个复制按钮)
使用: 1、引入js文件,记得先引入jqueryscript type="text/javascript" src="ZeroClipboard.js">script> 2、然后配置swf文件的路径ZeroClipboard.config( { swfPath: "http://YOURSERVER/path/ZeroClipboard.swf" } ); 3转载 2016-09-27 17:46:57 · 1411 阅读 · 0 评论 -
js跨域的几种解决方案
这里说的js跨域是指通过js在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同,都被当作是不同的域。下表给出了相对http://store.company.com/dir/page.html同源检测的结果:QQ截图20130613230631要解决转载 2016-11-07 08:57:55 · 954 阅读 · 0 评论 -
html手机端调用手机相册和摄像头
在手机端调用手机摄像头和相册如果只想调用相册或者选择文件 如果想调用摄像头原创 2016-11-30 10:48:20 · 15353 阅读 · 4 评论 -
微信JS-SDK之图像接口开发详解
微信JS-SDK之图像接口开发详解时间 2015-06-19 12:38:00 博客园精华区原文 http://www.cnblogs.com/it-cen/p/4587812.html主题 JavaScript由于现在手头的项目中有一个上传证件照认证的功能(手机端),之前的思路是直接点击上传,然后直接将图片上传到服务器去,这篇文章有讲到( http://w转载 2017-01-19 14:39:19 · 8389 阅读 · 1 评论 -
jquery实现点击其他区域时隐藏下拉div和遮罩层的方法
本文实例讲述了jquery实现点击其他区域时隐藏下拉div和遮罩层的方法。分享给大家供大家参考,具体如下:为了更好的用户体验,在做下拉获取其他有弹出层的时候,当展开下拉时,要做到点击其他区域也能自动隐藏收起下拉和遮罩层,这样的效果用一段js就可以了。以下图为例的一个下拉菜单为参考:效果实现源码:?123456789转载 2017-02-21 09:02:15 · 3188 阅读 · 0 评论 -
使用ZeroClipboard 复制指定内容到剪切板
有些时候,我们希望让用户在网页上完成某个操作就能自动将指定的内容复制到用户计算机的剪贴板中。但是出于安全原因,大多数现代浏览器都未提供通用的剪贴板复制接口(或即便有,也默认被禁用)。只有IE浏览器可以通过如下方式来进行复制。window.clipboardData.setData(“Text”, “这里是需要复制的文本内容”)想要实现跨浏览器的复制功能,我们就可以使用 ZeroClipboar...转载 2018-10-24 21:21:04 · 497 阅读 · 0 评论