JS中常用的封装函数4种方法：1. 函数封装法：function box(){
}2. 封装成对象 ：let Cookie = {
get(){
},
set(){
}
}3. 封装成构造函数：funct
转载
2023-06-09 14:44:39
1158阅读
本篇封装了一些常用的函数，兼容IE8及以下的浏览器，怪异模式。按需加载loadScript（）、绑定事件处理函数addEvet()、查看滚动尺寸getScrollOffset()、查看可视区窗口尺寸getViewportOffset()、返回计算样式getStyle()、获取事件源对象getEventScr(e)、判断类型type()、取消冒泡stopBubble()、深度克隆deepClone(
转载
2023-06-09 15:47:51
59阅读
PC 移动端兼容 IE 6.0+, FF 1.5+, Safari 2.0+, Opera 9.0+ 惯性助动，滑动回弹门面模式window.onload = function() {
/*测试数据*/
var insert = '';
for (var i = 0; i < 80; i++) {
insert += '<div style = "width:10
转载
2023-06-14 23:23:54
68阅读
文章目录动画函数封装：每0.02s移动10px案例：匀速运动案例：变速运动动画动画函数封装：每0.02s移动10px<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0,
原创
2020-08-21 20:09:32
154阅读
(function(){var JHRZ_IMG_Arr = JHRZ_IMG_Arr || {};JHRZ_IMG_Arr.loading = ["/static/images/loading.gif", "/static/images/loading_gray.gif"];JHRZ_IMG_Ar...
原创
2021-07-23 13:51:07
111阅读
JavaScript 如何封装函数
在 JavaScript 编程中，封装函数是提升代码复用性和可维护性的重要策略。许多开发者在实际项目中频繁面临如何合理封装函数的问题，其中可能还会出现各类复杂的情况。例如，动态参数的处理、不同作用域的管理以及闭包的合理运用等。以下是关于封装函数的思路与实践过程。
### 问题背景
在某个项目中，开发团队需要实现多种功能，各个功能之间有一些共性的代码片段。这
目录
01 为元素添加on方法02 为元素添加trigger方法03 转义html标签04 HTML标签转义05 跨浏览器绑定事件06 加入收藏夹07 提取页面代码中所有网址08 动态加载脚本文件09 返回顶部的通用方法10 实现base64解码11 确认是否是键盘有效输入值12 全角半角转换13 版本对比14 压缩CSS样式代码15 获取当前路径16 字符串长度截取17 时
转载
2024-01-30 00:28:08
0阅读
一看就会的JS封装最近对js类的封装使用越来越频繁，经常因为不知道该用哪种方式封装头疼，现在对此进行一次总结基本概念封装：把客观事物封装成抽象的类，隐藏属性喝方法，仅对外公开接口属性、方法分类：私有属性和方法：只能在构造函数内访问，不能被外部所访问(构造函数内使用var声明的属性)公有属性和方法：对象外可以访问到对象内的属性和方法(构造函数内使用this，设置构造函数原型对象上比如Person.p
转载
2024-09-04 16:58:49
62阅读
# JavaScript 工具类函数封装指南
在现代 web 开发中，封装一些常用的工具函数可以提高代码的复用性和可维护性。本文将详细介绍如何在 JavaScript 中实现工具类函数封装，包括整个流程、每一步的代码实现以及详细注释。让我们一起开始这个学习之旅吧！
## 工具类函数封装流程
下面是工具类函数封装的整体流程：
| 步骤 | 说明
原创
2024-09-04 03:39:38
430阅读
简单封装一下js操作cookie的函数 //设置cookie function setCookie(name,value,expireTime) { var exp = new Date(); exp.setTime(exp.getTime() + expireTime*1000); documen
原创
2022-05-13 16:53:59
199阅读
简单动画函数：animate(obj, target, time, callback);注意：obj：目标对象，需要加绝对定位target：目标位置time：动画间隔时间callback：回调函数代码实现：function animate(obj, target, time, callback) {
// 先清除以前的定时器，只保留当前的一个定时器执行
clearInterval(
转载
2021-04-27 18:37:53
209阅读
2评论
在绝大多数的编程语言中，均存在函数这一概念，其含义大概可以归纳为：包含一定语句，用于完成某些有意义的工作，如处理文本、控制输入输出或计算数值等。通过在程序代码中引入函数名称和所需的参数，可在该程序中执行（或称调用）该函数[1]。 而构造函数一词，顾名思义，是要构造一些东西，是一种特殊的方法，与普通函数有着质的区别。其作用是：在创建对象时，主要用来初始化对象， 即为对象成员变量赋初始值[2]。其特
转载
2023-11-30 10:30:54
46阅读
Javascript是基于对象的开发语言，遇到的所有复杂的东西都是对象，而面向对象开发语言的最主要特点就是：封装，继承，多态；本文从这三个点学习javascript的面向对象开发。 一、 封装 在程序开发中，我们经常会遇到各种各样的实例，例如：猫，狗，兔子然后在操作这些实例时是很浪费时间空间的，所以在开发中我们经常会抽象成一个对象存储，在具体应用时然后实例化成具体对象。它们都属于动物，我们可以
转载
2023-10-29 00:34:47
63阅读
这是body部分的代码`<script> Element.prototype.insertAfter = function( targetNode, afterNode ){ var beforeNode = afterNode.nextElementSibling; //表示afterNode的下一个兄弟节点...
原创
2022-07-28 18:44:59
38阅读
