博客
这里发布本站的最近动态
google-code-prettify 中代码只有 1 的 BUG
   1 分钟阅读
在使用 code-prettify 的时候,有遇到一个 BUG; 当时使用的是国内一个博客提供给的链接,下载来后,有问题的; 问题:当从 webstrome 内复制的代码,直接复制近 WLW 的时候,行
iphone-IOS 竖直拍照被旋转,image-orientation 让图片自动旋转
   3 分钟阅读
IOS 垂直拍照的时候会遇到,PC 端读取的时候,逆时针旋转了 90 度的问题; 安卓、PS 处理的,相册选择截图等不会出现这个问题; 场景说明: 比如原图是:h
JavaScript \&& 和 += 运算符优先级问题
   2 分钟阅读
在群里看到一个人发的问题; 看着很唬人的,仔细看下,发现是一个关于计算优先级的问题; 1 2 3 4 var i=4; if(i+=66&&i++){ console.log(i); } 这个题目看着唬人,其实不难的,但是对基础
JavaScript A 页面控制 B 页面的函数执行
   1 分钟阅读
需求描述:点击 A 页面的 a 标签,跳转到 B 页面,并展现 B 页面中指定的选项卡; 1)、最基础的控制是,A 页面的 a 标签,连接里面,加上#idName,
JavaScript console 彩色字体
   1 分钟阅读
console彩色字体,因为花哨,没啥用,而且一般都用于调试的,也没人搞那些; 因为经常 F12 下看网站,所以看到彩色的console,一下吸引了;
JavaScript HTML5 页面点击 input 禁止弹出手机默认键盘的几种解决办法
   3 分钟阅读
推荐使用document.activeElement.blur(); 这个方法来处理这种禁止弹出手机默认键盘的操作 看一下 DEMO: https://zhubangbang.com/demo/disable-the-phone-default-keyboard/index.html 可以手机上
JavaScript input 值改变的时候,没有触发 jquery 的 change 事件
   1 分钟阅读
场景描述: 使用 JavaScript 改变输入元素的值,例如使用 jquery 的.val(),将不会触发 change 事件。 此时如果监听 change 事件,是不会触发的 解决办法;在 jquery 设置 val 的时候;手
JavaScript mobile 开发总结
   12 分钟阅读
转的 1、隐藏地址栏 很多文档介绍通过调用 window.scrollTo(0, 1); 就可以隐藏地址栏,但是通过实践发现隐藏地址栏还是真够坑爹的啊,只调用这一句话一般不会起作用,我们需
JavaScript Object.keys() 配合 indexof 代替 for..in
   1 分钟阅读
判断某个值是不是一个 object 的 key; 可以使用 for…in 的写法; 也可以使用 Object.keys() 配合 indexof 来实现,而且这个方法更效率,更优雅; 代码如下 1 2 3 4 5 6 7 8 9
JavaScript sleep 实现
   1 分钟阅读
sleep 使用场景 很多编程语言里都有 sleep(),delay() 等方法, 它能让我们的程序等待 N 秒后再进行后续的操作。 JavaScript 里有 setTimeout() 方法来实现设定一段时间
JavaScript 两个对象数组的更新迭代
   2 分钟阅读
场景:页面开始会有一个对象数组 objAry,每隔一段时间会从服务器上请求到一个 objAry1 的对象数组 要求:以 price 为基础,相同的 price 的对象,obj1 是最新的
JavaScript 中国大陆身份证正则 15 位和 18 位,支持地址编码、出生日期、校验位验证
   4 分钟阅读
根据中华人民共和国国家标准 GB11643-1999 写的身份证验证 身份证号合法性验证 支持 15 位和 18 位身份证号 支持地址编码、出生日期、校验位验证 中华人民共和国的身份证的
JavaScript 代码测试的一些小方法
   1 分钟阅读
掌握 JS 这门语言和跨浏览器编码问题是称为 WEB 开发者的重要条件,但并不是全部,如果想要写出高质量的代码,还需要包括下面的因素 测试 性能分析 调试技巧;
JavaScript 判断 URL 是否正确
   1 分钟阅读
用 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; } }
JavaScript 判断用户的当前的浏览器
   2 分钟阅读
于是在自己以前的校验中,又更新了一些浏览器判断; 在线检测,点开后就可以看到你当前浏览器的状况了; https://zhubangbang.com/demo/get-ua/index.html 备注:欧朋已经用 webkit 的内核了,以后写 CSS3 也不需
JavaScript 取出对象数组中某一个 key 最大值所在的 item
   1 分钟阅读
取出某一个对象数组中,某一个 key 最大值所在的 item;如果最大值有两个,则取索引靠前的那个 item; 因为有很多条数据,而且频繁获取,需要性能做
JavaScript 基于 CMD(seaJs) 封装的通用搜索模块
   5 分钟阅读
