随笔分类 - JavaScript
1995年由Netscape公司的Brendan Eich最初设计的一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言。
摘要：/** * @function Determine if the image has been loaded. * @param img,callback */ function imgIsLoaded(img, callback) { var timer = setInterval(functio
阅读全文
摘要：/** * 如果target(也就是FirstOBJ[key])存在， * 且是对象的话再去调用deepObjectMerge， * 否则就是FirstOBJ[key]里面没这个对象，需要与SecondOBJ[key]合并 */function deepObjectMerge(FirstOBJ, S
阅读全文
摘要：/** * @function Monitor whether the document tree is loaded. * @param fn */function domReady(fn) { if (document.addEventListener) { // 标准浏览器 document.
阅读全文
摘要：如果页面a.html引用了b.js，b.js里的方法需要在页面资源加载完成后执行，即在window.onload里执行；这时如果a.html里使用了window.onload方法，b.js就不能重复调用这个方法了，因为window.onload不能同时使用多个，否则后者会覆盖前者。可以用如下方法解决
阅读全文
摘要：function setCookie(cookieName, cookieValue, expires) { // 设置Cookie function getCookieName(cookieName) { //获取并返回与 cookieName 同名的 cookie 名称，允许大小写不同,如果不存
阅读全文
摘要：/** * @function ajax request * @fields ajaxName:请求名称，method：请求方法，headers:setRequestHeader自定义部分,url：接口地址，async：是否异步请求，withCredentials：是否支持跨域发送cookie，da
阅读全文
摘要：const REGEX = /(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2}):(\d{2})/ /** * @function format time * @param val, format * @return {string} * @example * * * {{item.time | f...
阅读全文
摘要：例子： let cols = document.querySelectorAll('ul li') [].forEach.call(cols, function (col, index) { // TODO } 分析： ① []是一个空数组，无论这个数组里的最初值是什么，它们都不会被使用到； ② f
阅读全文
摘要：众所周知，在项目中如果在资源加载请求还未完成的时候，由于阻塞机制，会出现首页白屏的问题，产生很差的用户体验。本文以react为例，提供一个解决方法。 解决原理：使用 onreadystatechange 去监听 readyState，在资源加载完成之前加载一个只有框架的静态页面，页面不请求数据。当数
阅读全文
摘要：1、什么是异步(Asynchronous)编程？ 相对于同步(Synchronous)而言,异步就是后一个任务不需要等待前一个任务结束就执行，而前一个任务结束以后执行回调函数。 最常见的异步编程有setTimeout函数、 ajax请求等。 如： for (var i = 1; i <= 3; i+
阅读全文
摘要：说一下以前遇到的一个问题： 假设有一张小图，要实现点击查看大图的功能，而这个图的宽高可能会超过浏览器的宽高，这时候我们通过JS来改变图片的宽高，从而实现图片在浏览器居中显示且不滚屏。 方法如下： 首先你要给小图添加一个点击事件，不多赘述。
阅读全文
摘要：document.addEventListener('touchmove', function(e) { e.preventDefault();});
阅读全文
摘要：一、判断当前所在系统 二、判断当前浏览器内核 三、判断浏览器是否安装 Adobe Flash Player
阅读全文
摘要：DEMO: <!DOCTYPE html><html> <head> <title>滚动播报</title> <meta charset="UTF-8"> <style> .content { height: 60px; background-color: #2c2c34; overflow: hi
阅读全文
摘要：1.获取当前时间的 时间戳 Date.parse(new Date()) 结果：1486347562000 2.获取当前 时间 new Date() 结果：Mon Feb 06 2017 10:19:42 GMT+0800 (CST) 3.将 时间戳 转换成 时间 new Date(14863475
阅读全文
摘要：如果一个页面有个浮动的二维码，当页面窗口缩小时二维码会遮盖住页面内容，这时候可以根据浏览器大小来决定显示方式： 1.当页面宽度足够大时，完全显示二维码， 2.当页面窗口缩小时，这时候需要显示一个按钮，点击按钮才显示二维码 这时候需要添加onresize来监听窗口变化，以此来刷新页面： window.
阅读全文
摘要：test.json: { "one": [ { "name": "黑默丁格", "car": "鲁LLL608", "mobil": "15666666666", "mount": "1", "time": "2016-07-13", "cat": "保养", "state": "有效", &quo
阅读全文
摘要：微信开发的时候，如果页面顶部有轮播图，底部有导航栏，中间是栏目，那么让中间的栏目，如何根据设备的高度，来进行自适应的填充呢？ 首先想到的是运用媒体查询，但是媒体查询效果差，效率低，所以就运用jQuery写法来进行实现。 效果图： 首先知道顶部的轮播图的固定高度是200px，底部的导航栏固定高度是50
阅读全文
摘要：主要流程： 点赞—>判断当前设备IP是否对当前文章有过点赞记录—>若有记录，弹出提示“已经赞过了”; 若无记录，当前文章点赞数+1，并在记录设备IP点赞记录的表中插入信息。 文章表 article 必不可少的字段：article_id(必须设置为自增), cat_id, praise 图文表 ima
阅读全文
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-COMPATIBLE" content="IE=edge"> <style> .choose { margin: .5em 0; b
阅读全文
