在使用 code-prettify 的时候，有遇到一个 BUG； 当时使用的是国内一个博客提供给的链接，下载来后，有问题的； 问题：当从 webstrome 内复制的代码，直接复制近 WLW 的时候，行

IOS 垂直拍照的时候会遇到，PC 端读取的时候，逆时针旋转了 90 度的问题； 安卓、PS 处理的，相册选择截图等不会出现这个问题； 场景说明： 比如原图是：h

在群里看到一个人发的问题； 看着很唬人的，仔细看下，发现是一个关于计算优先级的问题； 1 2 3 4 var i=4; if(i+=66&&i++){ console.log(i); } 这个题目看着唬人，其实不难的，但是对基础

需求描述：点击 A 页面的 a 标签，跳转到 B 页面，并展现 B 页面中指定的选项卡； 1）、最基础的控制是，A 页面的 a 标签，连接里面，加上#idName,

console彩色字体，因为花哨，没啥用，而且一般都用于调试的，也没人搞那些； 因为经常 F12 下看网站，所以看到彩色的console，一下吸引了；

推荐使用document.activeElement.blur(); 这个方法来处理这种禁止弹出手机默认键盘的操作 看一下 DEMO： https://zhubangbang.com/demo/disable-the-phone-default-keyboard/index.html 可以手机上

场景描述： 使用 JavaScript 改变输入元素的值，例如使用 jquery 的.val()，将不会触发 change 事件。 此时如果监听 change 事件，是不会触发的 解决办法；在 jquery 设置 val 的时候；手

转的 1、隐藏地址栏 很多文档介绍通过调用 window.scrollTo(0, 1); 就可以隐藏地址栏，但是通过实践发现隐藏地址栏还是真够坑爹的啊，只调用这一句话一般不会起作用，我们需

判断某个值是不是一个 object 的 key； 可以使用 for…in 的写法； 也可以使用 Object.keys() 配合 indexof 来实现，而且这个方法更效率，更优雅； 代码如下 1 2 3 4 5 6 7 8 9

sleep 使用场景 很多编程语言里都有 sleep()，delay() 等方法， 它能让我们的程序等待 N 秒后再进行后续的操作。 JavaScript 里有 setTimeout() 方法来实现设定一段时间

场景：页面开始会有一个对象数组 objAry，每隔一段时间会从服务器上请求到一个 objAry1 的对象数组 要求：以 price 为基础，相同的 price 的对象，obj1 是最新的

根据中华人民共和国国家标准 GB11643-1999 写的身份证验证 身份证号合法性验证 支持 15 位和 18 位身份证号 支持地址编码、出生日期、校验位验证 中华人民共和国的身份证的

掌握 JS 这门语言和跨浏览器编码问题是称为 WEB 开发者的重要条件，但并不是全部，如果想要写出高质量的代码，还需要包括下面的因素 测试 性能分析 调试技巧；