解决问题:简化页面中的搜索功能的代码实现; 应用场景:很多模块,大多数的搜索逻辑都是差不多的 ;比如输入框搜索、按照月份搜索,按照 Selected/tab 筛选;搜索在
JavaScript 处理交易所的买卖盘深度图数据
   3 分钟阅读
场景:深度图的数据整理; 因为是频繁更换的,所以执行效率一定要优化到最好,功能实现只是最基本的要求; 如下图片的应用场景,很多炒股炒币的人应该非
JavaScript 处理后台动态返回数据的图片延迟加载
   3 分钟阅读
模拟后台返回的 JSON 数据,动态创建数据; 默认第一篇图片要加载; 剩下的图片,滚到的时候再加载;如果继续滚动,之前加载过的图片,不进行重复加载; 显示
JavaScript 复利计算杭州市50年以后的月平均工资
   4 分钟阅读
复利计算的场景 生活中经常涉及到复利计算的情况,比如货币贬值情况,平均工资的增长情况,投资回报情况等等。 我是在杭州交的社保,后面可能去上海上班
JavaScript 对象的属性定义和枚举
   1 分钟阅读
对象定义的枚举 / 是否可修改等 如果显示的aaa.xxx = 22; 这么写属性,那么会隐势的操作,让该属性,可读,可写,可枚举。 对比如下; let options = {}; let _address =
JavaScript 对页面进行分页
   6 分钟阅读
页面效果 paging+loading+HTML; 点击触点(筛选条件),切换不同的状态(AJAX 获取);并且进行分页显示; 引入的 CSS 文件 1 2 <link h
JavaScript 封装的用于处理 URL 路径的小对象
   3 分钟阅读
URL 路径是前端业务中,会碰到的一个东西; 下面的是一个处理 URL 的(为了演示方便,封装格式做了改变); 里面有下面几个方法 1、getParam:参数是
JavaScript 把网络图片转为 base64
   1 分钟阅读
需要服务器允许跨域; 如果对方设置了防盗链; 则会遇到跨域的问题; 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
JavaScript 时间倒计时
   1 分钟阅读
这个思路是来源用 % 的方法来做的; 以前用 % 做过转秒的; 现在用来做倒计时方法; 需要用到的方法是 getTime:获取距离 1970 年 1 月 1 日午夜 00:00
JavaScript 瀑布流总结
   1 分钟阅读
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(
JavaScript 的 2 种阻止事件冒泡方式和阻止默认行为
   2 分钟阅读
原生 JS 中,对事件对象 (event) 有 2 种主要的方法; stopPropagation 和 preventDefault 第一个是禁止冒泡,第二个是阻止默认行为 注:这是原生 JS 的方法,并非 jQuery 的方法,event 形参可以为
JavaScript 的系统了解
   6 分钟阅读
JS 在网页中的宿主是浏览器; 浏览器中 window 是顶级作用域; 以前在研究 JS 中类的概念时候也有看; 但是没有逐个属性的查看; 今天输出来,逐个看下,查漏补缺;
JavaScript 统计不同功能模块的使用时间和占,分析 JavaScript 代码性能和优化方向
   3 分钟阅读
场景 2019 年初的时候,做区块链浏览器项目; 项目地址:http://explorer.canonchain.com/ 需要做的工作是,前端展示,接口
JavaScript 获取元素的真实宽度高度,内有图片的情况下
   1 分钟阅读
用 jquery 获取元素的宽度; 元素的 宽度是不写死的,自动以 img 的宽度为基准计算;但是获取到的不是准确的数字; 如果不写死宽度直接获取是不准确的 有 2 种方式来
JavaScript 获取用户客户端的 ip 地址,邮编,城市名
   2 分钟阅读
pc 端项目,会遇到一些需求,需要拿到用户的 ip 地址,id,城市名这些信息; 场景:根据用户的地址,选择收货地址的时候,可以直接定位到当前省市,方便
JavaScript 表单的 action
   1 分钟阅读
表单是向服务器提交数据用的,比如用户注册;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
JavaScript 返回上一步
   2 分钟阅读
一个 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
JavaScript 阿拉伯数字转为财务数字,零壹贰叁肆伍陆柒捌玖拾佰仟万亿
   1 分钟阅读
阿拉伯数字 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) {
JavaScript 面向对象编程的真正意义
   3 分钟阅读
其实这个属于很广泛和宏观的观点;我个人认为面向对象编程是以世界作为基点;自然界中万物皆对象,对象又分为很多类,我们生存的自然界中存在人类、动
JavaScript判断手机浏览器的方法
   1 分钟阅读
判断手机浏览器的方法; 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 =
jQuery 中 animate() 对 Firefox 无效
   1 分钟阅读
核心: $(“body”) 的获取问题 很久没有写官网页面了;最近接一个新需求,做一个区块链的官网宣传页; 兼容主流浏览器即可; 我做的兼容到 chro