EthanCoco
EthanCoco

JavaScript高级---门面模式设计

门面模式

两个作用：

1、简化类的接口

2、消除类与使用它的客户代码之间的耦合

门面模式常常是开发人员最亲密的朋友。它几乎是所有javascript库的核心原则

门面模式的目的是为了让开发人员用更简单的方法调用一些相对复杂或组合的方法，主要就是简化开发的复杂性，提供一个相对容易的API去调用内部的方法供外界去使用，这样程序员开发会变得轻松些，编写一次组合代码后可以反复的去使用它，有助于节省时间和精力

注意：

不要滥用门面模式，所以使用你心仪的门面之前一定要三思而定，搞不好你就会小题大做

 

引入概念：

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8" />
<title>门面模式设计</title>
    <!-- 
    @theme: javascript高级 门面模式设计
    @autor：EthanCoco
    @date：2015-11-22
    @email：lijianlin0204@163.com
    -->
</head>
<body>
    <script type=text/javascript charset=utf-8>
    /*********************************************************/
    //第一个示例引入
    
    //首先，我们定义两个函数 a,b 平常的话我们要调用这两个函数，就会是分别调用函数a,然后调用b
    //如果我需要做一件事 ：必须要同时调用a，b
    //我就可以通过一个API来调用a和b函数就可以，这就是一个简单的门面模式
    /*
    function a(x){
        //do something
    }
    function b(y){
        //do something
    }
    function ab(x,y){
        a(x);
        b(y);
    }
    */
    //我们只需要调用ab()函数就可以实现a，b的实现
    /*********************************************************/
    </script>
</body>
</html>

 

 

示例解说：

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8" />
<title>门面模式设计</title>
</head>
<body>
    <script type=text/javascript charset=utf-8>
    /*********************************************************/
    //现在有个需求：获得页面上的元素，并且给得到的样式设置css样式
    //通常做法很简单 如下：
    //我在页面上写了三个div
    window.onload = function(){
        //如果需要三个div的颜色都变成红色。我们需要些三个如下的类似代码
        var ele = document.getElementById("div1");
        ele.style.color = 'red';
        var ele = document.getElementById("div2");
        ele.style.color = 'red';
        var ele = document.getElementById("div2");
        ele.style.color = 'red';
    };
    </script>
    <div id="div1" >我是div1</div><br/>
    <div id="div2" >我是div2</div><br/>    
    <div id="div3" >我是div3</div>    
</body>
</html>

这样做会方法代码相似重复，非常不好，我们通过门面模式来设计就非常实用啦！

如下代码：

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8" />
<title>门面模式设计</title>
</head>
<body>
    <script type=text/javascript charset=utf-8>
    /*********************************************************/
    //示例2
    //现在有个需求：获得页面上的元素，并且给得到的样式设置css样式
    //我在页面上写了三个div
    
    window.onload = function(){
        //使用门面模式设置多个元素多种样式
        //可以调用setStyle方法来设置多种样式
        setStyle(['div1','div2','div3'],'color','blue');
    };
    //简单的门面模式
    function setStyle(elementsId,prop,val){
        for(var i=0;i<elementsId.length;i++){
            document.getElementById(elementsId[i]).style[prop] = val ;
        }
    }
    </script>
    <div id="div1" >我是div1</div><br/>
    <div id="div2" >我是div2</div><br/>    
    <div id="div3" >我是div3</div>    
</body>
</html>

继续深入：如果需求发生变更 ：“给多个元素设置多种样式”

代码如下：

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8" />
<title>门面模式设计</title>
    <!-- 
    @theme: javascript高级 门面模式设计
    @autor：EthanCoco
    @date：2015-11-22
    @email：lijianlin0204@163.com
    -->
</head>
<body>
    <script type=text/javascript charset=utf-8>
    //门面模式设计
    /*********************************************************/
    //现在有个需求：获得页面上的元素，并且给得到的样式设置css样式
    window.onload = function(){
        setCss(['div1','div2','div3'],{
            height : '200px',
            width :'300px',
            background:'green' ,
            fontSize: '18px' 
        });
        
    };
    //简单的门面模式
    function setStyle(elementsId,prop,val){
        for(var i=0;i<elementsId.length;i++){
            document.getElementById(elementsId[i]).style[prop] = val ;
        }
    }
    //如果需求方法变化 : 给多个元素设置多种样式
    //门面模式的CSS方法
    function setCss(elementsId,options){
        for(var prop in options){
            if(!options.hasOwnProperty(prop)) continue;
            setStyle(elementsId,prop,options[prop]);
        }
    }
    
    </script>
    <div id="div1" >我是div1</div><br/>
    <div id="div2" >我是div2</div><br/>    
    <div id="div3" >我是div3</div>    
