WebSocket实现

1. 什么是WebSocket? WebSocket 是 HTML5 开始提供的一种在单个 TCP 连接上进行全双工通讯的协议。 可以用来替代长轮询(long polling);long polling 就是客户端不停地向服务器发送请求以获取最新的数据信息,比如说用ajax轮询就是一种方式。 应用场景:一些高实时的应用场景,比如社交聊天、弹幕、多玩家游戏、协同...

阅读全文 »

PACE:页面自动加载进度插件

1. Pace.js pace是一个页面自动加载进度的js插件,而且使用特别方便。 主页地址:PACE Github地址:PACE 官方也提供了很多加载样式,都很不错,例如: 更多主题可以在这里看:pace/docs 并且提供wordpress插件:PACE WordPress插件 2. 使用 2.1 基本用法 只需要引入一个pace.js文件和一个主题文件,就自动集成了该功能...

阅读全文 »

QRCode.js:基于JQuery的生成二维码JS库

1. QRCode.js QRCode.js是一个二维码生成javascript库;支持跨浏览器的HTML5 Canvas和表格标签的DOM操作;并且不依赖其它的库或拓展。 主页:QRCode.js Github:davidshimjs/qrcodejs 2. 用法 2.1 基础用法 2.2 传参用法 2.3 调用函数 3. 适用范围 之前用PHP QR Code来生成二维码,发现通过这个PHP插件来生成,有些小问...

阅读全文 »

JS指定对应id内容复制到粘贴板(Ctrl+C效果)

最近捣鼓一个小问题,搞一个按钮,点击复制url到黏贴板,但是不是当前页面url,而是对应一个元素的url,且一个页面会有多个url。一开始找到一个方法,但是竟然只兼容IE浏览器,神奇了,竟然有只兼容IE的东西。后来发现一个zeroclipboard.js这个插件,但是怎么也搞不出那个效果,有点麻烦。   最后翻到了一个js封装...

阅读全文 »

php地理信息搜索功能——接入高德地图Web服务API,关键字搜索

搞了一个基于高德地图Web服务API,关键字搜索服务的东西,先来效果图: 搜索不到内容时: 接下来是代码,用的Tp框架;前端代码,样式就省略了: js部分代码: 后台php代码:

阅读全文 »

用Jquery实现动态添加和删除tr行

这里放一个,用Jquery实现动态添加和删除tr行的小例子,之前自己琢磨的,毕竟js不熟,摸索中,下面是实现的样子,当然没有样式: 点击添加按钮可以添加一行: 点击删除可以删除本行: 基本功能是这样,下面是代码:

阅读全文 »

用JS来获取当前日期的代码

如果要用js来获取当前的时间,比如”2016年4月7日星期四”,我们可以这样写:

阅读全文 »

JS多选弹出选择框代码实例

最近在搞一个多选的功能,发现实现下拉框多选比较麻烦,网上搜是有一些js插件什么的可以实现,但是比较麻烦。于是搞了这么一个JS的弹出框,进行多选提交后显示在页面上。 效果是这样的,初始的样式如下,可点击选择: 点击选择后弹出一个选择框,多选的: 点击选择将同步更新到页面上,然后进行后续操作: 页面代码 ...

阅读全文 »