随笔分类 - frontEnd_javascript
About JS
摘要：（以前以为HTTP缓存是个简单的事，项目中遇到后才发觉关于缓存实践有挺深的学问） 0. What 这里的缓存指的是http标准中定义的缓存技术（如Cache-Control），主要由服务端设置和处理（当然还要由客户端旳浏览器配合）而不需要前端开发者参与。当做了恰当的参数设置后客户端发起请求过程中缓存
阅读全文
摘要：转自：http://www.eamonning.com/blog/view/289 以下是全文 最早的时候有一个浏览器叫NCSA Mosaic，把自己标称为NCSA_Mosaic/2.0 (Windows 3.1)，它支持文字显示的同时还支持图片，于是Web开始好玩起来。 然后出现了一个新的网页浏览
阅读全文
摘要：基本原理是将剪贴板中的图片二进制数据转为Base64编码 代码： 1 <html> 2 <head> 3 </head> 4 <body> 5 <script src="http://cdn.bootcss.com/jquery/1.9.0/jquery.js"> 6 </script> 7 8 <
阅读全文
摘要：转自：https://i.cnblogs.com/EditPosts.aspx?opt=1 以下是原文： 1. 各种存储方案的简单对比 Cookies：浏览器均支持，容量为4KB UserData：仅IE支持，容量为64KB Flash：100KB，非HTML原生，需要插件支持 Google Gea
阅读全文
摘要：url通常包含多个组成部分，在js中可通过location对象获取其中各项信息 访问http://mp.weixin.qq.com/s?__biz=MjM5NjA0NjgyMA==&mid=2651061017&idx=1&sn=429701cec06841504f65aaccc2b5baf3&sc
阅读全文
摘要：参考资料：http://www.cnblogs.com/jimaojin/p/5413857.html 原版: <!doctype html><html><head></head><body> <div id="box" style="width:252px;font:25px/25px 宋体;ba
阅读全文
摘要：参考文献：http://www.cnblogs.com/cloudgamer/archive/2008/11/17/Drag.html 效果：http://sandbox.runjs.cn/show/hbhrnv2g 效果：http://sandbox.runjs.cn/show/xq0yj0sd
阅读全文
摘要：主要借助JSON.stringfy( value [, replacer] [, space] )。 一、参考文献 1、json数据可视化： http://www.cnblogs.com/lvdabao/p/4204858.html 2、JSON.stringify 函数使用： https://ms
阅读全文
摘要：参考资料 http://www.cnblogs.com/Wayou/p/things_you_dont_know_about_frontend.html 很多时候我们有从一个URL中提取域名，查询关键字，变量参数值等的需要，可以通过正则自己解析，但比较麻烦，我们可以让浏览器帮我们完成这一任务。 方法
阅读全文
摘要：事件 浏览器支持 解说 一般事件 onclick IE3、N2 鼠标点击时触发此事件 ondblclick IE4、N4 鼠标双击时触发此事件 onmousedown IE4、N4 按下鼠标时触发此事件 onmouseup IE4、N4 鼠标按下后松开鼠标时触发此事件 onmouseover IE3
阅读全文
摘要：1、参考资料http://www.cnblogs.com/coco1s/p/4833199.html2、归结如下apply 、 call 、bind 三者都是用来改变函数的this对象的指向的；apply 、 call 、bind 三者第一个参数都是this要指向的对象，也就是想指定的上下文；app...
阅读全文
摘要：查看效果：http://sandbox.runjs.cn/show/tgvbo9nq本地图片转Base64（从而可以预览图片）：function localImgLoad() { var src = this.files[0]; var self = $(this); var re...
阅读全文
摘要：document.getElementById("productImgInput").files[0].typedocument.getElementById("productImgInput").files[0].namedocument.getElementById("productImgInp...
阅读全文
摘要：参考资料：http://blog.csdn.net/myhahaxiao/article/details/6952321apply和call能“劫持”其他对象的方法来执行，其形参如下：apply(obj, array parameters)call(obj, parameter1,parameter...
阅读全文
摘要：参考资料：http://www.blogjava.net/onejavaer/articles/79070.html常用匹配模式：只能输入数字："^[0-9]*$"。只能输入n位的数字："^\d{n}$"。只能输入至少n位的数字："^\d{n,}$"。只能输入m~n位的数字：。"^\d{m,n}$"...
阅读全文
摘要：参考来源http://www.cnblogs.com/tugenhua0707/p/4501843.htmlscreenX、screenY：浏览器屏幕水平、垂直坐标（相对于浏览器内整个屏幕，包括地址栏、书签栏等）clientX、clientY：页面客户区水平坐标、垂直坐标（不包含滚动部分）pageX...
阅读全文
摘要：关于JavaScript事件讲解得很全面的一篇文章：http://www.cnblogs.com/tugenhua0707/p/4501843.html如下代码需要注意的一点是，除了getEvent方法外，其他方法在被调用时传给它的事件参数应该是兼容浏览器的事件参数，所以可先调用getEvent获得...
阅读全文