- 目录 1 什么是单例模式？ 2 单例模式的作用和注意事项 3 代码实现 4 案例应用 4.1 使用单例模式管理命名空间 4.2 使用单例模式为不同命名空间的button按钮添加click事件，并且使他们之间能够互相通信 1 什么是单例模式？ 单例就是保证一个类只有一个实例，实现的方法一般是先判断实例存在与否，如果 ... 目录 1 什么是单例模式？ 2 单例模式的作用和注意事项 3 代码实现 4 案例应用 4.1 使用单例模式管理命名空间 4.2 使用单例模式为不同命名空间的button按钮添加click事件，并且使他们之间能够互相通信 1 什么是单例模式？ 单例就是保证一个类只有一个实例，实现的方法一般是先判断实例存在与否，如果 ...
- 目录 1什么是Node 2Node.js安装 2.1官网下载 2.2安装 3Node.js快速入门 3.1Node.js组成 3.2Node.js基础语法 3.3Node.js中的全局对象global 4Node.js模块化开发 4.1JavaScript开发弊端 4.2 软件中的模块化开发 4.3 Node.js中模块化开发规范 4.4模块成员导出... 目录 1什么是Node 2Node.js安装 2.1官网下载 2.2安装 3Node.js快速入门 3.1Node.js组成 3.2Node.js基础语法 3.3Node.js中的全局对象global 4Node.js模块化开发 4.1JavaScript开发弊端 4.2 软件中的模块化开发 4.3 Node.js中模块化开发规范 4.4模块成员导出...
- 目录 1 学习目标 2 面向对象介绍 2.1 什么是对象 2.2 什么是面向对象 2.3 JavaScript 中面向对象的基本体现 3 JavaScript 如何创建对象 3.1 字面量方式 3.2 简单方式的改进：工厂函数 3.3 更优雅的工厂函数：构造函数 3.4 构造函数代码执行过程 3.5 构造函数和实例对象的关系 3.6... 目录 1 学习目标 2 面向对象介绍 2.1 什么是对象 2.2 什么是面向对象 2.3 JavaScript 中面向对象的基本体现 3 JavaScript 如何创建对象 3.1 字面量方式 3.2 简单方式的改进：工厂函数 3.3 更优雅的工厂函数：构造函数 3.4 构造函数代码执行过程 3.5 构造函数和实例对象的关系 3.6...
- 目录 一、递归 1.1 概念 1.2 出口 1.3 递归经典问题：递归求斐波那契数列 1.4 递归经典问题：递归求阶乘 1.5 递归求一个数字各个位数上的数字的和 1.6 递归遍历DOM树 二 深浅拷贝 2.1 浅拷贝 2.2 深拷贝 2.3 如何区分深拷贝与浅拷贝？ 2.3.1 浅拷贝：仅复制了引用，彼此之间的操作会互相影响 2.3.2 深拷贝：在... 目录 一、递归 1.1 概念 1.2 出口 1.3 递归经典问题：递归求斐波那契数列 1.4 递归经典问题：递归求阶乘 1.5 递归求一个数字各个位数上的数字的和 1.6 递归遍历DOM树 二 深浅拷贝 2.1 浅拷贝 2.2 深拷贝 2.3 如何区分深拷贝与浅拷贝？ 2.3.1 浅拷贝：仅复制了引用，彼此之间的操作会互相影响 2.3.2 深拷贝：在...
- B站视频：https://www.bilibili.com/video/BV1Kp4y167iX 十分钟实现炫酷透明计算器，CSS3+JavaScript实现3D炫酷计算器 今天带大家实现了一个炫酷的透明计算器，实现的过程中需要用到vanillatiltjs，一个平滑的3D倾斜javascript库，具体的使用和下载地址如下：https://micku7zu.g... B站视频：https://www.bilibili.com/video/BV1Kp4y167iX 十分钟实现炫酷透明计算器，CSS3+JavaScript实现3D炫酷计算器 今天带大家实现了一个炫酷的透明计算器，实现的过程中需要用到vanillatiltjs，一个平滑的3D倾斜javascript库，具体的使用和下载地址如下：https://micku7zu.g...
- 目录 1 什么是外观模式 2 外观模式的主要的参与者 3 代码实现 4 实例应用 4.1 跨浏览器事件 4.2 阻止默认和冒泡事件 5 总结 1 什么是外观模式 外观模式为子系统提供了一个接口，它屏蔽一个或多个子系统的复杂功，提供了一个一致的界面（接口）给用户。外观模式是一个非常简单的模式，但它的功能却很很强大，非常有用。外观模式不仅简化类中的接口，而且对... 目录 1 什么是外观模式 2 外观模式的主要的参与者 3 代码实现 4 实例应用 4.1 跨浏览器事件 4.2 阻止默认和冒泡事件 5 总结 1 什么是外观模式 外观模式为子系统提供了一个接口，它屏蔽一个或多个子系统的复杂功，提供了一个一致的界面（接口）给用户。外观模式是一个非常简单的模式，但它的功能却很很强大，非常有用。外观模式不仅简化类中的接口，而且对...
- 目录 1 什么是工厂方法模式？ 2 工厂方法模式作用 3 工厂方法模式参与者 4 代码实现 1 什么是工厂方法模式？ 在基于类的编程中，工厂方法模式是一种创建模式，该模式使用工厂方法来处理创建对象的问题，而不必指定将要创建的对象的确切类。这是通过调用工厂方法来创建对象的，而不是通过调用构造函数，该工厂方法在接口中指定并由子类实现，或者在基类中实现，并且可以选择由... 目录 1 什么是工厂方法模式？ 2 工厂方法模式作用 3 工厂方法模式参与者 4 代码实现 1 什么是工厂方法模式？ 在基于类的编程中，工厂方法模式是一种创建模式，该模式使用工厂方法来处理创建对象的问题，而不必指定将要创建的对象的确切类。这是通过调用工厂方法来创建对象的，而不是通过调用构造函数，该工厂方法在接口中指定并由子类实现，或者在基类中实现，并且可以选择由...
- 目录 1 什么是适配器模式？ 2 参与者 3 实例讲解 4 其它应用 5 总结 1 什么是适配器模式？ 适配器模式是将一个接口（对象的属性和方法）转换为另一个接口。适配器允许编程组件协同工作，否则由于接口不匹配而无法协同工作。适配器模式也称为包装器模式。 适配器模式可以想象为我们日常生活中经常使用的接口转换器，实现两个或者多个不同的数据存储器进行数据交换，... 目录 1 什么是适配器模式？ 2 参与者 3 实例讲解 4 其它应用 5 总结 1 什么是适配器模式？ 适配器模式是将一个接口（对象的属性和方法）转换为另一个接口。适配器允许编程组件协同工作，否则由于接口不匹配而无法协同工作。适配器模式也称为包装器模式。 适配器模式可以想象为我们日常生活中经常使用的接口转换器，实现两个或者多个不同的数据存储器进行数据交换，...
- 目录 1.什么是原型模式 2 参与者 3 实例讲解 4 使用 Object.create实现原型模式 4.1 Object.create()的用法 4.2 用 Object.create实现继承 4.2.1 单继承 4.2.2 多继承 4.3 propertyObject参数 4.4 Polyfill 4.5 改写原型模式实现 5 总结 1.什... 目录 1.什么是原型模式 2 参与者 3 实例讲解 4 使用 Object.create实现原型模式 4.1 Object.create()的用法 4.2 用 Object.create实现继承 4.2.1 单继承 4.2.2 多继承 4.3 propertyObject参数 4.4 Polyfill 4.5 改写原型模式实现 5 总结 1.什...
- 视频 视频地址：https://www.bilibili.com/video/BV1v54y1t7zn 十分钟实现元旦祝福动画，CSS+JavaScript实现节日祝福动画，祝大家元旦快乐 视频已同步到我的B站账号欢迎大家关注。https://space.bilibili.com/563010186 参考代码 HTML: <!DOC... 视频 视频地址：https://www.bilibili.com/video/BV1v54y1t7zn 十分钟实现元旦祝福动画，CSS+JavaScript实现节日祝福动画，祝大家元旦快乐 视频已同步到我的B站账号欢迎大家关注。https://space.bilibili.com/563010186 参考代码 HTML: <!DOC...
- 今天这篇文章跟大家分享一些JavaScript常用的API代码，有DOM操作、CSS操作、对象（Object对象、Array对象、Number对象、String对象、Math对象、JSON对象和Console对象）操作，值得收藏。 一、节点 1.1 节点属性 Node.nodeName //返回节点名称，只读Node.nodeType //返回节点类型的常数值，... 今天这篇文章跟大家分享一些JavaScript常用的API代码，有DOM操作、CSS操作、对象（Object对象、Array对象、Number对象、String对象、Math对象、JSON对象和Console对象）操作，值得收藏。 一、节点 1.1 节点属性 Node.nodeName //返回节点名称，只读Node.nodeType //返回节点类型的常数值，...
- 混淆前: window = {};window.atob = function(r) { e = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="; var o = String(r).replace(/=+$/, ""); if(o.length % 4 == 1) throw n... 混淆前: window = {};window.atob = function(r) { e = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="; var o = String(r).replace(/=+$/, ""); if(o.length % 4 == 1) throw n...
- obfuscator混淆我相信大家耳熟能详，做爬虫的或多或少的都应该见到过这样混淆的代码，其官网地址: https://obfuscator.io/ 经过其混淆的代码，其变量名或者函数名多以 "_0x" 开头，例如 while (!![]) { switch (_0x3020e4[_0x3ef040++]) { case '0': var _0x2db... obfuscator混淆我相信大家耳熟能详，做爬虫的或多或少的都应该见到过这样混淆的代码，其官网地址: https://obfuscator.io/ 经过其混淆的代码，其变量名或者函数名多以 "_0x" 开头，例如 while (!![]) { switch (_0x3020e4[_0x3ef040++]) { case '0': var _0x2db...
- vue项目启动后调用顺序: index.html → main.js → app.vue → index.js → components/组件 一般项目创建好后会有三个文件：index.html、main.js、app.vue index.html ：所有vue文件都是单页面形式开发，所有vue组件都是通过index.html进行渲染加载。main.js：相当于ja... vue项目启动后调用顺序: index.html → main.js → app.vue → index.js → components/组件 一般项目创建好后会有三个文件：index.html、main.js、app.vue index.html ：所有vue文件都是单页面形式开发，所有vue组件都是通过index.html进行渲染加载。main.js：相当于ja...
- npm 是前端开发广泛使用的包管理工具，之前使用 Weex 时看了阮一峰前辈的文章了解了一些，这次结合官方文章总结一下，加深下理解吧！ 读完本文你将了解： 文章目录 什么是 npm？安装 npm更新 npmpackage.json 文件package.json 如何创建package.json 的内容指定依赖的包Semantic versioning（语义化版... npm 是前端开发广泛使用的包管理工具，之前使用 Weex 时看了阮一峰前辈的文章了解了一些，这次结合官方文章总结一下，加深下理解吧！ 读完本文你将了解： 文章目录 什么是 npm？安装 npm更新 npmpackage.json 文件package.json 如何创建package.json 的内容指定依赖的包Semantic versioning（语义化版...
上滑加载中
推荐直播
-
华为云码道Agent集成与鸿蒙实战2026/08/11 周二 19:00-21:00
王一男-华为云码道产品规划专家；李炎-华为云码道产品专家；彭江敏-华为云鸿蒙端云一体化开发专家
本次直播带你解读华为云码道7月份产品新特性、新功能。更有专家演示码道Agent Space × 钉钉机器集成实战，从0到1打通消息通道；码道鸿蒙端云一体化实战，快速搭建员工签到系统。
回顾中 -
华为云开发者AI素养直播课·第五期2026/09/04 周五 16:00-18:00
林华鼎-华为云AI开发者运营负责人；蒋春阳-华为云AI开发者案例开发专家
本期直播内容： AI工具体验营 · 第5-8课连讲。Agent-Team 多智能体协作完成毕业设计实践
回顾中 -
华为云开发者AI素养ClassRoom·第六期2026/09/08 周二 19:00-20:00
樊渊-2026华为软件挑战赛冠军
高手来了：看软挑高手解析二维排样问题—从工业难题到算法突破
回顾中
热门标签