</body>
</html>

门面模式的作用要记住，什么时候需要用，不可以乱用，否则就贻笑大方了！

附上整个源码：

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8" />
<title>门面模式设计</title>
    <!-- 
    @theme: javascript高级 组合模式设计
    @autor：EthanCoco
    @date：2015-11-22
    @email：lijianlin0204@163.com
    -->
</head>
<body>
    <script type=text/javascript charset=utf-8>
    
    
    //门面模式设计
    //两个作用：
    //1 简化类的接口
    //2 消除类与使用它的客户代码之间的耦合
    
    //门面模式常常是开发人员最亲密的朋友。它几乎是所有javascript库的核心原则。
    
    /*********************************************************/
    //第一个示例引入
    
    //首先，我们定义两个函数 a,b 平常的话我们要调用这两个函数，就会是分别调用函数a,然后调用b
    //如果我需要做一件事 ：必须要同时调用a，b
    //我就可以通过一个API来调用a和b函数就可以，这就是一个简单的门面模式
    /*
    function a(x){
        //do something
    }
    function b(y){
        //do something
    }
    function ab(x,y){
        a(x);
        b(y);
    }
    */
    //我们只需要调用ab()函数就可以实现a，b的实现
    /*********************************************************/
    
    /*********************************************************/
    //示例2
    //现在有个需求：获得页面上的元素，并且给得到的样式设置css样式
    //通常做法很简单 如下：
    //我在页面上写了三个div
    
    window.onload = function(){
        /*
        //如果需要三个div的颜色都变成红色。我们需要些三个如下的类似代码
        var ele = document.getElementById("div1");
        ele.style.color = 'red';
        var ele = document.getElementById("div2");
        ele.style.color = 'red';
        var ele = document.getElementById("div2");
        ele.style.color = 'red';
        */
        //使用门面模式设置多个元素多种样式
        //可以调用setStyle方法来设置多种样式
        //setStyle(['div1','div2','div3'],'color','blue');
        // 给多个元素设置多种样式
        setCss(['div1','div2','div3'],{
            height : '200px',
            width :'300px',
            background:'green' ,
            fontSize: '18px' 
        });
        
    };
    //简单的门面模式
    function setStyle(elementsId,prop,val){
        for(var i=0;i<elementsId.length;i++){
            document.getElementById(elementsId[i]).style[prop] = val ;
        }
    }
    //如果需求方法变化 : 给多个元素设置多种样式
    //门面模式的CSS方法
    function setCss(elementsId,options){
        for(var prop in options){
            if(!options.hasOwnProperty(prop)) continue;
            setStyle(elementsId,prop,options[prop]);
        }
    }
    
    </script>
    <div id="div1" >我是div1</div><br/>
    <div id="div2" >我是div2</div><br/>    
    <div id="div3" >我是div3</div>    
</body>
</html>
View Code

 

