AlbenXie
AlbenXie

[Javascript] 插件封装

JavaScript插件封装主要分成两类：

* 类级别封装-相当于jQuery类的静态函数

* 对象级别封装


一.  类级别封装方法

1.单个方法封装

[html]  view plain  copy
  1. //封装  
  2. jQuery.alert = function(name) {  
  3.     alert(name);  
  4. }  
  5.   
  6. //调用$.alert('aa')或jQuery.alert('aa')  
  7. $.alert('Mike');  

2.多个方法封装，调用$.warn('aa')或者jQuery.warn('aa')

[html]  view plain  copy
  1. >  
  2. <html>  
  3. <head>  
  4. <script src="/jquery/jquery-1.11.1.min.js">  
  5. script>  
  6. <script>  
  7. $(document).ready(function(){  
  8.   $("p").click(function(){  
  9.        jQuery.warn('Mike');  
  10.   });  
  11.   
  12. });  
[html]  view plain  copy
  1. //封装  
  2. jQuery.extend({  
  3.   alert: function(name) {  
  4.       alert("alert:" + name);  
  5.   },  
  6.   warn: function(name) {  
  7.       alert("warn:" + name);   
  8.   }  
  9. });  
  10. script>  
  11. head>  
  12. <body>  
  13. <p>如果您点击我，我会消失。p>  
  14. <p>点击我，我会消失。p>  
  15. <p>也要点击我哦。p>  
  16. body>  
  17. html>  

3.域名调用，并封装多个方法

[html]  view plain  copy
  1. >  
  2. <html>  
  3. <head>  
  4. <script src="/jquery/jquery-1.11.1.min.js">  
  5. script>  
  6. <script>  
  7. $(document).ready(function(){  
  8.   $("p").click(function(){    
  9.        //调用  
  10.        jQuery.messager.warn('Mike');  
  11.   });  
  12.   
  13. });  
  14.   
  15. //封装  
  16. jQuery.messager = {  
  17.   
  18.   alert: function(name) {  
  19.       alert("alert:" + name);  
  20.   },  
  21.   warn: function(name) {  
  22.       alert("warn:" + name);   
  23.   }  
  24.   
  25. }  
  26.   
  27. script>  
  28. head>  
  29. <body>  
  30. <p>如果您点击我，我会消失。p>  
  31. <p>点击我，我会消失。p>  
  32. <p>也要点击我哦。p>  
  33. body>  
  34. html>  

二. 对象级别的插件开发

形式1：

[html]  view plain  copy
  1. >  
  2. <html>  
  3. <head>  
  4. <script src="/jquery/jquery-1.11.1.min.js">  
  5. script>  
  6. <script>  
  7. $(document).ready(function(){  
  8.   $("p").click(function(){   
  9.        //重要:$.extend(obj)扩展的为jQuery类的静态方法调用可采用如$.alert() 或直接alert()  
  10.        //$.fn.extend(obj)扩展的为对象的方法，因此调用不能用$.alert(),要直接alert()  
  11.        //调用  
  12.        alert('Mike');  
  13.        //报错  
  14.        //$.alert('Mike');  
  15.   });  
  16.   
  17. });  
  18.   
  19. //声明一个函数并立即执行函数，用$(形参)代替jQuery实参  
  20. $(function($) {  
  21.     $.fn.extend({  
  22.         alert: function(name) {  
  23.             alert(name);  
  24.         }  
  25.     });  
  26. }(jQuery));  
  27. script>  
  28. head>  
  29. <body>  
  30. <p>如果您点击我，我会消失。p>  
  31. <p>点击我，我会消失。p>  
  32. <p>也要点击我哦。p>  
  33. body>  
  34. html>  

形式2

[html]  view plain  copy
  1. >  
  2. <html>  
  3. <head>  
  4. <script src="/jquery/jquery-1.11.1.min.js">  
  5. script>  
  6. <script>  
  7. $(document).ready(function(){  
  8.   $("p").click(function(){   
  9.        //正确调用方式  
  10.        $('body').jAlert('Mike');  
  11.        //报错  
  12.        //$.jAlert('aa');  
  13.        //报错  
  14.        //jAlert('aa');   
  15.   });  
  16.   
  17. });  
  18.   
  19. //声明一个函数并立即执行函数，用$(形参)代替jQuery实参  
  20. $(function($) {  
  21.     //这种方式使得调用方式为$(element).jAlert('aaa'),其他方式$.jAlert('aa')或者jAlert('aa')都会出错  
  22.     $.fn.jAlert = function(name){  
  23.                 alert(name)  
  24.     }  
  25. }(jQuery));  
  26. script>  
  27. head>  
  28. <body>  
  29. <p>如果您点击我，我会消失。p>  
  30. <p>点击我，我会消失。p>  
  31. <p>也要点击我哦。p>  
  32. body>  
  33. html>  

