js/jquery/css
lein_wang
打好基础,温故知新
展开
-
不依赖input file标签上传图片
由于安全策略的原因,js没法直接读本地磁盘的图片(IE不考虑)。不用input file,就是不想去选文件,我就要用固定的图片上传,这个固定可能是固定的某一张图片,也可能是固定策略生成的图片(每次都生成,但每次都不一样,比如聊天截图。。。)。第一种方式:图片转canvas -----》base64上传。(这种方式如果不支持canvas的情况就没法用)第二种方式:用ajax读这个图片ur...原创 2018-11-24 15:26:21 · 5003 阅读 · 3 评论 -
锁定表头和固定列(Fixed table head and columns)
http://www.cnblogs.com/sorex/archive/2011/06/30/2093499.html点击打开链接转载 2013-11-01 17:20:50 · 2017 阅读 · 0 评论 -
js callback
收录几篇文章点击打开链接http://luxiao1223.blog.51cto.com/2369118/482885点击打开链接http://mao.li/javascript/javascript-callback-function/点击打开链接http://www.phpv.net/html/1700.html点击打开链接http://msdn.microsoft转载 2013-04-24 22:39:50 · 755 阅读 · 0 评论 -
在Linux Mint13下编译并安装nodejs
http://blog.csdn.net/xiaosu_521/article/details/2160458我下载的是二进制包,然后把路径放到path变量原创 2013-02-19 16:45:10 · 771 阅读 · 0 评论 -
js 事件处理程序
1. HTML 事件处理程序<a onclick="show()" ...function show(){......}a 点之前还要求show函数已经加载。2. DOM 0 事件处理程序var a = document.getElementById("a");a.onclick = function(){....}3. DOM 2 事件处理程序原创 2013-02-19 16:44:28 · 437 阅读 · 0 评论 -
js sort
http://www.cnblogs.com/0banana0/archive/2011/11/02/2233410.html转载 2013-01-21 09:56:30 · 550 阅读 · 0 评论 -
javascript escape/unescape
单引号/双引号问题时,用这个。http://www.spiger.cn/article/215.html转载 2013-02-04 12:36:54 · 435 阅读 · 0 评论 -
Chrome 扩展 与 page 通信机制
menifest.json{ "name": "Message Timer", "version": "1.2", "description": "Times how long it takes to send a message to a content script and back.", "permissions": ["tabs"], "content_script转载 2013-01-24 13:56:59 · 5646 阅读 · 0 评论 -
(转)JQuery操作checkbox、radio等示例
http://www.cnblogs.com/86188281/archive/2009/03/12/1409821.html转载 2012-12-18 16:40:02 · 408 阅读 · 0 评论 -
Chrome 扩展 资料收集
http://dev.chromechina.com/forumdisplay.php?fid=30&page=1http://open.chrome.360.cn/extension_dev/overview.html转载 2012-12-28 14:32:04 · 400 阅读 · 0 评论 -
字符串转换成json的三种方式
http://snandy.iteye.com/blog/615216转载 2012-11-16 11:23:49 · 920 阅读 · 0 评论 -
javascript DOM innerHTML createElement createTextNode
innerHTML createElement createTextNode 比较:innerHTML / outerHTML 只是一项专利,不是业界标准,尽管很好用.createElement / createTextNode 是 DOM提供的标准方法,但是要写好多代码。示例:function makeElement(){ var navPoint = document.c原创 2012-10-16 14:42:25 · 1075 阅读 · 0 评论 -
javascript Math.random
Math.random() 返回介于0和1之间的一个随机数, 0.0712383823728837....如果想获得一个整数范围随机值值 = Math.floor( Math.random() * 数目 + 第一个可能的值);function selectFrom(lower,upper){ var count = upper - lower +1; ret原创 2012-09-18 14:15:48 · 764 阅读 · 0 评论 -
PHP & Javascript 如何对字符串中包含html标签进行编码 整理
为什么要对字符串编码?某些字符串中包含html标签,不原创 2014-11-25 11:35:12 · 1713 阅读 · 0 评论 -
IE 动态绑定click事件
//必须先清除原有的事件$(dom).attr("onclick", "");//再重新绑定新的事件$(dom).bind("click", function() {//do something;});IE/原创 2014-11-04 12:33:43 · 2266 阅读 · 0 评论 -
javascript既然是单线程语言 , 为什么会分主线程和消息线程(event loop) ?
转自:点击打开链接https://www.zhihu.com/question/35905242作者:杜文链接:https://www.zhihu.com/question/35905242/answer/129806690来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。纵观那近万字的作文,只有这么一段是直接回答题主问题的,但是回答还是有问题的!如果再几年前,这么说还转载 2018-01-18 14:44:38 · 727 阅读 · 0 评论 -
JavaScript 运行机制详解:再谈Event Loop
转自:http://www.ruanyifeng.com/blog/2014/10/event-loop.html一、为什么JavaScript是单线程?JavaScript语言的一大特点就是单线程,也就是说,同一个时间只能做一件事。那么,为什么JavaScript不能有多个线程呢?这样能提高效率啊。JavaScript的单线程,与它的用途有关。作为浏览器脚本语言,JavaScript的主要用途是转载 2018-01-18 14:39:35 · 196 阅读 · 0 评论 -
高性能WEB开发-http请求头的数据量
看到一种加载图片的方式:用户第一次访问的时候使用data嵌入图片,然后后台懒加载真实的图片,以后访问就直接使用缓存的图片,而不使用data。参考:点击打开链接http://www.cnblogs.com/huadong/archive/2012/08/07/2626802.html转载 2016-12-27 11:23:24 · 605 阅读 · 0 评论 -
基于JSON数据HTML5视频播放器js插件
点击打开链接http://www.htmleaf.com/html5/yinpinheshipin/201505261910.html点击打开链接https://github.com/vagnervjs/frame-player转载 2017-01-04 10:05:49 · 3228 阅读 · 0 评论 -
说说JSON和JSONP,也许你会豁然开朗,含jQuery用例
点击打开链接http://www.cnblogs.com/dowinning/archive/2012/04/19/json-jsonp-jquery.html 前言: 说到AJAX就会不可避免的面临两个问题,第一个是AJAX以何种格式来交换数据?第二个是跨域的需求如何解决?这两个问题目前都有不同的解决方案,比如数据可以用自定义字符串转载 2016-09-19 10:42:49 · 343 阅读 · 1 评论 -
js 锚点 不跳转
有时候锚点不调转,比如window.location.href = http://www.xxx.com/l/t116/p1.html#reply298556解决办法:window.location.href = http://www.xxx.com/l/t116/p1.html?随机数#reply298556锚点原理如下:第三种真的稳妥么,或许我们可以猜测一下锚点原创 2016-06-24 12:09:53 · 2249 阅读 · 0 评论 -
setInterval & setTimeout
var num = 0;var max = 10;var intervalID = null;function incrementNumber(){ num++; if(max == num){ clearInterval(intervalID); }}intervalID = setInterval(incrementNumber,500);var原创 2015-07-15 14:35:34 · 438 阅读 · 0 评论 -
ie 7/8/9 placeholder 不显示 解决方案
点击打开链接https://github.com/mathiasbynens/jquery-placeholder原创 2015-12-16 17:37:56 · 592 阅读 · 0 评论 -
使用jQuery的hover事件在IE中不停闪动的解决方法
在使用jQuery的hover事件时,经常会因为鼠标滑动过快导致菜单不停闪动的情况,相信很多朋友都遇到过自己做的纵向下拉菜单不停的收缩,非常的讨厌。今天在给一个网站设计菜单时也遇到了这个情况,结果在百度上找了N久,没有找到解决方法。在这里吐槽一下,百度太2了,收录的内容都没什么价值,最后还是在google找到了解决方法,下面就把这个jQuery的hover在IE中会导致不停闪动的解决方法教给大家。转载 2015-12-16 17:16:13 · 4863 阅读 · 0 评论 -
最大限度利用 JavaScript 和 Ajax 性能
点击打开链接http://www.ibm.com/developerworks/cn/web/wa-aj-jsajaxperf/#resources优化真是个无底洞啊转载 2015-11-22 22:12:20 · 383 阅读 · 0 评论 -
一个好用的在线正则网站
http://regexr.com/原创 2015-08-28 10:46:26 · 2199 阅读 · 0 评论 -
检测 IE 版本 in Javascript
(function ($) { "use strict"; // Detecting IE var oldIE; if ($('html').is('.ie6, .ie7, .ie8')) { oldIE = true; } if (oldIE) { // Here's your JS for IE.. }转载 2014-11-04 13:52:25 · 557 阅读 · 0 评论 -
javascript 包装类型
js的包装类型有三种:String Boolean Number目的:为了便于操作基本类型值var s = new String("ssssssss");var s = "ssssss";var b = new Boolean(true);var b = false;var n = new Number(111);var n = 111;原创 2012-09-14 16:16:04 · 476 阅读 · 0 评论 -
javascript array push pop shift unshift
栈行array push尾部插入,pop尾部弹出。队列array push尾部插入,shift头部取出,unshift头部插入。原创 2012-09-11 22:39:55 · 769 阅读 · 0 评论 -
Canvas
var c=document.getElementById("myCanvas");var cxt=c.getContext("2d");cxt.fillStyle="#aaa";cxt.fillRect(100,10,100,575);fillRect(px,py,x,y); //参数px,py是从画布左上角开始的坐标,x,y就是长和宽。有一篇翻译的文章很不错: ht原创 2012-08-10 11:08:22 · 581 阅读 · 0 评论 -
javascript截图研究积累
http://www.letuknowit.com/archives/76data:image/png;base64是什么我们还可以通过 data: url 方式来引用图像。Data urls 允许用一串 Base64 编码的字符串的方式来定义一个图片。其优点就是图片内容即时可用,无须再到服务器兜一圈。(还有一个优点是,可以将 CSS,JavaScript,HTML 和 图片全部封装在原创 2012-08-09 16:57:53 · 1402 阅读 · 0 评论 -
json 遍历
如下json对象:var obj ={”name”:”冯娟”,”password”:”123456″,”department”:”技术部”,”sex”:”女”,”old”:30};遍历方法:// p 是index,obj[p] 是valuefor(var p in obj){str = str+obj[p]+’,';return str;}原创 2012-07-20 14:04:56 · 408 阅读 · 0 评论 -
过多的ajax请求处理方案
1,定一个全局变量来保存当前所有要执行的ajax请求,作为一个队列,只不过这个队列有且只有一个存在并执行。2,每次要新建并开始一个请求是,遍历这个请求数组,把之前已经存在的全部停止,把新的请求放进去。这样能保证不会有过多的ajax请求被发起。var yourQueryContainer = new Array();var yourLoad = $.p原创 2012-07-05 10:41:06 · 2102 阅读 · 0 评论 -
ajax过滤太慢? 试试js吧
如果网页上某个AJAX过滤项目太多,次数过于频繁,服务端的压力会很大。可以尝试将所有项目写入一个js数组,使用js正则来过滤,速度上会快很多。当然也非绝对,过于庞大的数据,也会让浏览器吃不消。var publisher = new Array();<?phpfor ($i = 0, $total = count($publisherArray); $i < $total; $原创 2012-01-11 10:34:36 · 740 阅读 · 0 评论 -
review_js
js的面向对象写法 function Lecture(name,teacher){ this.name = name; this.teacher = teacher; } Lecture.prototype.display = function(){ return (this.teacher + " is teaching " + this.name); } fun原创 2011-09-23 09:55:30 · 1068 阅读 · 0 评论 -
js parser date
Date.prototype.format = function(format) { var o = { "M+" : this.getMonth()+1, "d+" : this.getDate(), "h+" : this.getHours(), "m+" : this.getMinutes(), "s+" : this.getSeconds(), "q+" : Ma原创 2012-01-13 11:07:40 · 697 阅读 · 0 评论 -
javascript 自定义错误信息
只支持firefox & opera New Document <!-- function add(a,b){ if(a!=b){ debug("a != b",(new Error).lineNumber); } } function add2(a,b){ if(a!=b){ debug2("a != b"原创 2011-10-28 15:20:45 · 1103 阅读 · 0 评论 -
ie6,7 ff hack
区别不同浏览器,CSS hack写法: 区别IE6与FF: background:orange;*background:blue; 区别IE6与IE7: background:green !important;background:blue; 区别IE7转载 2010-03-26 16:52:00 · 688 阅读 · 0 评论 -
获取showModalDialog窗口返回值(转载)
非常简单的内容,两个页面,例子如下:%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default3.aspx.cs" Inherits="Default3" %>html xmlns="http:/转载 2009-11-20 16:00:00 · 687 阅读 · 0 评论 -
json基础(转载)
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。它基于JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999的一个子集。 JSON采用完全独立于语言的文本格式,但是也转载 2009-11-20 15:54:00 · 552 阅读 · 0 评论