-
简单入门JavaScript函数封装 封装函数
2020-08-05 20:01:22函数封装是一种函数的功能 它把一个或多个功能通过函数、类的方式封装起来 对外只提供一个简单的函数接口 当写程序的过程中需要执行同样操作时 不需要再写同样的函数来调用 直接从函数库里面调用 使用函数有两步 ...什么是封装?
封装是面向对象的三个基本特征之一 将现实世界的事物抽象成计算机领域中的对象 对象同时具有属性和行为(方法) 这种抽象就是封装
特性:数据隐藏什么是函数?
用来执行特定任务 实际上为了易于调试和维护 函数允许以更有组织的方式去编写代码 函数还允许代码重用什么是函数封装?
函数封装是一种函数的功能 它把一个或多个功能通过函数、类的方式封装起来 对外只提供一个简单的函数接口
当写程序的过程中需要执行同样操作时 不需要再写同样的函数来调用 直接从函数库里面调用使用函数有两步
- 定义函数(又叫声明函数 封装函数)
定义函数的三个要素:功能 参数 返回值 - 调用函数
函数的参数和返回值
- 函数的参数就是完成一件事情的已知条件 就是输入
- 函数的返回值就是事情完成的结果 就是输出
简单的函数封装示例
示例1
功能:奇偶数的判断
参数: 一个数
返回值:true是偶数 false是奇数// 1. 定义函数 function isOuShu(num){ if(num%2===0){ // 如果余等于0 则为true 否则为false return true }else{ return false } } // 2. 调用函数 // isOuShu(5) // 接收函数返回值 为了显示输出的返回值 定义一个变量接收 var num = isOuShu(5) console.log(num)
示例2
功能:计算元素样式兼容ie浏览器
参数:被计算的元素和被计算元素的类型
返回值:计算后的值<style> .pic{ height: 1200px; position: absolute; left: 0; top: 0; } .pic li{ float: left; width: 200px; height: 200px; background: #333; list-style: none; margin-right: 10px; } </style> <div> <ul class="pic" id="pic"> <li></li> <li></li> <li></li> <li></li> </ul> </div> <script> function getStyle(elem,type){ // 一般浏览器 if(window.getComputedStyle){ return window.getComputedStyle(elem,null)[type] }else{ // ie浏览器 return elem.currentStyle[type] } } var width = getStyle(pic.children[0],'width') console.log(width) </script>
- 定义函数(又叫声明函数 封装函数)
-
selenium函数封装
2019-08-17 23:30:021. 函数封装 函数封装是一种函数的功能,它把一个程序员写的一个或者多个功能通过函数、类的方式封装起来,对外只提供一个简单的函数接口。 2. 对selenium的常用操作进行封装 1)封装开启关闭浏览器 2)封装定位操作...1. 函数封装
- 函数封装是一种函数的功能,它把一个程序员写的一个或者多个功能通过函数、类的方式封装起来,对外只提供一个简单的函数接口。
2. 对selenium的常用操作进行封装
1)封装开启关闭浏览器2)封装定位操作
3)封装对元素的基本操作
- 封装开启关闭浏览器
def locateElement(self, locate_type, value): # 判断定位方式并调用相关方法 el = None if locate_type == 'id': el = self.driver.find_element_by_id(value) elif locate_type == 'name': el = self.driver.find_element_by_name(value) elif locate_type == 'class': el = self.driver.find_element_by_class_name(value) elif locate_type == 'text': el = self.driver.find_element_by_link_text(value) elif locate_type == 'xpath': el = self.driver.find_element_by_xpath(value) elif locate_type == 'css': el = self.driver.find_element_by_css_selector(value) # 如果el不为None,则返回 if el is not None: return el # 指定对某一元素的点击操作 def click(self, locate_type, value): # 调用定位方法进行元素定位 el = self.locateElement(locate_type,value) # 执行点击操作 el.click() time.sleep(1) # 对指定的元素进行数据输入 def input_data(self,locate_type,value,data): # 调用定位方法进行元素定位 el = self.locateElement(locate_type,value) # 执行输入操作 el.send_keys(data)
-
Javascript函数封装
2016-09-10 00:08:17Javascript函数封装- 标签切换
function tabChange(btnBox,btn,tabBox,tab){ $(btnBox).find(btn).click(function() { var _this = $(this); _this.addClass('on').siblings(btn).removeClass('on'); var index = _this.index(); $(tab).eq(index).show().siblings(tab).hide(); }); } //调用 tabChange('#title-nav','.option','.productList','.list');
<!--btnBox btn--> <div id="title-nav"> <span class="option on">待确认</span> <span class="option">待参加</span> <span class="option">已完成</span> <span class="option">已取消</span> </div> <!--tabBox tab--> <div class="productList"> <div class="list">tab1</div> <div class="list hide">tab2</div> <div class="list hide">tab3</div> <div class="list hide">tab4</div> </div>
-
函数封装/ //函数调用
2019-05-27 14:26:30函数封装 //调用外部封装好的js库即可 Utils: var Utils=(function () { return { setStyle:function (elem,style) { for(var prop in style){ elem.style[prop]=style[prop]; ...函数封装
//调用外部封装好的js库即可Utils: var Utils=(function () { return { setStyle:function (elem,style) { for(var prop in style){ elem.style[prop]=style[prop]; } }, randomColor:function (alpha) { if(alpha>1 || isNaN(alpha) || alpha<0){ alpha=1; } var color="rgba("; for(var i=0;i<3;i++){ color+=parseInt(Math.random()*256); color+=","; } color+=alpha+")"; return color; } } })(); //函数调用 var div0=document.getElementById("div0"); Utils.setStyle(div0,{ width:"100px", height:"100px", backgroundColor:Utils.randomColor() })
-
防抖节流函数封装
2020-07-17 16:34:01为什么引入防抖和节流 当一个函数被频繁、无限制的被调用的时候,会加重浏览器的负担,造成浏览器卡顿的现象。 例如:常用浏览器滚动scroll,鼠标移动...防抖函数封装: //DOM元素 <input id="input1" type="t -
c++常见函数封装
2019-07-27 22:06:01c++常见函数封装库 RDCPP.h #ifndef RDCPP_H #define RDCPP_H #include<bits/stdc++.h>//依赖c++11标准头文件库 bool pri(int n) {//素数 if(n<2) return false; for(int i=2; i*i<=n; i++) { if(n%... -
函数封装成类库
2014-09-06 13:50:55其实封装的意义,就是把不...如果把常用函数封装到类中则是面向对象的编程形式,而做成DLL可以理解成面向组件的编程形式。 具体谁好谁差还要看实际的应用场景和你所封装函数的复用程度。如果在整个系统中多个组件都用 -
DLL函数封装及调用实例
2017-03-25 17:59:58DLL函数封装及调用实例 -
vue3.0系列之函数封装与使用
2020-05-18 21:11:45vue3.0系列之函数封装 封装的用途 函数封装主要用于当一个函数多次在同一个页面或多个页面使用时,为了减少代码的重复,可以将其封装到同一个文件中,当使用时从文件中解析出自己想要的函数,直接调用即可。 实现... -
把一个带形参的函数封装到另一个函数中
2019-02-15 11:07:09![图片说明]... 怎么把ReceiveMsg函数封装到ReceiveNetWorkMsg函数中。 或者如何修改ReceiveMsg函数,让它可以直接在else if(msg.sType == _T("timer"))中调用 -
Halcon自定义函数封装方法(全网最详细)
2020-03-30 15:03:06Halcon自定义函数封装方法,不会你来打我。全网最详细教程 -
linux socket 函数封装
2013-01-09 14:51:301、linux socket函数介绍 最近一直在看《unix网络编程》,有感于书中例子给出的创建tcp连接时对socket函数的封装。...2、socket函数封装 首先,介绍一下socket函数用到的基本结构变量: struct sockaddr_in server; -
Python 函数封装
2012-03-22 15:39:34自己在项目中用到的几个函数封装 1.北京时间转换为世界时 def BTC_to_UTC(btc_time): utc_struct = time.mktime([int(btc_time[0:4]),int(btc_time[4:6]),\ int(btc_time[6:8]),int(btc_time[8:10]), -
vue 节流函数防抖函数封装
2020-09-23 11:25:02封装 assets/js/public.js /** * 函数防抖 * @param fn * @param delay * @returns {Function} * @constructor */ export const Debounce = (fn, t) => { let delay = t || 500; let timer; return ... -
react request.js 函数封装
2018-07-08 23:53:001.request.js 函数封装 import { Toast } from 'antd-mobile'; import axios from 'axios'; import store from '../store'; import { push } from 'react-router-redux'; import qs from 'qs'; // 请求... -
ajax 函数封装
2017-11-09 09:31:25//用封装好的函数 ajax("abc.txt",function (data) { alert("成功 :"+data) },function () { alert("失败") }) //封装ajax函数 function ajax(url,fnSucc,fnFaild) { //new一个ajax对象 var oAjax=null -
promise函数封装
2020-04-05 19:37:55异步函数 let index = 0; function delay(time,fn){ return new Promise((resolve,reject)=>{ setTimeout(()=>{ fn(); resolve(`执行的第${++index... -
C#和C混合编程——C语言函数封装成dll
2020-06-17 01:22:53为了C#调用,把C语言函数封装成dll 这次大作业小组利用C语言写代码,最后使用winform设计GUI,自然要在C#中调用C,该篇记录如何把C封装为dll。 大作业模拟温度传感器,C语言代码为两部分,一部分为sensor服务端serve... -
MySQL 操作函数封装
2012-09-13 07:35:39* MySQL 操作函数封装 * 足以应付一般应用 **/ function query($sql='', $db='') { static $dbname = ''; $ret = array(); if(empty($sql)) return $ret; if($db) $dbname = $db; if(empty($dbname)) $... -
关于js获取id的函数封装
2018-07-16 22:33:51平时在写原生js时都要获取对象id等,但是大部分我们要获取的对象很多,这样一个一个的获取对象id就显得十分笨拙,在实践项目里也是十分浪费时间和精力的,所以函数封装就显得十分重要了 一般我们获取对象都是: ... -
【python】将自定义常用的一些函数封装成可以直接调用的模块方法
2020-05-17 17:05:42将常用一些的函数封装成可以直接调用的模块方法1. 背景2. 具体步骤3. 扩展 1. 背景 在实际的操作过程中,经常会用到一个功能,如果每次编写代码的时候都进行重新编写或者打开已经编写好的函数进行复制粘贴,这样就... -
一个简单的函数封装(JavaScript+html)
2017-08-09 21:06:23JavaScript函数,函数封装,代码重用 -
【微信小程序】微信小程序函数封装
2019-05-14 11:11:25函数封装,一节省编写代码的时间,二不容易出现错误,三节省代码,简洁,便于后期维护。 希望对于新手的你能够有帮助!一起加油啊! 1.wx.navigateTo() 保留当前页面,跳转到应用内的某个页面。但是不能跳到 ... -
php函数封装
2016-01-20 22:39:01这是一些自定义封装的函数类,调用起来很方便,以后会有更多的封装函数更新! // 弹框跳转 function alert($msg,$url=''){ echo ""; echo "alert('$msg');"; if($url){ echo "window.location.href='$url';"; ... -
js函数封装与调用
2020-03-16 21:33:07函数的使用可以减少大量重复的代码,封装好一个函数之后,可以在后面多处去调用,有时候使用别人封装好的函数,都不需要去了解该功能是如何实现,只需要知道函数是如何使用的即可,非常之方便。 语法 1,关键词 : ... -
js数组或者对象深拷贝和浅拷贝函数封装
2019-02-24 14:36:28浅拷贝 概念:浅拷贝的意思就是只复制引用,而未复制真正的值。仍指向同一个地址,修改时原对象也会受到影响 方法: 1.利用 = 赋值操作符实现浅拷贝。...//对象及数组浅拷贝函数封装 functi... -
js第九节-定时器的管理,函数封装
2016-04-08 23:18:23js第九节-定时器的管理,函数封装 一、函数的封装 1.元素移动的函数封装 //封装函数-->让某某对象自动移动到某位置的封装函数 //obj-->传入的对象 attr-->传入的是属性值 dir-->步进值 target-->移动到指定... -
相关JQuery函数封装
2017-09-28 11:26:47而为了使用起来快捷,大多都会将动画效果封装为函数,想要动画效果时便调用该动画效果的封装函数,在函数中传入相关参数就可以。因此,在这里为大家提供一些函数的封装。 一、获取DOM方法。由于通过类名获取DOM元素... -
PHP下载文件函数封装及下载大文件解决方案
2017-12-02 16:05:21PHP下载文件函数封装及下载大文件解决方案大家好,我是Yangrl. 今天分享的是我在学习PHP文件操作部分中实现一个下载文件函数封装时遇到的问题(小文件没问题,大文件总是下载失败)和解决的过程。 进入正题: 先... -
mysql数据库操作函数封装
2018-03-29 21:37:22如今的PHP操作数据库,大多都是用mysqli实现的,而且在实现mysqli操作数据库,在电商后台管理,也是非常容易用到的,既然使用的频率那么高,也就只好进行函数库的封装,这里没有用类的方法进行封装,还是简单的用...
收藏数
74,311
精华内容
29,724