3.options控制插件

[html]  view plain  copy
  1. >  
  2. <html>  
  3. <head>  
  4. <script src="/jquery/jquery-1.11.1.min.js">  
  5. script>  
  6. <script>  
  7. $(document).ready(function(){  
  8.   $("p").click(function(){   
  9.        //正确调用方式  
  10.        $(this).jAlert();  
  11.   });  
  12.   
  13. });  
  14.   
  15. //声明一个函数并立即执行函数，用$(形参)代替jQuery实参  
  16. $(function($) {  
  17.     $.fn.jAlert = function(options){  
  18.         var defaults = {  
  19.            color: '#fff',  
  20.            background: '#000'  
  21.         };  
  22.       options = $.extend({}, defaults, options);  
  23.        //$(this).css({'color': options['color')});  
  24.     $(this).css({'color': "" + options['color'], 'background': "" + options['background']});  
  25.        
  26.     };   
  27. }(jQuery));  
  28. script>  
  29. head>  
  30. <body>  
  31. <p>如果您点击我，我会消失。p>  
  32. <p>点击我，我会消失。p>  
  33. <p>也要点击我哦。p>  
  34. body>  
  35. html>  

3.暴露设置、暴露函数、私有设置、私有函数

暴露与暴露函数使得插件可扩展

暴露设置，用户使用时可设置如$.fn.hilight.defaults.color

暴露函数,用户可重写暴露的函数如$.fn.hilight.format = function(){}

有一点注意：

调用插件时$(element).hilight(), 则插件内操作元素如设置样式等，都是针对该element，在插件内通过$(this)获取element,

经过调试，如hilight插件，return this.each(function(...))是指对每个符合要求的element操作，如$('p'),对所有

标签操作，如果插件内不用return this.each,也会对标签内的所有

操作，但是方法只执行了一次

[html]  view plain  copy
  1. // 创建一个闭包      
  2. (function($) {      
  3.   // 插件的定义      
  4.   $.fn.hilight = function(options) {      
  5.     debug(this);      
  6.     // build main options before element iteration      
  7.     var opts = $.extend({}, $.fn.hilight.defaults, options);      
  8.     // iterate and reformat each matched element      
  9.     return this.each(function() {      
  10.       $this = $(this);      
  11.       // build element specific options      
  12.       var o = $.meta ? $.extend({}, opts, $this.data()) : opts;      
  13.       // update element styles      
  14.       $this.css({      
  15.         backgroundColor: o.background,      
  16.         color: o.foreground      
  17.       });      
  18.       var markup = $this.html();      
  19.       // call our format function      
  20.       markup = $.fn.hilight.format(markup);      
  21.       $this.html(markup);      
  22.     });      
  23.   };      
  24.   // 私有函数：debugging      
  25.   function debug($obj) {      
  26.     if (window.console && window.console.log)      
  27.       window.console.log('hilight selection count: ' + $obj.size());      
  28.   };      
  29.   // 定义暴露format函数      
  30.   $.fn.hilight.format = function(txt) {      
  31.     return '<strong>' + txt + 'strong>';      
  32.   };      
  33.   // 插件的defaults      
  34.   $.fn.hilight.defaults = {      
  35.     foreground: 'red',      
  36.     background: 'yellow'      
  37.   };      
  38. // 闭包结束      
  39. })(jQuery);       