用 javascript 的正则表达式判断输入的网址是否正确； 1 2 3 4 5 6 7 8 9 10 11 isUrl:function(value){ var url = $.trim(value); if (!url) { return false; } if (/^((https?|s?ftp):\/\/)?(((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)?(\?((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(#((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?$/i.test(url)) { return true; } else { return false; } }

于是在自己以前的校验中，又更新了一些浏览器判断； 在线检测，点开后就可以看到你当前浏览器的状况了； https://zhubangbang.com/demo/get-ua/index.html 备注：欧朋已经用 webkit 的内核了，以后写 CSS3 也不需

取出某一个对象数组中，某一个 key 最大值所在的 item；如果最大值有两个，则取索引靠前的那个 item； 因为有很多条数据，而且频繁获取，需要性能做

变量保存的数据可以在需要时设置、更新或提取。赋给变量的值都有对应的类型。 变量的定义和赋值 var a=“hello word” 英文全称是 variabl

解决问题：简化页面中的搜索功能的代码实现； 应用场景：很多模块，大多数的搜索逻辑都是差不多的 ；比如输入框搜索、按照月份搜索，按照 Selected/tab 筛选；搜索在

场景：深度图的数据整理； 因为是频繁更换的，所以执行效率一定要优化到最好，功能实现只是最基本的要求； 如下图片的应用场景，很多炒股炒币的人应该非

模拟后台返回的 JSON 数据，动态创建数据； 默认第一篇图片要加载； 剩下的图片，滚到的时候再加载；如果继续滚动，之前加载过的图片，不进行重复加载； 显示

复利计算的场景 生活中经常涉及到复利计算的情况，比如货币贬值情况，平均工资的增长情况，投资回报情况等等。 我是在杭州交的社保，后面可能去上海上班

对象定义的枚举 / 是否可修改等 如果显示的aaa.xxx = 22; 这么写属性，那么会隐势的操作，让该属性，可读，可写，可枚举。 对比如下； let options = {}; let _address =

页面效果 paging+loading+HTML； 点击触点（筛选条件），切换不同的状态（AJAX 获取）；并且进行分页显示； 引入的 CSS 文件 1 2 <link h

封在 Tool.prototype 上的；在 tool 里装了一个属性； this.flag = “getElementsByClassName” in document; 这个在 IE678 是不兼容的；如果这个是 true 说明是标准浏览器； 如

URL 路径是前端业务中，会碰到的一个东西； 下面的是一个处理 URL 的（为了演示方便，封装格式做了改变）； 里面有下面几个方法 1、getParam：参数是

下来刷新是常见的需求； 需要引入 1 2 var juicer = require("juicer"); var scrollLoad = require("scrollLoad"); 核心代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41

需要服务器允许跨域； 如果对方设置了防盗链； 则会遇到跨域的问题； 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 var oImg=document.getElementById("target"); var testUrl="http://dl2.iteye.com/upload/attachment/0119/9050/985bb28a-0ce6-36df-83ac-0a6781c9691a.png"; function convertImgToBase64(url, callback, outputFormat){ var canvas = document.createElement('canvas'), ctx = canvas.getContext('2d'), img

这个思路是来源用 % 的方法来做的； 以前用 % 做过转秒的； 现在用来做倒计时方法； 需要用到的方法是 getTime：获取距离 1970 年 1 月 1 日午夜 00：00

query 的方法， 1 var minIndex= $.inArray(minH,arr); 这里的 $.inArray 是获取一个元素在数组里面的索引值； 第一个参数是判断的元素， 第二个参数是所在的数组； 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 $boxs.each(

原生 JS 中，对事件对象 (event) 有 2 种主要的方法； stopPropagation 和 preventDefault 第一个是禁止冒泡，第二个是阻止默认行为 注：这是原生 JS 的方法，并非 jQuery 的方法，event 形参可以为

JS 在网页中的宿主是浏览器； 浏览器中 window 是顶级作用域； 以前在研究 JS 中类的概念时候也有看； 但是没有逐个属性的查看； 今天输出来，逐个看下，查漏补缺；

场景 2019 年初的时候，做区块链浏览器项目； 项目地址：http://explorer.canonchain.com/ 需要做的工作是，前端展示，接口

用 jquery 获取元素的宽度； 元素的 宽度是不写死的，自动以 img 的宽度为基准计算；但是获取到的不是准确的数字； 如果不写死宽度直接获取是不准确的 有 2 种方式来

pc 端项目，会遇到一些需求，需要拿到用户的 ip 地址，id，城市名这些信息； 场景：根据用户的地址，选择收货地址的时候，可以直接定位到当前省市，方便

表单是向服务器提交数据用的，比如用户注册；action=’’是提交到哪里的意思： 语法如下： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <form

一个 404 错误页； 有一个返回上一步；用的是和 javascript:; 一样思路的代码；用的是 href="javascript:history.back(-1)" 代码如下 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33

判断 IE 的一些兼容性； 1 2 var isIE=!!window.ActiveXObject;//判断是不是IE； var isIE6=isIE&&am

下面是正则表达式的验证； 别人分享的；需要手动写一套 substr 函数 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42

阿拉伯数字 123456789 转为 ，财务数字零壹贰叁肆伍陆柒捌玖。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 function toChinaNumber (options) {

其实这个属于很广泛和宏观的观点；我个人认为面向对象编程是以世界作为基点；自然界中万物皆对象，对象又分为很多类，我们生存的自然界中存在人类、动

判断手机浏览器的方法； 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 //判断手机浏览器的方法 var mbType = {}; var ua = navigator.userAgent; mbType.webkit = ua.match(/WebKit\/([\d.]+)/); mbType.android = ua.match(/(Android)\s+([\d.]+)/); mbType.ipad = ua.match(/(iPad).*OS\s([\d_]+)/); mbType.iphone = !mbType.ipad && ua.match(/(iPhone\sOS)\s([\d_]+)/); mbType.ipod = ua.match(/(iPod.*OS)\s([\d_]+)/); mbType.webos =

核心： $(“body”) 的获取问题 很久没有写官网页面了；最近接一个新需求，做一个区块链的官网宣传页； 兼容主流浏览器即可； 我做的兼容到 chro

点击呼起 APP 非常简单，和打电话类似（点击打电话是 a 标签的：tel:1xxxxxxx) 1 <a href="weixin://scanqrcode" id="open-weixin"&g