随笔分类 -  JavaScript

1 2 下一页
2014-07-18笔试面试总结（前端）
摘要：1. javascript delete注意：1. delete 返回返回false表示属性不能被删除，其他情况返回true(删除成功，或者要删除的属性不存在时也返回true)2. 火狐的console不能完全模拟javascript执行环境，因而结果可能有所区别 例如在火狐下delete func... 阅读全文
posted @ 2014-07-25 11:35 wishyouhappy 阅读(1908) 评论(1) 推荐(1)
图片懒加载
摘要：原理目的： 减少请求数或者是延迟请求数，优化性能实现方式：1、滚动条检测，仅加载可视区的图片 2、条件加载， 符合条件或者是触发事件时加载 3、延迟加载， setTimeout或者是setInteval方式一实现图片懒加载原理： 1.将图片的真实地址暂存在一个自定义属性中，例如la... 阅读全文
posted @ 2014-07-17 20:37 wishyouhappy 阅读(292) 评论(0) 推荐(0)
canvas-画图改进版
摘要：前几天在canvas——画板中做了个很简陋的画板，只能画简单的线条，可以选择颜色和线条粗度，今天在此简陋的画板上增加了新的形状，撤销，保存，橡皮擦等功能，虽然功能还是很简单，刚接触canvas，过程中还是遇到了很多困难。形状包括：铅笔、直线、直角矩形，圆角矩形、原型（利用圆角矩形能够画出很多其他好玩... 阅读全文
posted @ 2014-07-11 21:24 wishyouhappy 阅读(1908) 评论(2) 推荐(3)
canvas——画板
摘要：注意部分：canvas的height和width不能再css中设定，应该在html中设定，否则会影响页面的分辨率。效果图：图1：代码css：#canvas{ cursor: crosshair;}button{ width: 80px;}.yellowBtn{ background... 阅读全文
posted @ 2014-07-07 22:38 wishyouhappy 阅读(981) 评论(0) 推荐(0)
instanceof, typeof, & Object.prototype.toString
摘要：instanceof: 1、左操作数是一个对象，右操作数是标识对象的类，如果左侧的对象是右侧类的实例，则表达式返回true，否则返回false 2、如果左边的操作数不是对象，返回false 3、如果右边的操作数不是函数，抛出类型错误异常 4、在计算obj instanceof f 时， 会先... 阅读全文
posted @ 2014-06-22 09:31 wishyouhappy 阅读(1834) 评论(0) 推荐(1)
call, apply && bind, currying
摘要：简要概括：apply(): 将函数作为指定对象的方法来调用，传递给它的是指定的参数数组 ——function.apply(thisobj, args)或者 function.apply(thisobj, args)bind(): 主要作用：将函数绑定到一个对象，返回一个新函数，通过可选的指... 阅读全文
posted @ 2014-06-21 15:49 wishyouhappy 阅读(1254) 评论(0) 推荐(1)
document.getElementById的简便方式
摘要：封装自己的元素获取方法，使元素获取变得简便注意：1、应该要防止定义的被重写，可将同名的重新定义 2、可将封装的对象置为全局对象，方便使用通过id查找单个元素封装方式：//通过id查找单个元素(function (document){ //防止覆盖 var _overwrite = ... 阅读全文
posted @ 2014-06-21 08:56 wishyouhappy 阅读(4714) 评论(6) 推荐(0)
uri编解码
摘要：相关函数如下：（都是全局函数）encodeURI(URIString)：将文本字符串编码为有效的统一资源标示符URIdecodeURI(URIString)encodeURIComponent(s)：编码URI的一部分或者是其他待编码的字符串decodeURIComponent(s)encodeUR... 阅读全文
posted @ 2014-06-20 16:32 wishyouhappy 阅读(2137) 评论(0) 推荐(0)
javascript数组
摘要：javascript的实现对数组做了很多优化，使得典型的数组操作可以很快（用类型化数组在执行时间和内存使用上会更加高效）三种构造方式：new Array()new Array(size)new Array(element,element.....)eg:var array = new Array()... 阅读全文
posted @ 2014-06-19 15:25 wishyouhappy 阅读(683) 评论(0) 推荐(2)
html5 canvas
摘要：The HTML5 element is used to draw graphics, on the fly, via scripting (usually JavaScript).1、本身没有外观，只是在文档中创建了一个画板，我们需要使用脚本来画图2、IE9前的浏览器不支持canvas3、使用c... 阅读全文
posted @ 2014-06-17 17:25 wishyouhappy 阅读(386) 评论(0) 推荐(0)
SVG
摘要：SVG: scalable vector graphics 1、使用XML定义图形 2、图像可伸缩，尺寸更小，放大或者是改变尺寸时图片质量不会有所损失 3、除了IE需要安装插件，其他浏览器都支持SVG文件 4、svg文件需以.svg后缀保存 5、svg文件可以通过标签嵌入html文档：、或... 阅读全文
posted @ 2014-06-16 21:30 wishyouhappy 阅读(494) 评论(0) 推荐(0)
事件处理
摘要：标准事件注册和删除：addEventListener(eventType, function, boolean);removeEventListener(eventType, function, boolean);参数1： 事件类型，如"click",注意前面没有on参数2：事件发生是调用的函数参数... 阅读全文
posted @ 2014-06-14 15:46 wishyouhappy 阅读(253) 评论(0) 推荐(0)
文档坐标及元素坐标等
摘要：基本1、元素位置以像素度量，向右代表X坐标增加，向下代表Y坐标增加，X坐标和Y坐标可以相对于文档的左上角或者相对于其中显示文档的视口的左上角2、如果没有出现滚动条时（即文档比视口小时），文档和视口坐标系统是同一个，如果出现滚动条时两种坐标系间的转换需要加上或者减去滚动的偏移量（scroll offs... 阅读全文
posted @ 2014-06-11 11:46 wishyouhappy 阅读(668) 评论(0) 推荐(0)
动态生成目录
摘要：动态为生成目录，并为目录添加链接 阅读全文
posted @ 2014-06-10 18:06 wishyouhappy 阅读(853) 评论(0) 推荐(0)
跨站脚本（XSS）
摘要：跨站脚本: cross-site scripting或者XSS, 即攻击者向目标Web站点注入HTML标签或者脚本 如果网站没有通过移除任何嵌入的HTML标签来消毒，那么web页面很容易受到跨站脚本攻击简单例子：下面的js脚本时向用户say helloeg： http：//www.examp... 阅读全文
posted @ 2014-06-06 18:12 wishyouhappy 阅读(1076) 评论(0) 推荐(0)
window对象
摘要：计时器setTimeout : 指定时间之后单次调用clearTimeout：取消后续函数调用setInterval：指定之间后重复调用clearnterval：单位：毫秒Locationwindow 的location属性引用Location对象window.location === docume... 阅读全文
posted @ 2014-06-06 18:11 wishyouhappy 阅读(257) 评论(0) 推荐(0)
JS线程模型&Web Worker
摘要：js线程模型客户端javascript是单线程，浏览器无法同时运行两个事件处理程序设计为单线程的理论是，客户端的javascript函数必须不能运行太长时间，否则会导致web浏览器无法对用户输入做出响应。这也是为什么Ajax的API都是异步的，以及为什么客户端Javascript不能使用一个简单的异... 阅读全文
posted @ 2014-06-05 08:24 wishyouhappy 阅读(2700) 评论(0) 推荐(2)
js脚本同步、异步与延迟
摘要：一般，我们通过src引入js文件时建议在页面末尾引入，因为会阻塞页面的渲染。defer和async可以达到同样效果当HTML解析器遇到注意：延迟的脚本会按它们在文档中出现的顺序执行，而异步的脚本在它们载入后执行（顺序可能无序）。 阅读全文
posted @ 2014-06-03 20:28 wishyouhappy 阅读(1549) 评论(0) 推荐(0)
服务器端javascript——Rhino和Node
摘要：Node:Node是v8 javasript解析器的一个特别版本，侧重于异步I/O，网络和HTTP 入门见：http://www.cnblogs.com/wishyouhappy/p/3647037.htmlRhino：Mozilla开发的免费软件基于java的Javascript解析器，可以通过j... 阅读全文
posted @ 2014-06-02 16:37 wishyouhappy 阅读(524) 评论(0) 推荐(0)
javascript正则表达式(二)——方法
摘要：正则表达式规则见：http://www.cnblogs.com/wishyouhappy/p/3756812.html，下面说明相关方法String相关方法概括：search()replace()match()split()1. search(RegExp)　返回第一个与之匹配的子串的起始位置，找不... 阅读全文
posted @ 2014-05-28 19:59 wishyouhappy 阅读(513) 评论(0) 推荐(1)

1 2 下一页