javascript 之封装技巧

【javascript 之封装技巧】的更多相关文章

javascript 之封装技巧

技术--- 闭包 javascript中的对象属性都是公开的,外界都可访问到,例: function cat(){ this.name = '猫'; this.climb = function(){ alert('我会爬树!'); } } var boshi = new cat(); alert(boshi.name); boshi.climb(); cat对象中被实例化,name属性和climb方法都能被直接调用,没有被私有,但是我们可以用闭包模拟封装 function cat(){ var…

2016/11/17 周四 <javascript的封装简单示例>

这是一个简单的javascript代码封装的示例以及封装后的调用方法: var ticker={ n:0, add:function() { this.n++; }, show:function() { alert(this.n); } } ticker.add(); ticker.add(); ticker.show(); 以下是案例中的代码封装方法,解决了一定的安全问题与代码冗余问题: <!DOCTYPE html> <html> <head> <meta c…

12个实用的 Javascript 奇淫技巧

这里分享12个实用的 Javascript 奇淫技巧.JavaScript自1995年诞生以来已过去了16个年头,如今全世界无数的网页在依靠她完成各种关键任务,JavaScript曾在Tiobe发布的编程语言排行榜中排到了第8名,紧随C#,JavaScript从过去装饰性的一种脚本语言转变为主流的编程语言,人们用它来开发更大更复杂的程序. 1. 取整同时转成数值型: '10.567890'|0 结果: 10 '10.567890'^0 结果: 10 -2.23456789|0 结果: -2 ~~…

第一百三十五节，JavaScript，封装库--拖拽

JavaScript,封装库--拖拽封装库新增1个拖拽方法 /** tuo_zhuai()方法,将一个弹窗元素实现拖拽功能 * 注意:一般需要在css文件将元素里的某一个区块光标设置成提示可以拖拽,如:cursor: move; * 无参 **/ feng_zhuang_ku.prototype.tuo_zhuai = function () { if (this.jie_dian.length == 1) { var yan_su = null; for (var i = 0; i < th…

第一百三十四节，JavaScript，封装库--遮罩锁屏

JavaScript,封装库--遮罩锁屏封装库新增1个方法 /** zhe_zhao_suo_ping()方法,将一个区块元素设置成遮罩锁屏区块 * 注意:一般需要在css文件将元素设置成隐藏 **/ feng_zhuang_ku.prototype.zhe_zhao_suo_ping = function () { if (this.jie_dian.length == 1) { var yan_su = null; for (var i = 0; i < this.jie_dian.len…

第一百三十三节，JavaScript，封装库--弹出登录框

JavaScript,封装库--弹出登录框封装库,增加了两个方法 yuan_su_ju_zhong()方法,将获取到的区块元素居中到页面,chuang_kou_shi_jian()方法,浏览器窗口事件,当窗口的大小变化时触发函数 /** yuan_su_ju_zhong()方法,将获取到的区块元素居中到页面, * 注意:使用此方法时,首先要在css里将目标区块设置成(绝对定位,position: absolute;) **/ feng_zhuang_ku.prototype.yuan_su_j…

第一百三十二节，JavaScript，封装库--下拉菜单

JavaScript,封装库--下拉菜单封装库,增加了3个方法 shu_biao_yi_ru_yi_chu()方法,给元素设置鼠标移入移出事件,接收两个参数,参数是移入和移出时的执行函数(包含代码) xian_shi()方法,设置元素显示,无参 yin_cang()方法,设置元素隐藏,无参 /** *feng_zhuang_ku_1.0版本,js封装库,2016/12/29日:林贵秀 **/ /** 前台调用 * 每次调用$()创建库对象,使其每次调用都是独立的对象 * $()创建库对象,有一…

第一百三十一节，JavaScript，封装库--CSS

JavaScript,封装库--CSS 将封装库里的方法,改成了原型添加方法增加4个方法 tian_jia_class()方法,给获取到的元素添加class属性,参数是class属性值,可以连缀1 yi_chu_class()方法,给获取到的元素移除class属性,参数是要移除的class属性值,可以连缀2 she_zhi_link_css()方法,设置link连接.或style内嵌.中的CSS样式3 yi_chu_link_css()方法,移除link连接.或style内嵌.中的CSS样式4…

第一百三十节，JavaScript，封装库--连缀

JavaScript,封装库--连缀学习要点: 1.连缀介绍 2.改写库对象本章我们重点来介绍,在调用库的时候,我们需要能够在前台调用的时候可以同时设置多个操作,比如设置CSS,设置innerHTML,设置click事件等等.那么本节课来讨论这个问题. 一．连缀介绍所谓连缀,最简单的理解就是一句话同时设置一个或多个节点两个或两个以上的操作.比如: $().getId('box').css('color', 'red').html('标题').click(function () {alert…

Openlayer3之C++接口在javaScript的封装使用

0.写在前面: 1)涉及的关键词定义: 传入:JavaScript向CAPI传值传出:CAPI向JavaScript传值 2)关于类和结构体的封装,需要严格执行内存对齐,以防止读取越界,但是避免不了经常会遇到长度不定的数组.字符串等,比较麻烦.所以我们采用的技术方案是将类打平成CAPI的方式进行封装,如下示例: 示例类: 打平成CAPI: 在.Net.Java.JavaScript等封装中再还原成类 1.基础类型在参数传入.返回值传出时,两边可以直接对应.类似的有指针.int.double等…