随笔分类 -  javascrpt

高性能javascript 文件加载阻塞
摘要：高性能javascriptjavascript脚本执行过程中会中断页面加载，直到脚本执行完毕，此操作阻塞了页面加载，造成性能问题。脚本位置和加载顺序：如果将脚本放在head内，那么再脚本执行完毕之前，显示给用户的始终是一片空白，用户只能傻傻的看着屏幕等待脚本执行完毕。而且，如果页面引入多个脚本，那么... 阅读全文
posted @ 2015-06-17 14:30 小豆豆er 阅读(657) 评论(0) 推荐(0)
JS面向对象基础讲解(工厂模式、构造函数模式、原型模式、混合模式、动态原型模)
摘要：什么是面向对象？面向对象是一种思想！（废话）。 面向对象可以把程序中的关键模块都视为对象，而模块拥有属性及方法。这样我们如果把一些属性及方法封装起来，日后使用将非常方便，也可以避免繁琐重复的工作。接下来将为大家讲解在JS中面向对象的实现。 工厂模式 工厂模式是软件工程领域一种广为人知的设计模式... 阅读全文
posted @ 2014-12-09 17:38 小豆豆er 阅读(175) 评论(0) 推荐(0)
JS正则表达式验证
摘要：新增150,153,156,158,159，157，188，189正则表达式如下: ^(13[0-9]|15[0|3|6|7|8|9]|18[8|9])\d{8}$//校验是否全由数字组成function isDigit(s){var patrn=/^[0-9]{1,20}$/;if (!patrn... 阅读全文
posted @ 2014-11-06 11:16 小豆豆er 阅读(329) 评论(0) 推荐(0)
js面向对象
摘要：目录JavaScript 对象是词典JavaScript 函数是最棒的构造函数而不是类原型静态属性和方法闭包模拟私有属性从类继承模拟命名空间应当这样编写 JavaScript 代码吗？展望最近，我面试了一个有五年 Web 应用程序开发经验的软件开发人员。四年半来她一直在从事 JavaScript 相... 阅读全文
posted @ 2014-08-13 18:42 小豆豆er 阅读(181) 评论(0) 推荐(0)
JS 创建对象(常见的几种方法)
摘要：贴个代码先:function O(user,pwd){ //use constructorthis.user=user;this.pwd=pwd;this.get=get;return this;}function O2(user,pwd){ //use factoryvar obj=new Obj... 阅读全文
posted @ 2014-08-13 18:22 小豆豆er 阅读(315) 评论(0) 推荐(0)
ajax 和jsonp 不是一码事 细读详解
摘要：由于Sencha Touch 2这种开发模式的特性，基本决定了它原生的数据交互行为几乎只能通过AJAX来实现。当然了，通过调用强大的PhoneGap插件然后打包，你可以实现100%的Socket通讯和本地数据库功能，又或者通过HTML5的WebSocket也可以实现与服务器的通讯和服务端推功能，但这... 阅读全文
posted @ 2014-08-11 16:25 小豆豆er 阅读(198) 评论(0) 推荐(0)
JS加载顺序
摘要：楼主做前端开发一年多了，对前端的见解还是多多少少有一点的，今天特拿出来跟大家分享分享。做前端开发少不了各种利器。比如我习惯用的还是Google浏览器和重型武器Fiddller。一： 原始情况首先大家看看如下的代码： 1 2 3 4 5 6 7 8 9 ... 阅读全文
posted @ 2014-08-11 11:44 小豆豆er 阅读(2560) 评论(0) 推荐(0)
正则小略
摘要：创建一个正则表达式第一种方法：var reg = /pattern/;第二种方法：var reg = new RegExp('pattern');正则表达式的exec方法简介语法：reg.exec(str);其中str为要执行正则表达式的目标字符串。例如：将会输出test，因为正则表达式reg会匹... 阅读全文
posted @ 2014-07-29 12:28 小豆豆er 阅读(154) 评论(0) 推荐(0)
Fullscreen API 全屏显示网页
摘要：第一次看到应用 Fullscreen API 全屏显示网页，是 FaceBook 中的照片放大。作为一个比较新的 API，目前只有 Safari、Chrome 和 FireFox 三种浏览器支持该特性。因为尚未发布正式版的标准，所以必须使用浏览器特定的方法，也就是应用添加前缀（webit/moz）的... 阅读全文
posted @ 2014-06-20 17:31 小豆豆er 阅读(1407) 评论(0) 推荐(0)
Javascript--dataTransfer
摘要：描述:提供对于预定义的剪贴板格式的访问,以便在拖拽中使用属性描述参数dropEffect[=sCursorStyle]设置或获取拖拽操作的类型和要显示的光标类型可选的copy 复制样式被显示link 链接样式被显示move 移动样式被显示none 默认,没有鼠标样式被定义effectAllowed[... 阅读全文
posted @ 2014-06-20 11:36 小豆豆er 阅读(450) 评论(0) 推荐(0)
OnContextMenu事件
摘要：用oncontextmenu事件单禁用右键菜单onconTextmenu=window.event.returnValue=false;右键菜单禁用，用这个可以禁止复制。在中加入属性代码：oncontextmenu="return false"onselectstart="return false"... 阅读全文
posted @ 2014-06-20 11:25 小豆豆er 阅读(370) 评论(0) 推荐(0)