你可能感兴趣的:(JavaScript高级---门面模式设计)

  • JavaScript 改变 HTML 图像 我自纵横2023 JaveScript教程javascripthtml开发语言ecmascript前端
    JavaScript改变HTML图像JavaScript改变HTML图像的核心是通过动态修改标签的src属性或调整CSS样式实现图像切换或视觉效果变化。以下是具体方法与场景解析：一、核心方法：修改src属性1.直接替换图像路径通过document.getElementById()获取图像元素，修改其src属性即可切换图片：functionchangeImage(){constimg=documen
  • 用 HTML、CSS 和 JavaScript 实现二进制猜数字游戏 天若有情673 htmlcssjavascript
    在Web开发的世界里，我们常常希望通过简单而有趣的项目来巩固和应用所学的知识。今天，我们就来介绍一个基于HTML、CSS和JavaScript实现的二进制猜数字游戏，这个游戏既可以作为新手入门的练手项目，也能帮助大家更好地理解二进制的原理。项目背景二进制猜数字游戏是一个经典的利用二进制原理设计的小游戏。游戏通过展示6张卡片，玩家只需告知数字是否在卡片上，就能让程序猜出玩家心中所想的1-63之间的数
  • 10 个pygame经典小游戏 Small踢倒coffee_氕氘氚 python自学经验分享笔记
    10个具有代表性的高级小游戏思路及简单代码1.2048游戏importrandomdefnew_tile(board):empty_cells=[(i,j)foriinrange(4)forjinrange(4)ifboard[i][j]==0]ifempty_cells:i,j=random.choice(empty_cells)board[i][j]=2ifrandom.random()=sc
  • Javascript 全局脚本编程和模块化编程的区别 lzfshub javascript开发语言ecmascript
    全局脚本编程和模块化编程在JavaScript中代表了两种不同的代码组织和执行方式。以下是它们之间的一些主要区别：全局脚本编程：全局作用域：变量和函数默认在全局作用域中创建，容易造成命名冲突。全局变量可以在页面的任何其他脚本中访问和修改。命名空间污染：由于所有变量和函数都暴露在全局作用域，容易导致命名空间污染。需要开发者手动管理命名空间，例如通过使用对象字面量或立即执行函数表达式（IIFE）来封装
  • 【中大厂面试题】阿里云Java 后端 校招 最新面试题 扫地僧009 互联网大厂面试题阿里云java数据库开发语言面试
    目录MySQL事务隔离级别有哪些？幻读和脏读的区别？如何防止幻读？事务的mvcc机制原理是什么？mysql的什么命令会加上间隙锁？Java双亲委派机制是什么？垃圾回收cms和g1的区别是什么？spring三级缓存解决循环依赖问题？如何使用spring实现事务？介绍事务传播模型有哪些？springboot常用注解有哪些？介绍NIOBIOAIO？Redisredis高级数据结构的使用场景linuxli
  • 【前端扫盲】node.js npm nvm都是什么以及他们之间的关系 Tipriest_ 前端扫盲前端node.jsnpmnvm
    1.Node.js：JavaScript运行时环境定义：基于ChromeV8引擎的JavaScript运行平台，让JavaScript可以脱离浏览器在服务器端运行。作用：执行JavaScript代码（如运行Hexo博客生成器）。提供系统级API（如文件操作、网络通信等）。关键点：版本更新频繁，不同版本可能对项目兼容性产生重大影响（例如Node.js18+可能破坏旧插件）。2.npm(NodePac
  • 前端模块化开发 加贝力口贝 web前端Vue.js前端javascriptvue.js
    文章目录一、模块化1、模块化简介1.1模块化产生的背景1.2模块化规范2、ES6模块化规范2.1导出模块2.2导入模块2.3运行程序3、使用Babel转码3.1安装3.2初始化项目3.3配置.babelrc3.4安装转码器3.5转码3.6运行程序4、更多的方式一、模块化1、模块化简介1.1模块化产生的背景随着网站逐渐变成"互联网应用程序"，嵌入网页的Javascript代码越来越庞大，越来越复杂。
  • Hive UDF开发实战：构建高性能JSON生成器 莫叫石榴姐 收获不止一点hivejsonhadoop数据仓库大数据sql
    目录一、背景与需求场景二、开发环境准备2.1基础工具栈2.2Maven依赖配置三、核心代码实现3.1UDF类骨架3.2高级类型处理四、部署与使用4.1打包与注册4.2使用示例五、性能优化技巧六、功能扩展方向七、生产环境注意事项八、性能对比测试九、总结与展望往期精彩一、背景与需求场景在大数据生态中，Hive作为主流的数据仓库工具，在处理结构化数据时表现出色。但当我们需要将Hive查询结果与其他JSO
  • JavaScript 获取 URL 中参数值的详解 feidaoxiaoli777 javascript前端开发语言
    JavaScript获取URL中参数值的详解1.了解URL参数2.使用URLSearchParams获取参数值2.1什么是URLSearchParams？2.2示例代码2.3优缺点3.使用正则表达式获取参数值3.1示例代码3.2分析4.自定义解析函数4.1示例代码4.2分析5.小结与注意事项在开发Web应用时，我们经常需要从URL中提取参数值，比如获取用户的查询条件、跟踪统计信息等。本文将详细介绍
  • 从零构建大语言模型全栈开发指南：第二部分：模型架构设计与实现-2.2.2文本生成逻辑：Top-k采样与温度控制 言析数智 从零开始构建大模型大语言模型Top-k采样温度控制
    点击关注不迷路点击关注不迷路点击关注不迷路文章大纲2.2.2文本生成逻辑：Top-k采样与温度控制1.文本生成的核心挑战与数学框架1.1自回归生成的基本流程2.`Top-k`采样原理与工程实现2.1数学定义与算法流程2.2PyTorch实现优化3.温度控制的数学本质与参数调优3.1温度系数对概率分布的影响3.2温度控制实现方案4.组合策略与高级优化4.1`Top-k与温度控制的协同应用`5.生成质
  • Vue Markdown 编辑器全攻略：轻松集成 MD 编辑器到前端项目 weixin_535033321 前端vue.js编辑器
    VueMarkdown编辑器全攻略：轻松集成MD编辑器到前端项目1.为什么选择Markdown编辑器？2.安装v-md-editor3.全局配置与集成4.在组件中使用Markdown编辑器5.高级配置与自定义功能6.总结在现代前端开发中，Markdown编辑器被广泛应用于博客、内容管理系统、在线文档等场景。本文将以Vue3为例，详细介绍如何使用v-md-editor库在项目中集成Markdown编
  • CSS 预处理器 weixin_44356698 前端面试2025css前端
    在面试中回答关于CSS预处理器的问题时，你可以从以下几个方面进行回答，展示你的知识深度和实践经验：1.什么是CSS预处理器？你可以从定义和目的入手：“CSS预处理器是一种扩展CSS功能的工具，它允许开发者使用变量、嵌套规则、混合（mixins）、函数等高级特性来编写CSS。通过预处理器，我们可以更高效地组织和维护样式代码，减少重复代码，提升开发效率。常见的CSS预处理器包括Sass、Less和St
  • 22-javaScript基础(前端) 王宇辉 java知识体系javascript前端html
    感谢你的路过，希望学生的笔记能给你一点微不足道的参考Java基础思维导图，完整Java体系的链接目录标题一，概述1.1什么是JavaScript？1.2JavaScript的作用？1.3JavaScript的历史（了解）？二，JavaScript的用法2.1HTML页面中的JavaScript2.2外部的JavaScript2.3标签属性中的JavaScript三，JavaScript显示数据四，
  • 2025年01月13日字节（本地生活）前端面试 uperficialyu 前端面试实战前端面试
    目录自我介绍项目介绍（拷问）js事件循环浏览器如何解析html文件输入url到页面呈现的过程http与https，https为什么安全，证书是如何获取的？require引入与import的引入的区别vite打包工具相比webpack优势手写promise手写发布订阅模式3.js事件循环以下是对JavaScript事件循环的更深入解释：基本概念单线程执行模型：JavaScript是单线程的，即在同一
  • vue使用到的工具node npm cnpm pnpm yarn管理 半痴半醉半天真 vuenpmvue.js前端
    vue前端框架搭建项目使用到的工具1、node.jsnodejs是JavaScript的一个运行环境，使得我们在前端写的js代码能够在服务端运行。相较于传统的web开发，前端使用js开发，服务端还需要用其他语言来写。node.js官网下载地址：https://nodejs.org/en/download/，一路默认即可。最后通过cmd命令框输入：node-v查看即可2、npmnodepackage
  • Node.js 模块系统 lly202406 开发语言
    Node.js模块系统引言Node.js是一种基于ChromeV8引擎的JavaScript运行环境，它允许开发者使用JavaScript来编写服务器端代码。在Node.js中，模块系统是其核心特性之一，它使得代码组织、复用和测试变得简单高效。本文将深入探讨Node.js的模块系统，包括其工作原理、模块类型、加载机制以及最佳实践。模块系统概述Node.js的模块系统借鉴了CommonJS规范，该规
  • LESS vs. SCSS：选择何种CSS预处理器？ 每天一个技术点 每天一个知识点csslessscss
    CSS预处理器如LESS和SCSS已成为现代Web开发中不可或缺的工具，它们为原生CSS提供了强大的变量、嵌套、混合（Mixins）、运算等高级特性，显著提升了样式表的可维护性和开发效率。尽管功能相似，LESS和SCSS在语法、编译环境以及一些特定特性上存在一些显著的区别。本文将从多个方面详尽对比这两种预处理器，并结合实例深入探讨它们各自的特色与适用场景。1.语法差异LESSLESS语法与CSS相
  • chatgpt赋能python：Python实现语音说话代码 laingziwei ChatGptchatgptpython开发语言计算机
    Python实现语音说话代码在最近的几年中，语音技术的发展为我们带来了许多便利。Python作为编程语言中的一支热门，也在这个领域担任了重要角色。在本文中，我们将介绍如何使用Python来实现语音说话代码。为什么使用Python？Python是一种高级编程语言，其设计初衷为人类可读性和便于编写。它是一种面向对象的语言，具备多种编程范式。此外，Python还有许多成熟的第三方库，而且其语法非常简单和
  • 探索HTML5 Canvas：创造动态与交互性网页内容的强大工具 qq39138814 html5前端html
    探索HTML5Canvas：创造动态与交互性网页内容的强大工具引言在HTML5的众多新特性中，Canvas无疑是最引人注目的元素之一。它为网页设计师和开发者提供了一个通过JavaScript和HTML直接在网页上绘制图形、图像以及进行动画处理的画布。Canvas的灵活性和强大功能，使得它成为创造动态、交互性网页内容的首选工具。本文将深入探讨HTML5Canvas的基本用法、应用场景以及如何利用它来
  • JavaScript 获取 URL 中参数值的详解 褕湘347103 javascript前端开发语言
    JavaScript获取URL中参数值的详解1.了解URL参数2.使用URLSearchParams获取参数值2.1什么是URLSearchParams？2.2示例代码2.3优缺点3.使用正则表达式获取参数值3.1示例代码3.2分析4.自定义解析函数4.1示例代码4.2分析5.小结与注意事项在开发Web应用时，我们经常需要从URL中提取参数值，比如获取用户的查询条件、跟踪统计信息等。本文将详细介绍
  • RabbitMQ概述 望北i 中间件rabbitmq分布式
    RabbitMQRabbitMQ概述RabbitMQ是一个开源的消息代理（messagebroker）系统，最初由RabbitTechnologiesLtd开发，并在开源社区的支持下不断发展和完善。它提供了强大的消息传递机制，被广泛应用于构建分布式系统和应用。RabbitMQ实现了AMQP（高级消息队列协议），并支持多种消息传递模式，包括点对点、发布/订阅和路由等。常用消息中间件特点及应用场景Ra
  • 04_JavaScript循环结构 东东__net javascript前端开发语言
    目录一、循环1.2while循环不太常用1.3dowhile循环不太常用1.4for循环常用练习一、循环循环结构，就是根据某些给出的条件，重复执行同一段代码循环必须包含某些固定的内容组成初始化i=0条件判断i0){console.log("哈哈哈");}1.3dowhile循环不太常用和while循环类似while循环会先进行条件判断，满足条件就执行，不满足就不执行dowhile先不管条件，先执行
  • JavaScript 金额运算精度丢失问题及解决方案 设计小王欣 javascript开发语言ecmascript
    JavaScript金额运算精度丢失问题及解决方案1.前言2.为什么JavaScript计算金额会精度丢失？2.1JavaScript使用IEEE754双精度浮点数2.2浮点运算错误示例**错误示例1：0.1+0.2≠0.3****错误示例2：浮点乘法精度问题**3.解决方案**方案1：使用整数运算（推荐）****方案2：使用`toFixed()`（简单但不推荐）****方案3：使用`Number
  • JavaScript 判断对象是否为空对象的技术讲解 程序媛mylove javascript前端开发语言
    JavaScript判断对象是否为空对象的技术讲解1.为什么需要判断空对象？2.什么是空对象？3.常见的判断方法3.1使用`Object.keys()`3.2使用`for...in`循环3.3使用`JSON.stringify()`4.注意事项5.总结在日常开发中，我们常常需要判断一个对象是否为空对象。所谓空对象，通常指该对象没有任何可枚举的属性。本文将详细介绍几种常见的判断方法，包括它们的原理、
  • 国产化适配 - YashanDB、达梦数据库与MySQL 的兼容性及技术选型对比分析 天机️灵韵 开发工具编程语言数据库mysql
    根据知识库信息，以下是YashanDB、达梦数据库与MySQL的兼容性及技术选型对比分析：1.YashanDB与MySQL兼容性协议与语法兼容：YashanDB100%兼容MySQL5.7协议的常用命令（如SELECT、INSERT），但部分高级语法需调整：隐式表引用：MySQL的SELECT'literal'需改为SELECT'literal'FROMDUAL。自增列：MySQL的AUTO_IN
  • 玩转 Vue 3：自定义指令让页面魔法随心而动 设计师晏军 vue.jsjavascript前端
    玩转Vue3：自定义指令让页面魔法随心而动玩转Vue3：自定义指令让页面魔法随心而动什么是自定义指令？全局注册示例：高亮效果指令注册自定义指令在组件中使用局部注册与高级用法局部注册示例小结玩转Vue3：自定义指令让页面魔法随心而动在Vue3中，自定义指令为我们提供了在模板中直接操作DOM的能力，不仅可以让我们的页面效果更炫酷，还能将一些通用逻辑抽离出来，做到代码复用。本文将带你了解Vue3自定义指
  • JavaScript的性能优化指导 互联网搬砖老肖 Vue原力计划工具使用javascript性能优化开发语言
    JavaScript的性能优化可以从多个层面入手，涵盖代码执行效率、内存管理、DOM操作、网络请求等。以下是一些关键优化策略：一、代码执行优化减少作用域链查找避免在循环中频繁访问全局变量或深层嵌套的属性，将其缓存到局部变量中。//优化前for(leti=0;i{clearTimeout(timer);timer=setTimeout(()=>fn(...args),delay);};}减少闭包滥用
  • Android开发入门——从零开始构建第一个Android App AI天才研究院 DeepSeekR1&大数据AI人工智能大模型深度学习实战自然语言处理人工智能语言模型编程实践开发语言架构设计
    作者：禅与计算机程序设计艺术1.简介首先，让我们回顾一下Android系统的特性。Android是一个开源、免费的移动操作系统，最初起源于Google，后被开源。它提供统一的API，使得手机厂商可以针对不同版本的Android系统定制不同的应用。同时，Android也支持对设备硬件进行二次开发，可以实现一些高级功能。例如，通过Android的相机应用接口，可以轻松地拍照上传至网上；通过蓝牙接口，可
  • Vue Markdown 编辑器全攻略：轻松集成 MD 编辑器到前端项目 梦想家星空 前端vue.js编辑器
    VueMarkdown编辑器全攻略：轻松集成MD编辑器到前端项目1.为什么选择Markdown编辑器？2.安装v-md-editor3.全局配置与集成4.在组件中使用Markdown编辑器5.高级配置与自定义功能6.总结在现代前端开发中，Markdown编辑器被广泛应用于博客、内容管理系统、在线文档等场景。本文将以Vue3为例，详细介绍如何使用v-md-editor库在项目中集成Markdown编
  • 深入理解 HTML5 Web Workers：提升网页性能的关键技术解析 梦想家星空 前端html5html
    深入理解HTML5WebWorkers：提升网页性能的关键技术解析引言1.什么是WebWorkers？WebWorkers的特点：2.WebWorkers的使用方式2.1创建一个WebWorker步骤1：创建Worker文件步骤2：在主线程中调用Worker3.WebWorkers的高级应用3.1使用`Blob`方式创建Worker3.2终止Worker4.WebWorkers的应用场景示例：计算
  • 如何用ruby来写hadoop的mapreduce并生成jar包 wudixiaotie mapreduce
    ruby来写hadoop的mapreduce，我用的方法是rubydoop。怎么配置环境呢： 1.安装rvm：     不说了 网上有 2.安装ruby：     由于我以前是做ruby的，所以习惯性的先安装了ruby，起码调试起来比jruby快多了。 3.安装jruby：     rvm install jruby然后等待安
  • java编程思想 -- 访问控制权限 百合不是茶 java访问控制权限单例模式
    访问权限是java中一个比较中要的知识点,它规定者什么方法可以访问,什么不可以访问   一:包访问权限;   自定义包: package com.wj.control; //包 public class Demo { //定义一个无参的方法 public void DemoPackage(){ System.out.println("调用
  • [生物与医学]请审慎食用小龙虾 comsci 生物
         现在的餐馆里面出售的小龙虾,有一些是在野外捕捉的,这些小龙虾身体里面可能带有某些病毒和细菌,人食用以后可能会导致一些疾病,严重的甚至会死亡.....      所以,参加聚餐的时候,最好不要点小龙虾...就吃养殖的猪肉,牛肉,羊肉和鱼,等动物蛋白质     
  • org.apache.jasper.JasperException: Unable to compile class for JSP: 商人shang maven2.2jdk1.8
    环境： jdk1.8    maven  tomcat7-maven-plugin  2.0 原因： tomcat7-maven-plugin  2.0 不知吃 jdk 1.8，换成 tomcat7-maven-plugin  2.2就行，即     <plugin>
  • 你的垃圾你处理掉了吗?GC oloz GC
    前序:本人菜鸟，此文研究学习来自网络，各位牛牛多指教　 1.垃圾收集算法的核心思想 　　Java语言建立了垃圾收集机制，用以跟踪正在使用的对象和发现并回收不再使用(引用)的对象。该机制可以有效防范动态内存分配中可能发生的两个危险：因内存垃圾过多而引发的内存耗尽，以及不恰当的内存释放所造成的内存非法引用。 　　垃圾收集算法的核心思想是：对虚拟机可用内存空间，即堆空间中的对象进行识别
  • shiro 和 SESSSION 杨白白 shiro
    shiro 在web项目里默认使用的是web容器提供的session，也就是说shiro使用的session是web容器产生的，并不是自己产生的，在用于非web环境时可用其他来源代替。在web工程启动的时候它就和容器绑定在了一起，这是通过web.xml里面的shiroFilter实现的。通过session.getSession()方法会在浏览器cokkice产生JESSIONID，当关闭浏览器，此
  • 移动互联网终端 淘宝客如何实现盈利 小桔子 移動客戶端淘客淘寶App
           2012年淘宝联盟平台为站长和淘宝客带来的分成收入突破30亿元，同比增长100%。而来自移动端的分成达1亿元，其中美丽说、蘑菇街、果库、口袋购物等App运营商分成近5000万元。 可以看出，虽然目前阶段PC端对于淘客而言仍旧是盈利的大头，但移动端已经呈现出爆发之势。而且这个势头将随着智能终端(手机，平板)的加速普及而更加迅猛
  • wordpress小工具制作 aichenglong wordpress小工具
    wordpress 使用侧边栏的小工具，很方便调整页面结构 小工具的制作过程 1 在自己的主题文件中新建一个文件夹(如widget)，在文件夹中创建一个php(AWP_posts-category.php) 小工具是一个类,想侧边栏一样，还得使用代码注册，他才可以再后台使用，基本的代码一层不变 <?php class AWP_Post_Category extends WP_Wi
  • JS微信分享 AILIKES js
    // 所有功能必须包含在 WeixinApi.ready 中进行    WeixinApi.ready(function(Api) {        // 微信分享的数据            var wxData = {       &nb
  • 封装探讨 百合不是茶 JAVA面向对象 封装
    //封装   属性 方法 将某些东西包装在一起，通过创建对象或使用静态的方法来调用，称为封装；封装其实就是有选择性地公开或隐藏某些信息，它解决了数据的安全性问题，增加代码的可读性和可维护性   在 Aname类中申明三个属性，将其封装在一个类中：通过对象来调用   例如   1： //属性 将其设为私有 姓名 name 可以公开
  • jquery radio/checkbox change事件不能触发的问题 bijian1013 JavaScriptjquery
    我想让radio来控制当前我选择的是机动车还是特种车，如下所示：  <html> <head> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"><
  • AngularJS中安全性措施 bijian1013 JavaScriptAngularJS安全性XSRFJSON漏洞
            在使用web应用中，安全性是应该首要考虑的一个问题。AngularJS提供了一些辅助机制，用来防护来自两个常见攻击方向的网络攻击。 一.JSON漏洞         当使用一个GET请求获取JSON数组信息的时候（尤其是当这一信息非常敏感，
  • [Maven学习笔记九]Maven发布web项目 bit1129 maven
    基于Maven的web项目的标准项目结构 user-project     user-core     user-service     user-web        src      
  • 【Hive七】Hive用户自定义聚合函数(UDAF) bit1129 hive
    用户自定义聚合函数，用户提供的多个入参通过聚合计算(求和、求最大值、求最小值)得到一个聚合计算结果的函数。 问题：UDF也可以提供输入多个参数然后输出一个结果的运算，比如加法运算add(3，5)，add这个UDF需要实现UDF的evaluate方法,那么UDF和UDAF的实质分别究竟是什么？   Double evaluate(Double a, Double b)  
  • 通过 nginx-lua 给 Nginx 增加 OAuth 支持 ronin47
    前言：我们使用Nginx的Lua中间件建立了OAuth2认证和授权层。如果你也有此打算，阅读下面的文档，实现自动化并获得收益。SeatGeek 在过去几年中取得了发展，我们已经积累了不少针对各种任务的不同管理接口。我们通常为新的展示需求创建新模块，比如我们自己的博客、图表等。我们还定期开发内部工具来处理诸如部署、可视化操作及事件处理等事务。在处理这些事务中，我们使用了几个不同的接口来认证： &n
  • 利用tomcat-redis-session-manager做session同步时自定义类对象属性保存不上的解决方法 bsr1983 session
    在利用tomcat-redis-session-manager做session同步时，遇到了在session保存一个自定义对象时，修改该对象中的某个属性，session未进行序列化，属性没有被存储到redis中。 在 tomcat-redis-session-manager的github上有如下说明： Session Change Tracking As noted in the &qu
  • 《代码大全》表驱动法-Table Driven Approach-1 bylijinnan java算法
    关于Table Driven Approach的一篇非常好的文章： http://www.codeproject.com/Articles/42732/Table-driven-Approach package com.ljn.base; import java.util.Random; public class TableDriven { public
  • Sybase封锁原理 chicony Sybase
           昨天在操作Sybase IQ12.7时意外操作造成了数据库表锁定，不能删除被锁定表数据也不能往其中写入数据。由于着急往该表抽入数据，因此立马着手解决该表的解锁问题。     无奈此前没有接触过Sybase IQ12.7这套数据库产品，加之当时已属于下班时间无法求助于支持人员支持，因此只有借助搜索引擎强大的
  • java异常处理机制 CrazyMizzz java
    java异常关键字有以下几个，分别为 try catch final throw throws 他们的定义分别为 try：    Opening exception-handling statement. catch：  Captures the exception. finally： Runs its code before terminating
  • hive 数据插入DML语法汇总 daizj hiveDML数据插入
    Hive的数据插入DML语法汇总1、Loading files into tables语法：1) LOAD DATA [LOCAL] INPATH 'filepath' [OVERWRITE] INTO TABLE tablename [PARTITION (partcol1=val1, partcol2=val2 ...)]解释：1)、上面命令执行环境为hive客户端环境下： hive>l
  • 工厂设计模式 dcj3sjt126com 设计模式
      使用设计模式是促进最佳实践和良好设计的好办法。设计模式可以提供针对常见的编程问题的灵活的解决方案。 工厂模式 工厂模式（Factory）允许你在代码执行时实例化对象。它之所以被称为工厂模式是因为它负责“生产”对象。工厂方法的参数是你要生成的对象对应的类名称。 Example #1 调用工厂方法（带参数） <?phpclass Example{ 
  • mysql字符串查找函数 dcj3sjt126com mysql
      FIND_IN_SET(str,strlist) 假如字符串str 在由N 子链组成的字符串列表strlist 中，则返回值的范围在1到 N 之间。一个字符串列表就是一个由一些被‘,’符号分开的自链组成的字符串。如果第一个参数是一个常数字符串，而第二个是type SET列，则   FIND_IN_SET() 函数被优化，使用比特计算。如果str不在strlist 或st
  • jvm内存管理 easterfly jvm
    一、JVM堆内存的划分 分为年轻代和年老代。年轻代又分为三部分：一个eden,两个survivor。 工作过程是这样的：e区空间满了后，执行minor gc，存活下来的对象放入s0, 对s0仍会进行minor gc，存活下来的的对象放入s1中，对s1同样执行minor gc，依旧存活的对象就放入年老代中； 年老代满了之后会执行major gc，这个是stop the word模式，执行
  • CentOS-6.3安装配置JDK-8 gengzg centos
    JAVA_HOME=/usr/java/jdk1.8.0_45 JRE_HOME=/usr/java/jdk1.8.0_45/jre PATH=$PATH:$JAVA_HOME/bin:$JRE_HOME/bin CLASSPATH=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jar:$JRE_HOME/lib export JAVA_HOME
  • 【转】关于web路径的获取方法 huangyc1210 Web路径
    假定你的web application 名称为news,你在浏览器中输入请求路径：  http://localhost:8080/news/main/list.jsp  则执行下面向行代码后打印出如下结果：  1、 System.out.println(request.getContextPath()); //可返回站点的根路径。也就是项
  • php里获取第一个中文首字母并排序 远去的渡口 数据结构PHP
    很久没来更新博客了，还是觉得工作需要多总结的好。今天来更新一个自己认为比较有成就的问题吧。 最近在做储值结算，需求里结算首页需要按门店的首字母A-Z排序。我的数据结构原本是这样的： Array ( [0] => Array ( [sid] => 2885842 [recetcstoredpay] =&g
  • java内部类 hm4123660 java内部类匿名内部类成员内部类方法内部类
         　在Java中，可以将一个类定义在另一个类里面或者一个方法里面，这样的类称为内部类。内部类仍然是一个独立的类，在编译之后内部类会被编译成独立的.class文件，但是前面冠以外部类的类名和$符号。内部类可以间接解决多继承问题,可以使用内部类继承一个类，外部类继承一个类，实现多继承。      &nb
  • Caused by: java.lang.IncompatibleClassChangeError: class org.hibernate.cfg.Exten zhb8015
    maven pom.xml关于hibernate的配置和异常信息如下，查了好多资料，问题还是没有解决。只知道是包冲突，就是不知道是哪个包....遇到这个问题的分享下是怎么解决的。。   maven pom:   <dependency> <groupId>org.hibernate</groupId> <ar
  • Spark 性能相关参数配置详解－任务调度篇 Stark_Summer sparkcachecpu任务调度yarn
    随着Spark的逐渐成熟完善, 越来越多的可配置参数被添加到Spark中来, 本文试图通过阐述这其中部分参数的工作原理和配置思路, 和大家一起探讨一下如何根据实际场合对Spark进行配置优化。   由于篇幅较长，所以在这里分篇组织，如果要看最新完整的网页版内容，可以戳这里：http://spark-config.readthedocs.org/，主要是便
  • css3滤镜 wangkeheng htmlcss
    经常看到一些网站的底部有一些灰色的图标，鼠标移入的时候会变亮，开始以为是js操作src或者bg呢，搜索了一下，发现了一个更好的方法：通过css3的滤镜方法。 html代码： <a href='' class='icon'><img src='utv.jpg' /></a> css代码： .icon{-webkit-filter: graysc
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他