动态创建JS WORKER
window.URL = window.URL || window.webkitURL;
const response = `self.onmessage = ({ data: { data } }) => {
const ...
JavaScript实现之二分查找
二分查找法的基本实现在二分查找法的基本实现中，取 mid 值的时候，向上取整和向下取整都是可以的，没有问题。二分查找法的递归实现:/**
* let left = 0;
* left right = arr.length - 1;...
火狐浏览器拖拽问题
html5的拖拽，用了preventDefault防止弹出新页面，但在火狐下不管用？解决办法：document.body.ondrop = function (event) {
event.preventDefault();
...
JSSDK微信自定义分享[修正SPA 分享的bug]
使用微信JSSDKAPI步骤一：绑定域名先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。如果你使用了支付类接口，请确保支付目录在该安全域名下，否则将无法完成支付。备注：登录后可在“开发者中心”查看对应的接...
HTML5 Audio 对象（属性、方法、事件）
HTML5 Audio 对象属性属性描述audioTracks返回表示可用音频轨道的 AudioTrackList 对象。autoplay设置或返回是否在就绪（加载完成）后随即播放音频。buffered返回表示音频已缓冲部分的 Tim...
使用 Prism.js 实现漂亮的代码语法高亮
最近有好几个人问我使用的是哪个代码高亮插件？其实我并没有使用 WordPrees 插件，而是直接使用了一个 JavaScript 库 —— Prism 是一款轻量、可扩展的代码语法高亮库，使用现代化的 Web 标准构建。为什么选择 P...
jsonp接口xss防范
只要在header里输出类型设置为javascript即可：header('Content-type: text/javascript;charset=utf-8');
纯手写 JQ+CSS 实现轮播图功能代码
代码实现HTML <div class="baner_box">
<ul class="baner">
<li><img src=&q...
纯JS消息警告框插件：SweetAlert.js
前言SweetAlert是一款神奇的javascript弹出消息警告框插件。来通过一张gif图片看看SweetAlert的效果：使用方法要使用该插件，首先要在html的header中引入以下文件：<script src=&quo...
代码高亮插件 prism.js 支持pjax无刷新
prism.js 是我最喜欢的一个代码高亮插件，关于这个插件的介绍看这里这是一个效率非常高, 而且代码量少, 且高亮样式可以定制的非常不错的一款代码高亮插件!最初看到这款插件的时候就觉得这款插件非常不错, 最主要的是高亮效果非常合意....