- 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（语义化版...
- config配置的目的是为了服务webpack的配置，给不同的编译条件提供配置。当我们需要和后台分离部署的时候，必须配置config/index.js。 用vue-cli 自动构建的目录里面会包含以下代码（环境变量及其基本变量的配置）。 var path = require('path') module.exports = { build: { index: p... config配置的目的是为了服务webpack的配置，给不同的编译条件提供配置。当我们需要和后台分离部署的时候，必须配置config/index.js。 用vue-cli 自动构建的目录里面会包含以下代码（环境变量及其基本变量的配置）。 var path = require('path') module.exports = { build: { index: p...
- 这个配置文件是命令npm run dev 和 npm run start 的入口配置文件，主要用于开发环境。 由于这是一个系统的配置文件，将涉及很多的模块和插件，所以这部分内容我将分多个文章讲解，请关注我博客的其他文章。 // 导入check-versions.js文件，并且执行导入的函数，用来确定当前环境node和npm版本是否符合要求 // 关于check-ver... 这个配置文件是命令npm run dev 和 npm run start 的入口配置文件，主要用于开发环境。 由于这是一个系统的配置文件，将涉及很多的模块和插件，所以这部分内容我将分多个文章讲解，请关注我博客的其他文章。 // 导入check-versions.js文件，并且执行导入的函数，用来确定当前环境node和npm版本是否符合要求 // 关于check-ver...
- Vue进阶（二）：Vue项目文件结构介绍 main.js是我们的主项目入口文件，主要作用是初始化vue实例，并引入所需要的插件；App.vue是我们的主组件，所有页面都是在App.vue下进行切换的。其实你也可以理解为所有的路由也是App.vue的子组件。所以将router标示为App.vue的子组件。index.html文件入口;src放置组件和入口文件;node_... Vue进阶（二）：Vue项目文件结构介绍 main.js是我们的主项目入口文件，主要作用是初始化vue实例，并引入所需要的插件；App.vue是我们的主组件，所有页面都是在App.vue下进行切换的。其实你也可以理解为所有的路由也是App.vue的子组件。所以将router标示为App.vue的子组件。index.html文件入口;src放置组件和入口文件;node_...
- 这次给大家带来vue.js中created方法的使用详解，使用vue.js中created方法的注意事项有哪些，下面就是实战案例，一起来看一下。 这是它的一个生命周期钩子函数，就是一个vue实例被生成后调用这个函数。一个vue实例被生成后还要绑定到某个html元素上，之后还要进行编译，然后再插入到document中。每一个阶段都会有一个钩子函数，方便开发者在不同阶段处理... 这次给大家带来vue.js中created方法的使用详解，使用vue.js中created方法的注意事项有哪些，下面就是实战案例，一起来看一下。 这是它的一个生命周期钩子函数，就是一个vue实例被生成后调用这个函数。一个vue实例被生成后还要绑定到某个html元素上，之后还要进行编译，然后再插入到document中。每一个阶段都会有一个钩子函数，方便开发者在不同阶段处理...
上滑加载中
推荐直播
-
“智见未来”数字文旅创新大赛 线上培训2025/04/16 周三 19:30-21:00
洪洁/行业算力发展部
4月16日19:30-21:00，大赛组委会将于线上举办培训，汇聚行业专家与技术大牛，从文旅产业的前沿趋势到AI技术的深度应用，全方位为你赋能
回顾中 -
WS63E星闪开发板快速入门指南：开启星闪技术之旅2025/05/15 周四 19:00-20:30
杨阳 华为开发者布道师
本期直播，深度解析星闪技术核心优势与开发实战技巧，分享从环境搭建到“海思智棒”优秀星闪体验官案例开发的完整路径，覆盖技术原理、场景化案例、备赛避坑指南，助力开发者快速攻克物联网项目开发难题。
回顾中
热门标签