你可能感兴趣的:(JS封装等思想)

  • jupyter的一些操作 翻滚吧键盘 Debian12使用日记jupyteridepython
    Linux，mac中可以直接通过在输入代码的地方输入pip等终端命令，并可以执行运行所有cell“Cell"菜单，然后选择“RunAll”选项来运行全部代码
  • XPipe：一款新型开源终端管理神器 修己xj 工具开源
    最近，一位朋友在使用Docker时遇到了一个问题：他对宿主机与容器之间的文件复制以及在容器内执行命令等操作感到困惑。这让我开始思考，如果有一款远程管理工具能够直接连接到容器内部，操作是否会变得更加便捷？恰巧，今天在浏览GitHub时，我发现了这样一款名为XPipe的工具。工具介绍XPipe是一款创新的Shell连接中心和远程文件管理器，它能够让你从本地机器轻松访问整个服务器基础设施。这款工具运行在
  • 深度学习 Deep Learning 第8章 深度学习优化 odoo中国 AI编程人工智能深度学习人工智能优化
    深度学习第8章深度学习的优化章节概述本章深入探讨了深度学习中的优化技术，旨在解决模型训练过程中面临的各种挑战。优化是深度学习的核心环节，直接关系到模型的训练效率和最终性能。本章首先介绍了优化在深度学习中的特殊性，然后详细讨论了多种优化算法，包括随机梯度下降（SGD）、动量法、Nesterov动量法、AdaGrad、RMSProp和Adam等。此外，还探讨了参数初始化策略、自适应学习率方法以及二阶优
  • Nginx 接入 Keepalived 实现高可用，让你的网站稳如泰山！ OutOfMemory~~ nginx服务器前端
    一、往期内容回顾前面提到nginx可以实现后端服务的负载均衡，来使得后端的服务能力得到水平的扩展。但是怎么保证nginx的高可用呢，如果nginx挂了，还怎么持续提供服务呢？今天我们就来讲一讲Keepalived实现高可用的方案。二、什么是高可用？Keepalived高可用架构是什么？简单来说，高可用就是让你的网站服务时刻在线，即使出现硬件故障、网络波动等问题，也能快速恢复，保证用户访问不受影响。
  • 中大型企业绩效考核管理主流系统对比：北森、i人事等 绩效管理软件
    本文将深入对比8款适合中大型企业绩效考核系统：1.i人事；2.Moka；3.用友NC；4.金蝶；5.SAPSuccessFactors；6.北森；7.明道绩效考核系统；8.KronosWorkforceReady。在竞争激烈的商业环境中，一套高效的绩效考核系统不仅能激发员工潜力，更是推动中大型企业管理升级的核心引擎。如何在众多产品中找到既精准又具前瞻性的解决方案？本文将深入评测15款经过市场严格检
  • springboot基于bs 架构的母婴用户商城全程服务管理系统(源码+lw+部署文档+讲解等) 源码哆哆V+ymhydo Java毕设优质源码springboot架构后端
    具体实现截图技术栈后端框架SpringBoot采用springboot作为后台的框架，java框架具有简化配置和开发的效率。Spring框架目前是很多java开发者的首选框架，Spring主要有两大功能，控制反转和面向切面的编程。控制反转（IOC）可以实现代码的依赖注入，减少代码的耦合性，大大提高了软件质量，面向切面编程（AOP）主要是应用动态代理的技术对代码逻辑进行分离，可以实现对代码的重用，适
  • 景联文科技提供高质量文本标注服务，驱动AI技术发展 景联文科技 科技人工智能
    文本标注是指在原始文本数据上添加标签的过程，这些标签可以用来指示特定的实体、关系、事件等信息，以帮助计算机理解和处理这些数据。文本标注是自然语言处理（NLP）领域的一个重要环节，它通过为文本的不同部分提供具体的含义和上下文信息，增强机器学习和深度学习模型对文本内容的理解能力。标注类型情感分析情感极性：确定文本表达的情感倾向，如正面、负面或中立。强度评估：衡量情感的强烈程度，从轻微到极端不等。命名实
  • 【MySQL】实战篇—数据库设计与实现：根据需求设计数据库架构 AI人H哥会Java MySQLsqlmysql数据库
    在设计数据库架构时，开发者需要遵循一系列步骤，以确保数据库能够高效、可靠地满足系统需求。以下是设计数据库架构的理论知识和步骤说明。1.需求分析需求分析是数据库设计的第一步，旨在理解系统的功能需求和数据需求。通过与利益相关者（如用户、开发人员和业务分析师）进行沟通，明确系统需要存储和管理的数据类型。步骤说明识别业务需求：确定系统的主要功能，例如用户管理、订单处理、库存管理等。收集数据需求：明确每个功
  • 一文读懂Python之random模块（31） 跟着杰哥学Python python
    random模块是Python的内置标准库，用于生成各类随机数，可以用作生成网站初始登录密码和随机验证码。一、random模块简介random模块可以生成随机数，包括随机整数、浮点数、随机元素等。二、random模块相关概念随机数：是指在一定范围内随机产生的数，每个数被选中的概率相等。随机数最重要的特性是其后产生的数与前面的数毫无关系，即随机性、不可预测性和不可重现性。三、random模块常用方法
  • 五个冷门的Adobe系列软件小技巧 reddingtons adobe
    在当今的数字时代，Adobe系列软件在设计、视频编辑和创意制作领域占据着重要地位。许多学校和教育机构为学生提供教育邮箱，允许他们免费使用Adobe全系列软件的教育订阅。这意味着无论是Photoshop、Illustrator还是PremierePro等热门软件，学生都能轻松获取。然而，本文将分享一些冷门的Adobe软件小技巧，这些技巧主要适用于付费用户，可能不适用于某些免费用户。小技巧一：使用Ad
  • 从“一壶浊酒”到“一份报告”，看永洪科技助力郎酒集团的数字化升级之旅 永洪科技 大数据数据分析数据可视化BI
    白酒在社交、庆祝和宴请活动中扮演着重要的角色，它与人们的生活密切相关。白酒的制作过程、酿造技艺、酒文化习俗等方面都体现了当地的历史、传统和价值观。同时它也是一种文化的载体，承载着人们对于生活、友谊、团聚的情感和期待。人们通过分享白酒来加强彼此之间的联系和沟通，它成为了社交场合中的重要元素。白酒还通过艺术、文学、电影等形式在文化领域中得到了表达和展示。郎酒庄园作为我国传统的白酒行业，郎酒在国内市场占
  • 从“制造”到“智造”，看中集“灯塔”生产线与永洪“数据技术”的紧密融合 永洪科技 制造大数据数据分析BI数据可视化
    “灯塔”工厂，这一由世界经济论坛提出的概念，已成为制造业领域的一个新的标杆，它代表着制造业的最高智能化水平。作为全球领先的制造企业，中集集团一直致力于提升生产效率和产品质量，以满足全球贸易的不断增长需求。永洪科技与中集集团的合作，正是围绕打造制造业的“灯塔”生产线而展开的。中集集团成立于1980年，总部位于深圳，是中国制造业的领军企业之一，业务涵盖物流、能源、化工等领域。近年来，随着全球经济的复苏
  • 打造金融数据新引擎，看永洪科技助力头部农信社搭建一站式分析平台 永洪科技 金融数据可视化BI数据分析大数据
    在数字化转型的浪潮中，金融行业作为经济发展的核心引擎，正加速探索数字化、智能化的新路径。永洪科技，近日成功助力某省农村信用社联合社（简称：Z企业）完成了其数字化转型的重要一步，通过部署先进的商业智能解决方案，为Z企业的业务升级与效能提升注入了强劲动力。随着智能金融时代的来临，以大数据、人工智能、移动互联等新兴技术为核心的金融科技持续赋能银行金融业务数字化、智能化、开放化的发展，为金融机构营销体系的
  • Win11网络连接不可用？这些解决方案助你快速恢复网络畅通 nntxthml 网络智能路由器windows
    Win11网络连接不可用？这些解决方案助你快速恢复网络畅通在使用Windows11系统的过程中，网络连接不可用的问题时常困扰着我们。无论是无法访问互联网、共享文件还是使用网络应用程序，这一问题都会对我们的工作和生活造成诸多不便。网络连接不可用的情况可能由多种原因导致，例如网络连接未开启、硬件设备故障等。为了帮助大家快速解决这一问题，本文将详细介绍几种实用的解决方案。一、检查并启用网络连接在Wind
  • mysql笔记 m0_67015473 mysql笔记
    mysql日志分析错误日志日志默认开启，查询showvariableslike“%error_log%”，日志存在于/var/log/mysqld.log二进制日志日志默认开启，记录所有的DDL(Create等)和DML(insert等)，但不包括数据查询（SELECT、SHOW)语句作用：灾难时的数据恢复mysql的主从复制查询showvariableslike“%log_bin%”，日志存在于
  • 深入理解 Vue3 中的 Reflect 和 Proxy 使用 写完这行代码打球去 #vuevue.js前端javascript
    Proxy详解讲到Proxy对象相信大家都肯定很熟悉，vue3的响应式原理就是以此为基础的。Proxy对象用于创建一个对象的代理，从而实现基本操作的拦截和自定义（如属性查找、赋值、枚举、函数调用等）。Proxy语法简要介绍constp=newProxy(target,handler)handler常用方法get-拦截对象属性的读取操作set-拦截对象属性的设置操作has-拦截属性查询操作delet
  • 计算机接口实验报告：D/A转换实验 不吃~香菜 各类实验报告汇总需要私计算机接口实验报告D/A转换实验
    注：此实验并不完整，仅供参考，如需完整版请私我留言完整版包含：1、实验原理2、实验内容3、实验代码4、实验截图5、实验心得图文并茂，包含内部引脚图、线路图等，非常详细！总共10+页word！往期回顾：计算机接口实验报告：8255并行接口实验-CSDN博客计算机接口实验报告：8254定时/计数器应用实验-CSDN博客计算机接口实验报告：D/A转换实验一、实验内容编写D/A转换程序，要求产生锯齿波、脉
  • 景联文科技：以高质量数据标注推动人工智能领域创新与发展 景联文科技 科技人工智能数据标注
    在当今这个由数据驱动的时代，高质量的数据标注对于推动机器学习、自然语言处理（NLP）、计算机视觉等领域的发展具有不可替代的重要性。数据标注过程涉及对原始数据进行加工，通过标注特定对象的特征来生成能够被机器学习模型识别和使用的编码格式，从而使数据更具有意义和可解读性。数据标注的主要类型包括：图像标注：指在图片中标识出目标物体的位置、形状或类别等信息，如自动驾驶技术中的行人、车辆及交通标志的识别。文本
  • Java中卫语句的设计思想 而为. java服务器开发语言
    卫语句（GuardClauses）是一种通过提前返回简化条件嵌套、提升代码可读性的编程技巧。其核心思想是优先处理异常或边界情况，让主逻辑保持扁平化。以下是deepseek做出的设计思想详解：核心设计原则FailFast（快速失败）在函数入口处立即检查非法参数或无效状态，若不符合条件则提前终止（如返回、抛异常），避免后续无效操作。减少嵌套层级用卫语句替换多层if-else嵌套，将代码从“箭头型”结构
  • 端到端的NLP框架（Haystack） deepdata_cn NLP自然语言处理人工智能
    Haystack是一个端到端的NLP框架，专门用于构建基于文档的问答系统，是实现RAG的理想选择。它提供了数据预处理、文档存储、检索和生成等一系列组件，支持多种语言模型和检索器。提供可视化界面，方便用户进行配置和调试；支持多模态数据，可处理文本、图像等多种类型的数据；具有可扩展性，可根据需求添加自定义组件。2020年在自然语言处理技术快速发展，对高效、易用且灵活的端到端NLP框架需求日益增长的背景
  • 客服机器人怎么才能精准的回答用户问题？ 玩人工智能的辣条哥 AI面试机器人客服机器人
    环境：客服机器人问题描述：客服机器人怎么才能精准的回答用户问题？解决方案：客服机器人要精准回答用户问题，需综合技术、数据和用户体验等多方面因素。以下是关键策略和步骤：1.精准理解用户意图自然语言处理（NLP）技术分词与实体识别：提取关键词（如“订单号”“退货”）和实体（如时间、地点）。意图分类：通过机器学习模型（如BERT、Transformer）将问题归类（如“售后”“支付”）。上下文理解记录对
  • 如何一键修改MDK代码风格以及error in include chain (cmsis_armcc.h): expected identfieror报错解决方法 superior tigre 单片机单片机stm32嵌入式硬件
    目录一、修改MDK代码风格的两种方法1.直接设置2.替换global.prop文件，一键设置二、errorinincludechain(xxxxxxx.h):expectedidentfieror等报错的解决方法一、修改MDK代码风格的两种方法最近在学习某原子stm32的HAL库视频，被教学代码的风格深深吸引，感觉keil默认代码风格是越看越别扭，所以决定自己修改一下代码的格式，总结了两种方法，这
  • 群体智能优化算法-爱情进化算法 (Love Evolution Algorithm, LEA，含Matlab源代码） HR Zhou 算法matlab开发语言群体智能优化优化
    摘要爱情进化算法（LEA）是一种基于心理学刺激-价值-角色理论（Stimulus-Value-RoleTheory）所提出的新型元启发式算法。该算法将“恋爱中的人”抽象为种群个体，通过对个体“幸福度（Happiness）”的定义和动态更新，模拟了从“相遇->价值交流->角色平衡”三个阶段不断逼近全局最优解的过程。LEA在高维连续优化与工程应用等场景下可实现对搜索空间的充分探索与精细开发。本文结合算
  • 封装了localStorage和sessionStorage的通用存储模块 会飞的鱼先生 vue.jsjavascript前端
    本地存储/***通用存储类，用于封装localStorage和sessionStorage的操作*///封装localStorage和sessionStorage的方法classStorage{/***构造函数，初始化存储类型*@param{string}type-存储类型，可选值为'localStorage'或'sessionStorage'*/constructor(type='localSt
  • 灰狼优化算法（Grey Wolf Optimization, GWO）及其 Python 代码 追蜻蜓追累了 算法pythongithubpycharmjupytermatlabnumpy
    灰狼优化算法（GreyWolfOptimization,GWO）是一种基于灰狼社会行为觅食过程而设计的优化算法。其基本原理是模拟灰狼群体中个体的协作和竞争行为，以迭代更新的方式寻找最优解。灰狼优化算法涉及三种灰狼的角色：alpha（α）、beta（β）和delta（δ），它们分别代表群体中的优势个体。算法包括初始化灰狼位置、计算适应度值、更新灰狼位置等步骤。以下是一个简单的Python示例代码，实
  • 【江协STM32】11-2/3 W25Q64简介、软件SPI读写W25Q64 冰糖雪莲IO stm32嵌入式硬件单片机
    1.W25Q64简介W25Qxx系列是一种低成本、小型化、使用简单的非易失性存储器，常应用于数据存储、字库存储、固件程序存储等场景存储介质：NorFlash（闪存）时钟频率：80MHz/160MHz(DualSPI)/320MHz(QuadSPI)存储容量（24位地址）：W25Q40：4Mbit/512KByteW25Q80：8Mbit/1MByteW25Q16：16Mbit/2MByteW25Q
  • [前端面试场景题]虚拟列表 GISer_Jinger 前端面试
    嗯，用户问的是“前端虚拟列表详解”，我需要详细回答这个问题。首先，我得先理解虚拟列表的概念和用途。根据搜索结果，虚拟列表主要用于优化长列表的渲染性能，特别是在处理大量数据时。用户可能想知道它的核心原理、实现方法以及实际应用场景。看网页1提到虚拟列表的定义和关键点，只渲染视口内的数据项，减少DOM节点。网页2和网页4都给出了具体的Vue和原生JS实现案例，比如动态计算起始和结束索引，使用transf
  • 25. 策略模式 智想天开 设计模式详解策略模式bash开发语言
    原文地址:策略模式更多内容请关注：智想天开1.策略模式简介策略模式（StrategyPattern）是一种行为型设计模式，它定义了一系列算法，将每一个算法封装起来，并使它们可以相互替换。策略模式让算法的变化独立于使用算法的客户。通过引入策略模式，可以在不修改客户端代码的情况下，动态地更改对象的行为。关键点：算法封装：将不同的算法封装到独立的策略类中。互换性：策略类可以相互替换，客户端可以根据需要选
  • 微信小程序的旅游服务助手 景点 酒店 旅游规划的设计与实现 QQ1304979694 微信小程序旅游小程序
    文章目录具体实现截图本项目支持的技术语言研究思路、方法和步骤本系统开发思路主要软件与实现手段系统可行性分析源码获取详细视频演示：文章底部获取博主联系方式！！！！java类核心代码部分展示微信小程序技术现状源码获取/详细视频演示具体实现截图本项目支持的技术语言前端开发框架:vue.js+uniapp数据库mysql版本不限微信开发者工具/hbuiderx数据库工具：Navicat/SQLyog等都可
  • 生成对抗网络（GAN）的高级变体及在图像生成领域的创新实践 算法探索者 生成对抗网络计算机视觉人工智能
    摘要生成对抗网络（GAN）自提出以来，在诸多领域取得了显著进展，尤其是在图像生成方面展现出强大的潜力。本文深入探讨了GAN的多种高级变体，如CycleGAN、StyleGAN等，详细分析它们在结构设计、训练机制上的创新之处，阐述其在生成高分辨率、多样化图像时具备的独特优势，并结合丰富的实际案例，展示这些变体在图像生成领域的卓越应用成果，为相关研究与应用提供全面且深入的参考。一、引言生成对抗网络（G
  • github中多个平台共存 jackyrong github
    在个人电脑上，如何分别链接比如oschina,github等库呢，一般教程之列的，默认 ssh链接一个托管的而已，下面讲解如何放两个文件 1） 设置用户名和邮件地址 $ git config --global user.name "xx" $ git config --global user.email "[email protected]"
  • ip地址与整数的相互转换(javascript) alxw4616 JavaScript
    //IP转成整型 function ip2int(ip){ var num = 0; ip = ip.split("."); num = Number(ip[0]) * 256 * 256 * 256 + Number(ip[1]) * 256 * 256 + Number(ip[2]) * 256 + Number(ip[3]); n
  • 读书笔记-jquey+数据库+css chengxuyuancsdn htmljqueryoracle
    1、grouping ,group by rollup, GROUP BY GROUPING SETS区别 2、$("#totalTable tbody>tr td:nth-child(" + i + ")").css({"width":tdWidth, "margin":"0px", &q
  • javaSE javaEE javaME == API下载 Array_06 java
    oracle下载各种API文档： http://www.oracle.com/technetwork/java/embedded/javame/embed-me/documentation/javame-embedded-apis-2181154.html JavaSE文档： http://docs.oracle.com/javase/8/docs/api/ JavaEE文档： ht
  • shiro入门学习 cugfy javaWeb框架
    声明本文只适合初学者，本人也是刚接触而已，经过一段时间的研究小有收获，特来分享下希望和大家互相交流学习。 首先配置我们的web.xml代码如下，固定格式，记死就成 <filter>         <filter-name>shiroFilter</filter-name> &nbs
  • Array添加删除方法 357029540 js
         刚才做项目前台删除数组的固定下标值时，删除得不是很完整，所以在网上查了下，发现一个不错的方法，也提供给需要的同学。 //给数组添加删除             Array.prototype.del = function(n){
  • navigation bar 更改颜色 张亚雄 IO
    今天郁闷了一下午，就因为objective-c默认语言是英文，我写的中文全是一些乱七八糟的样子，到不是乱码，但是，前两个自字是粗体，后两个字正常体，这可郁闷死我了，问了问大牛，人家告诉我说更改一下字体就好啦，比如改成黑体，哇塞，茅塞顿开。       翻书看，发现，书上有介绍怎么更改表格中文字字体的，代码如下    
  • unicode转换成中文 adminjun unicode编码转换
      在Java程序中总会出现\u6b22\u8fce\u63d0\u4ea4\u5fae\u535a\u641c\u7d22\u4f7f\u7528\u53cd\u9988\uff0c\u8bf7\u76f4\u63a5这个的字符，这是unicode编码，使用时有时候不会自动转换成中文就需要自己转换了使用下面的方法转换一下即可。 /** * unicode 转换成 中文
  • 一站式 Java Web 框架 firefly aijuans Java Web
    Firefly是一个高性能一站式Web框架。 涵盖了web开发的主要技术栈。 包含Template engine、IOC、MVC framework、HTTP Server、Common tools、Log、Json parser等模块。 firefly-2.0_07修复了模版压缩对javascript单行注释的影响，并新增了自定义错误页面功能。 更新日志： 增加自定义系统错误页面功能
  • 设计模式——单例模式 ayaoxinchao 设计模式
    定义          Java中单例模式定义：“一个类有且仅有一个实例，并且自行实例化向整个系统提供。”   分析          从定义中可以看出单例的要点有三个：一是某个类只能有一个实例；二是必须自行创建这个实例；三是必须自行向系统提供这个实例。   &nb
  • Javascript 多浏览器兼容性问题及解决方案 BigBird2012 JavaScript
    不论是网站应用还是学习js,大家很注重ie与firefox等浏览器的兼容性问题，毕竟这两中浏览器是占了绝大多数。 一、document.formName.item(”itemName”) 问题 问题说明：IE下，可以使用 document.formName.item(”itemName”) 或 document.formName.elements ["elementName&quo
  • JUnit-4.11使用报java.lang.NoClassDefFoundError: org/hamcrest/SelfDescribing错误 bijian1013 junit4.11单元测试
            下载了最新的JUnit版本，是4.11，结果尝试使用发现总是报java.lang.NoClassDefFoundError: org/hamcrest/SelfDescribing这样的错误，上网查了一下，一般的解决方案是，换一个低一点的版本就好了。还有人说，是缺少hamcrest的包。去官网看了一下，如下发现：    
  • [Zookeeper学习笔记之二]Zookeeper部署脚本 bit1129 zookeeper
    Zookeeper伪分布式安装脚本(此脚本在一台机器上创建Zookeeper三个进程，即创建具有三个节点的Zookeeper集群。这个脚本和zookeeper的tar包放在同一个目录下，脚本中指定的名字是zookeeper的3.4.6版本，需要根据实际情况修改)：   #!/bin/bash #!!!Change the name!!! #The zookeepe
  • 【Spark八十】Spark RDD API二 bit1129 spark
    coGroup package spark.examples.rddapi import org.apache.spark.{SparkConf, SparkContext} import org.apache.spark.SparkContext._ object CoGroupTest_05 { def main(args: Array[String]) { v
  • Linux中编译apache服务器modules文件夹缺少模块(.so)的问题 ronin47 modules
    在modules目录中只有httpd.exp，那些so文件呢？ 我尝试在fedora core 3中安装apache 2. 当我解压了apache 2.0.54后使用configure工具并且加入了 --enable-so 或者 --enable-modules=so (两个我都试过了) 去make并且make install了。我希望在/apache2/modules/目录里有各种模块，
  • Java基础-克隆 BrokenDreams java基础
            Java中怎么拷贝一个对象呢？可以通过调用这个对象类型的构造器构造一个新对象，然后将要拷贝对象的属性设置到新对象里面。Java中也有另一种不通过构造器来拷贝对象的方式，这种方式称为 克隆。         Java提供了java.lang.
  • 读《研磨设计模式》-代码笔记-适配器模式-Adapter bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * 适配器模式解决的主要问题是，现有的方法接口与客户要求的方法接口不一致 * 可以这样想，我们要写这样一个类（Adapter）: * 1.这个类要符合客户的要求 ---> 那显然要
  • HDR图像PS教程集锦&心得 cherishLC PS
    HDR是指高动态范围的图像，主要原理为提高图像的局部对比度。 软件有photomatix和nik hdr efex。 一、教程 叶明在知乎上的回答： http://www.zhihu.com/question/27418267/answer/37317792 大意是修完后直方图最好是等值直方图，方法是HDR软件调一遍，再结合不透明度和蒙版细调。 二、心得 1、去除阴影部分的
  • maven-3.3.3 mvn archetype 列表 crabdave ArcheType
    maven-3.3.3 mvn archetype 列表 可以参考最新的：http://repo1.maven.org/maven2/archetype-catalog.xml   [INFO] Scanning for projects... [INFO]                
  • linux shell 中文件编码查看及转换方法 daizj shell中文乱码vim文件编码
    一、查看文件编码。     在打开文件的时候输入:set fileencoding     即可显示文件编码格式。 二、文件编码转换     1、在Vim中直接进行转换文件编码,比如将一个文件转换成utf-8格式       &
  • MySQL--binlog日志恢复数据 dcj3sjt126com binlog
    恢复数据的重要命令如下 mysql> flush logs; 默认的日志是mysql-bin.000001，现在刷新了重新开启一个就多了一个mysql-bin.000002                  
  • 数据库中数据表数据迁移方法 dcj3sjt126com sql
    刚开始想想好像挺麻烦的，后来找到一种方法了，就SQL中的 INSERT 语句，不过内容是现从另外的表中查出来的，其实就是 MySQL中INSERT INTO SELECT的使用   下面看看如何使用   语法：MySQL中INSERT INTO SELECT的使用 1. 语法介绍       有三张表a、b、c，现在需要从表b
  • Java反转字符串 dyy_gusi java反转字符串
           前几天看见一篇文章，说使用Java能用几种方式反转一个字符串。首先要明白什么叫反转字符串，就是将一个字符串到过来啦，比如"倒过来念的是小狗"反转过来就是”狗小是的念来过倒“。接下来就把自己能想到的所有方式记录下来了。 1、第一个念头就是直接使用String类的反转方法，对不起，这样是不行的，因为Stri
  • UI设计中我们为什么需要设计动效 gcq511120594 UIlinux
    随着国际大品牌苹果和谷歌的引领，最近越来越多的国内公司开始关注动效设计了，越来越多的团队已经意识到动效在产品用户体验中的重要性了，更多的UI设计师们也开始投身动效设计领域。 但是说到底，我们到底为什么需要动效设计？或者说我们到底需要什么样的动效？做动效设计也有段时间了，于是尝试用一些案例，从产品本身出发来说说我所思考的动效设计。 一、加强体验舒适度 嗯，就是让用户更加爽更加爽的用
  • JBOSS服务部署端口冲突问题 HogwartsRow java应用服务器jbossserverEJB3
    服务端口冲突问题的解决方法，一般修改如下三个文件中的部分端口就可以了。   1、jboss5/server/default/conf/bindingservice.beans/META-INF/bindings-jboss-beans.xml   2、./server/default/deploy/jbossweb.sar/server.xml   3、.
  • 第三章 Redis/SSDB+Twemproxy安装与使用 jinnianshilongnian ssdbreidstwemproxy
    目前对于互联网公司不使用Redis的很少，Redis不仅仅可以作为key-value缓存，而且提供了丰富的数据结果如set、list、map等，可以实现很多复杂的功能；但是Redis本身主要用作内存缓存，不适合做持久化存储，因此目前有如SSDB、ARDB等，还有如京东的JIMDB，它们都支持Redis协议，可以支持Redis客户端直接访问；而这些持久化存储大多数使用了如LevelDB、RocksD
  • ZooKeeper原理及使用 liyonghui160com
               ZooKeeper是Hadoop Ecosystem中非常重要的组件，它的主要功能是为分布式系统提供一致性协调(Coordination)服务，与之对应的Google的类似服务叫Chubby。今天这篇文章分为三个部分来介绍ZooKeeper，第一部分介绍ZooKeeper的基本原理，第二部分介绍ZooKeeper
  • 程序员解决问题的60个策略 pda158 框架工作单元测试
    根本的指导方针 1. 首先写代码的时候最好不要有缺陷。最好的修复方法就是让 bug 胎死腹中。 良好的单元测试 强制数据库约束 使用输入验证框架 避免未实现的“else”条件 在应用到主程序之前知道如何在孤立的情况下使用   日志 2. print 语句。往往额外输出个一两行将有助于隔离问题。 3. 切换至详细的日志记录。详细的日
  • Create the Google Play Account sillycat Google
    Create the Google Play Account Having a Google account, pay 25$, then you get your google developer account. References: http://developer.android.com/distribute/googleplay/start.html https://p
  • JSP三大指令 vikingwei jsp
    JSP三大指令   一个jsp页面中，可以有0~N个指令的定义！ 1. page --> 最复杂：<%@page language="java" info="xxx"...%>   * pageEncoding和contentType：     > pageEncoding：它
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他