欣欣__KuanG97
欣欣__KuanG97

【Javascript学习笔记】【DOM实战— —jQ实现点击任意位置关闭某处的效果（常用于模态框后面的遮罩层）】

【Javascript学习笔记】

目录

  • 目录
  • 点击任意位置关闭某处
  • 原理
    • 效果
    • 代码
  • 实战代码
  • 快捷链接

点击任意位置关闭某处

而且点击对应处并不会hide掉自己

原理

//点击文档任意处都触发该事件
$(document).mousedown(function(e){
    //只有当某对象存在时才会有的点击任意处出现的事件效果
    if($(e.target).parents(".search").length==0){
        $("xxx").slideToggle(300);//显示隐藏
    }
})

下列网页实战中我取出部分，因此最后看起来样式可能不相同。
其中思想是

//点击文档任意处都触发该事件
$(document).mousedown(function(e){
    if(想要显示的对象如果是在显示状态时才有以下的触发效果){
        //只有当某对象存在时才会有的点击任意处出现的事件效果
        if($(e.target).parents(".search").length==0){
            $("xxx").slideToggle(300);//显示隐藏
        }
    }
})

效果

【Javascript学习笔记】【DOM实战— —jQ实现点击任意位置关闭某处的效果（常用于模态框后面的遮罩层）】_第1张图片

代码

html部分


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>backspacingtitle>
    <style type="text/css"> html{ background: #666; } .topList{ float: right; margin-right: 36px; list-style: none; } .topList li{ float: left; height: 35px; line-height: 35px; text-align: center; } .topList a{ color: #fff; } .topList a:active, .topList a:focus, .topList a:hover{ color: #fff; text-decoration: none; } .searchBtn{ position: absolute; right: 0; top: 3px; width: 35px; height: 35px; } .searchBtn img{ position: absolute; right: 0px; top: 7px; width: 16px; height: 16px; display: block; } .search{ display: none; position: absolute; right: 0; top: 0; width: 190px; height: 35px; } .search input{ position: absolute; right: 0px; top: 0px; width: 100%; height: 31px; border:0; border-bottom: 1px solid #fff; background: #89C997; color: #fff !important; padding-right:30px; } .search input::-webkit-input-placeholder{ color: #fff; } .search input::-moz-placeholder{ color: #fff; } .search input::-ms-input-placeholder{ color: #fff; } .search input::-moz-placeholder{ color: #fff; } .search a{ position: absolute; right: 0px; top: 7px; width: 16px; height: 16px; border-radius: 25px; } .search img{ width: 16px; height: 16px; } style>
head>
<body>
<ul class="topList">
    <li><a href="javascript:alert('敬请期待')!">理工首页 | a>li>
    <li><a href="javascript:alert('敬请期待')!">收藏本页 | a>li>
    <li><a href="javascript:alert('敬请期待')!">Englisha>li>
ul>
<a href="javascript:alert('敬请期待')!" class="searchBtn"><img src="search.png" alt="">a>
<div class="search">
    <form action="">
        <input type="text" placeholder="请输入相关搜索内容">
        <a href="javascript:alert('敬请期待')!"><img src="search.png" alt="">a>
    form>
div>
    <script src="../jquery.min.js">script>
    <script src="backspacing.js">script>
body>
html>

js部分

// 搜索框的出现&&隐藏
$(".searchBtn").click(function(){
    $(".searchBtn").slideToggle(300);
    $(".search").slideToggle(300);
    $(".topList").slideToggle(100);
});
$(document).mousedown(function(e){
    if(!($(".search").is(":hidden"))){
        if($(e.target).parents(".search").length==0){
            $(".searchBtn").slideToggle(300);
            $(".search").slideToggle(300);
            $(".topList").slideToggle(100);
        }
    }else{
        return false;
    }
})

实战代码

github:该实战完整代码下载（PS：backspacing文件） ChilkHere 》

快捷链接

全部React学习笔记的目录 Click Here>>
全部Javascript学习笔记的目录 Click Here>>
Less学习笔记 Click Here>>
安利一波前端开发推荐使用的工具 Click Here>>
github各类实战练习源码下载 Click Here>>
如果你觉得我的东西能帮到你，无限欢迎给我的github库点个收藏Star~0v 0~

你可能感兴趣的:(前端（js,html,css,less）)

  • 分析 WebKit：跨平台的网页引擎及其挑战
    WebKit是一个开源的网页浏览引擎，广泛应用于许多现代浏览器中，尤其是苹果的Safari浏览器。它支持HTML、CSS、JavaScript等网页标准，并使浏览器能够将网页内容正确地渲染出来。然而，尽管WebKit在性能和兼容性方面有着显著的优势，但它仍面临着一些专业性的问题，特别是在渲染性能优化和跨平台兼容性方面。本文将深入探讨WebKit在这两个领域的挑战及其解决方案。1.渲染性能优化：We
  • Dify应用-工作流 三眼桥墩 AI大模型人工智能AIGC人工智能生成内容Dify
    目录DIFY工作流参考DIFY工作流2025-1-15老规矩感谢参考文章的作者,避免走弯路。2025-1-15方便容易上手在dify的一个桌面上,添加多个节点来完成一个任务。每个工作流必须有一个开始和结束节点。节点之间用线连接即可。每个节点可以有输入和输出输出类型有,字符串,文件和json。每个节点就当成一个函数就ok。参考【1】Dify开发工作流
  • OpenGL Shading Language - Built-In Functions (内置函数) Yongqiang Cheng VulkanOpenGLBuilt-InFunctions内置函数
    OpenGLShadingLanguage-Built-InFunctions{内置函数}1.Introduction2.CommonFunctionsReferencesOpenGLShadingLanguageDocumentationhttps://docs.vulkan.org/glsl/latest/index.htmlBuilt-InFunctionshttps://docs.vulk
  • 在Python中实现一个简单的社交媒体应用 清水白石008 Python题库pythonpython媒体开发语言
    在Python中实现一个简单的社交媒体应用社交媒体应用是现代互联网的重要组成部分，允许用户分享信息、交流和互动。在这篇博文中，我们将使用Python构建一个简单的社交媒体应用，涵盖用户注册、发布动态、评论和查看动态等基本功能。我们将使用Flask框架作为后端，SQLite作为数据库，前端使用HTML和Bootstrap进行简单的界面设计。一、项目准备1.环境设置首先，确保你已经安装了Python和
  • JWT（3）JWT的签名算法 w_t_y_y 安全安全
    在JWT（JSONWebToken）中，涉及到两种主要的算法类型：加密算法和签名算法。签名算法用于确保JWT数据的完整性和真实性，必须使用；而加密算法用于保护JWT内容的机密性，选择性使用。这里看下签名算法。一、介绍1、简介签名算法的主要目的是确保JWT的内容未被篡改，并验证其来源。签名算法用于生成一个数字签名，接收方使用相同的算法来验证签名，从而确认数据的完整性。2、jwt常见的签名算法不同的j
  • nvdia triton server运行pt文件 滑稽的柴犬 神经网络机器学习python
    tritonserver默认都是tensorrt推理。但也会出现有操作不支持，导致无法转模型为engine的情况。可以选择直接运行pytorch的pt文件，以下为操作步骤。1.pytorch后端环境编译步骤原理是使用pytorchC++API运行pt文件模型。安装依赖项apt-getinstallpatchelfrapidjson-devpython3-dev构建NGC的PyTorch容器。例如，
  • CSS盒子 五月仲夏 css前端
    css三大特性css三大特性层叠性继承性优先级层叠性---主要解决样式冲突的问题---就近原则，样式不冲突，就不重叠继承性---子标签会继承父标签的一些样式,继承的样式（text-font-line-color这些元素开头的可以继承）高度，内外边距不可以继承css不可继承的属性边框属性（border）内边距属性（padding）外边距属性（margin）定位属性（position）大小属性（wid
  • 如何把图片或者图片地址存到 MySQL 数据库中以及如何将这些图片数据通过 JSP 显示在网页中 m0_74824687 面试学习路线阿里巴巴数据库mysqljava
    如何优雅地管理图片：从MySQL数据库存储到JSP展示的全流程解析在互联网时代，一张引人入胜的图片往往能为网站带来巨大的流量。而作为开发者的我们，如何高效地管理和展示这些图片资源则成为了一项重要的技术挑战。今天，我们就一起来探讨一下，如何通过MySQL数据库存储图片（或其地址），并在JSP页面上实现美观大方的展示。一、存储策略选择图片存储方式存储图片有两种常见的方法：直接存储图片文件和存储图片路径
  • Lambda架构 leveretz 大数据lambda
    原文地址：https://www.cnblogs.com/xiaodf/p/11642555.html首先我们来看一个典型的互联网大数据平台的架构，如下图所示：在这张架构图中，大数据平台里面向用户的在线业务处理组件用褐色标示出来，这部分是属于互联网在线应用的部分，其他蓝色的部分属于大数据相关组件，使用开源大数据产品或者自己开发相关大数据组件。你可以看到，大数据平台由上到下，可分为三个部分：数据采集
  • React框架 常蓬cium 笔记
    文章目录react开始概念安装JSXreact都是有组件构成有状态组件有状态有生命周期class无状态组件函数组件只负责展示安装react项目(脚手架)React出版方:Facebook(脸书)终端的分类:1.原生App:就是用原生语言开发的(如安卓，ios)，性能最高，其它不如混合App2.混合App:采用的原因是审核，维护就是原生(调用硬件)+H5(欠缺调用硬件的能力)3.webApp移动端性
  • 前端框架大比拼：React.js, Vue.js 及 Angular 的优势与适用场景探讨 布兰妮甜 前端框架前端前端框架react.jsvue.jsangular.js
    文章目录前言一、React.js特点使用方法适用场景二、Vue.js特点使用方法适用场景三、Angular特点使用方法适用场景四、如何选择合适的前端框架五、前端框架对项目性能的影响结语前言随着互联网技术的飞速发展，前端开发已经从简单的页面展示演变为复杂的应用构建。为了应对日益增长的需求，各种前端框架应运而生，帮助开发者提高开发效率、优化用户体验。本文将详细介绍当前最流行的三个前端框架——React
  • golang工程组件篇 轻量级认证机制jwt之HS、RS. ES、ED签名与验证 SMILY12138 golang开发语言后端
    JWT（JSONWebToken）是一种轻量级的认证机制，它可以用于身份验证和授权。在JWT中，令牌被加密并使用数字签名进行保护，以确保其完整性和安全性。在本文中，我们将介绍如何在Golang中使用HS、RS.ES、ED签名算法对JWT进行签名和验证。HS签名与验证HS（HMAC-SHA）是一种对称加密算法，它需要一个共享密钥来进行加解密操作。在JWT中，我们可以使用HS256、HS384和HS5
  • 深入探讨Web应用开发：从前端到后端的全栈实践 芯作者 DD：日记神经网络人工智能
    在数字化时代，Web应用已成为连接用户与服务的关键桥梁。无论是电商平台、社交媒体，还是企业内部管理系统，Web应用都扮演着不可或缺的角色。本文将深入探讨Web应用开发的全栈实践，从前端的用户体验设计到后端的数据处理与存储，全面解析构建高效、安全、可扩展Web应用的关键步骤与技术选型。一、前端：构建用户友好的交互界面前端是Web应用与用户直接交互的界面，其设计直接影响用户体验。前端开发主要涵盖HTM
  • golang工程组件篇 轻量级认证机制jwt之HS、RS. ES、ED签名密钥生成 SMILY12138 golang开发语言后端
    在使用JWT（JSONWebToken）进行身份验证时，我们需要使用签名算法对令牌进行加密。在JWT中，常用的签名算法有HS、RS、ES和ED等。本文将介绍这些签名算法的基本概念以及如何在Golang中生成相应的密钥。HS签名算法HS（HMAC-SHA）是一种对称加密算法，它需要一个共享密钥来进行加解密操作。在JWT中，我们可以使用HS256、HS384和HS512三种不同长度的哈希值作为加密算法
  • git基础指令大全 五月仲夏 gitelasticsearch大数据
    版本控制git管理文件夹进入要管理的文件夹—进入初始化（提名）gitinit管理文件夹生成版本.git----git在管理文件夹时，版本控制的信息生成版本gitstatus检测当前文件夹下的文件状态(检测，检测之后就要管理了)-------当执行时，什么都没有，说明当前文件夹所有的文件都被管理起来了，生成一个版本gitaddindex.html(我要管谁)gitadd.当前没有被管理的文件全部管理
  • Angular 2 表单深度解析 lsx202406 开发语言
    Angular2表单深度解析引言Angular2作为现代前端开发的框架之一，以其灵活性和强大的功能赢得了众多开发者的青睐。在Angular2中，表单处理是其中一个重要且复杂的部分。本文将深入解析Angular2的表单，从基础知识到高级应用，旨在帮助开发者更好地理解和运用Angular2表单。目录Angular2表单概述表单绑定表单验证表单控件表单组高级应用总结1.Angular2表单概述在Angu
  • Python数据获取：从基础到实践，一场数据探索之旅 傻啦嘿哟 关于python那些事儿pythonoracle开发语言
    目录一、引言二、理解数据获取的基本概念三、使用Python进行网络数据抓取3.1基础工具：requests库3.2解析HTML：BeautifulSoup库3.3实战案例：抓取网页新闻列表四、从文件中读取数据4.1使用pandas读取CSV文件4.2读取Excel文件五、数据库数据访问六、数据清洗与预处理6.1处理缺失值6.2处理异常值6.3处理重复值6.4数据格式化与编码6.5数据标准化与归一化
  • 【Unity实践笔记】使用Json存储和读取数据 LuckySawa Unity实践笔记
    最近项目中需要借助txt保存一些文件的数据，于是学习了使用json总的来说非常方便，易于理解需求与分析需要能够将生成的文件在本地保存一年（自创建时起），期间可以随时提取并使用要有两种搜索途径，一种是通过输入完整的id码（由创建时的时间和随机数组成），另一种是通过查看某一天的全部文件自行筛选由于读取txt文档比逐个读取文件并判断文件名更有效率，考虑创建文件时根据日期来存入对应的文件夹（File-年-
  • JavsScript牛客网华为机试(11-20)题解 萌神7号 牛客网-华为机试-js题解华为
    牛客网华为机试题解JavaScript版本华为机试第11-20题解答（js）11.数字颠倒12.字符串反转13.句子逆序14.字符串排序15.求int型数据在内存中存储时1的个数16.购物单17.坐标移动18.识别有效的IP地址和掩码并进行分类统计19.简单错误记录20.密码验证合格程序Listitem华为机试第11-20题解答（js）本文章尽量用简洁的代码去完成题目要求，话不多说，上代码，后期会
  • 【详解】RedisTemplate序列化、反序列化扩展支持FastJson:GenericFastJson2JsonRedisSerializer 牛肉胡辣汤 redis
    目录RedisTemplate序列化、反序列化扩展支持FastJson:GenericFastJson2JsonRedisSerializer1.为什么需要自定义序列化器？2.实现GenericFastJson2JsonRedisSerializer2.1引入依赖2.2编写序列化器2.3配置RedisTemplate3.测试自定义序列化器1.添加依赖2.创建自定义的GenericFastJson2
  • 前端的请求头和响应头以及常见用途
    在浏览器中发送HTTP请求时，通常需要查看请求头（requestheaders）和响应头（responseheaders）。这些头部信息包含了关于请求或响应的重要信息，例如内容类型、编码方式、cookie等。我们在对接后端的时候经常会碰到跟请求头和响应头的问题，下面是关于请求头和响应头的一些常用字段说明，了解这些非常重要，请求头（RequestHeaders）请求头包含了客户端（浏览器）向服务器发
  • k8s的无头服务
    k8s的无头服务HeadlessServices是一种特殊的service，其spec:clusterIP表示为None，这样在实际运行时就不会被分配ClusterIP，也被称为无头服务，通过DNS解析提供服务发现。与普通服务不同的是HeadlessServices不提供负载均衡功能，每个Pod都有唯一的DNS记录，直接映射到其IP地址，适用于有状态应用的场景，如与StatefulSet一起部署数
  • Tika（百科介绍） 索隆 知识介绍microsoftpowerpoint文档apachejavavisio
    ApacheTika目录简介支持的文档格式项目历史简介ApacheTika利用现有的解析类库，从不同格式的文档中（例如HTML,PDF,Doc)，侦测和提取出元数据和结构化内容。功能包括：侦测文档的类型，字符编码，语言，等其他现有文档的属性。提取结构化的文字内容。该项目的目标使用群体主要为搜索引擎以及其他内容索引和分析工具。编程语言为Java.支持的文档格式目前支持的文档格式和对应的解析类库如下：
  • monaco-editor 的 Language Services 前端
    我们是袋鼠云数栈UED团队，致力于打造优秀的一站式数据中台产品。我们始终保持工匠精神，探索前端道路，为社区积累并传播经验价值。本文作者：修能这是一段平平无奇的SQL语法SELECTid,sum(name)FROMstudentGROUPBYidORDERBYid;如果把这段代码放到monaco-editor(@0.49.0)中，一切也显得非常普通。monaco.editor.create(ref.
  • Python 接收标准输入 python输入法控制台文件
    在Python中，可以绑定sys.stdin和死循环实现无限接收标准输入的能力。具体示例代码如下：main.py:importjsonimportsysdefparse_line(line:str)->(bool,str):try:d=json.loads(line)except:returnFalse,"failedtoloadsfromcontent"if"prompt"notind:retu
  • 华为OD机试E卷 --字符串化繁为简 --24年OD统一考试（Java & JS & Python & C & C++） 飞码创造者 最新华为OD机试题库2024华为odjavajavascriptc语言python
    文章目录题目描述输入描述输出描述用例题目解析JS算法源码Java算法源码python算法源码c++算法源码题目描述给定一个输入字符串，字符串只可能由英文字母(az、AZ)和左右小括号(、)组成当字符里存在小括号时，小括号是成对的，可以有一个或多个小括号对，小括号对不会嵌套，小括号对内可以包含1个或多个英文字母也可以不包含英文字母。当小括号对内包含多个英文字母时，这些字母之间是相互等效的关系，而且等
  • Springboot+JWT 五步轻松整合，学不会你来找我 SUDO-1 springbootJWTsecurity
    以下是整合JWT到SpringBoot应用中的详细步骤：1.添加依赖org.springframework.bootspring-boot-starter-securityio.jsonwebtokenjjwt0.9.12.配置Security创建一个WebSecurityConfig类，继承WebSecurityConfigurerAdapter类，并配置JWT认证过滤器。importorg.s
  • 使用ndoe实现自动化完成增删改查接口 光头程序员 自动化运维
    使用ndoe实现自动化完成增删改查接口最近工作内容比较繁琐，手里需要开发的项目需求比较多，常常在多个项目之间来回切换，有时候某些分支都不知道自己开发了什么、做了哪些需求，使用手写笔记的方式去记录分支到头来也是眼花缭乱，作为前端工作3年的弟弟想着为啥不能自己直接将这些数据存在数据库里，实现一个增删改查的日常工作记录管理呢？说干就开始搞！！！1、首先我们先安装mysql数据库1.1、这个就直接搜一个教
  • webpack 学习从零到亿过程 光头程序员 webpack学习前端
    webpack学习从零到亿过程适合小白从零到一搭建一个项目，虽然没有效果的截图但是知道跟随这个步骤流程走下去，你就会成功掌握打包的原理！我们先初始化一个node项目npminit安装webpack包npminstallwebpackwebpack-cli--save-dev写webpack配置文件config/webpack.dev.config.js安装了pathnpmipath-s-d并新建了
  • Tesla V100驱动安装 郭宝才 linux服务器运维
    确认操作系统kernel版本，参考链接：https://docs.nvidia.com/cuda/archive/12.2.0/cuda-installation-guide-linux/index.html安装依赖yuminstall-ygccgcc-c++rdma-coredkmselfutils-libelf-develntpyuminstall-ykernel-devel-$(uname-
  • Enum 枚举 120153216 enum枚举
    原文地址：http://www.cnblogs.com/Kavlez/p/4268601.html Enumeration 于Java 1.5增加的enum type...enum type是由一组固定的常量组成的类型，比如四个季节、扑克花色。在出现enum type之前，通常用一组int常量表示枚举类型。比如这样： public static final int APPLE_FUJI = 0
  • Java8简明教程 bijian1013 javajdk1.8
            Java 8已于2014年3月18日正式发布了，新版本带来了诸多改进，包括Lambda表达式、Streams、日期时间API等等。本文就带你领略Java 8的全新特性。  一.允许在接口中有默认方法实现         Java 8 允许我们使用default关键字，为接口声明添
  • Oracle表维护 快速备份删除数据 cuisuqiang oracle索引快速备份删除
    我知道oracle表分区，不过那是数据库设计阶段的事情，目前是远水解不了近渴。 当前的数据库表，要求保留一个月数据，且表存在大量录入更新，不存在程序删除。 为了解决频繁查询和更新的瓶颈，我在oracle内根据需要创建了索引。但是随着数据量的增加，一个半月数据就要超千万，此时就算有索引，对高并发的查询和更新来说，让然有所拖累。 为了解决这个问题，我一般一个月会进行一次数据库维护，主要工作就是备
  • java多态内存分析 麦田的设计者 java内存分析多态原理接口和抽象类
          “  时针如果可以回头，熟悉那张脸，重温嬉戏这乐园，墙壁的松脱涂鸦已经褪色才明白存在的价值归于记忆。街角小店尚存在吗？这大时代会不会牵挂，过去现在花开怎么会等待。       但有种意外不管痛不痛都有伤害，光阴远远离开，那笑声徘徊与脑海。但这一秒可笑不再可爱，当天心
  • Xshell实现Windows上传文件到Linux主机 被触发 windows
    经常有这样的需求，我们在Windows下载的软件包，如何上传到远程Linux主机上？还有如何从Linux主机下载软件包到Windows下；之前我的做法现在看来好笨好繁琐，不过也达到了目的，笨人有本方法嘛； 我是怎么操作的： 1、打开一台本地Linux虚拟机，使用mount 挂载Windows的共享文件夹到Linux上，然后拷贝数据到Linux虚拟机里面；（经常第一步都不顺利，无法挂载Windo
  • 类的加载ClassLoader 肆无忌惮_ ClassLoader
    类加载器ClassLoader是用来将java的类加载到虚拟机中，类加载器负责读取class字节文件到内存中，并将它转为Class的对象（类对象），通过此实例的 newInstance()方法就可以创建出该类的一个对象。   其中重要的方法为findClass(String name)。   如何写一个自己的类加载器呢？ 首先写一个便于测试的类Student
  • html5写的玫瑰花 知了ing html5
    <html> <head> <title>I Love You!</title> <meta charset="utf-8" /> </head> <body> <canvas id="c"></canvas>
  • google的ConcurrentLinkedHashmap源代码解析 矮蛋蛋 LRU
    原文地址： http://janeky.iteye.com/blog/1534352 简述 ConcurrentLinkedHashMap 是google团队提供的一个容器。它有什么用呢？其实它本身是对 ConcurrentHashMap的封装，可以用来实现一个基于LRU策略的缓存。详细介绍可以参见 http://code.google.com/p/concurrentlinke
  • webservice获取访问服务的ip地址 alleni123 webservice
    1. 首先注入javax.xml.ws.WebServiceContext, @Resource private WebServiceContext context; 2. 在方法中获取交换请求的对象。 javax.xml.ws.handler.MessageContext mc=context.getMessageContext(); com.sun.net.http
  • 菜鸟的java基础提升之道——————>是否值得拥有 百合不是茶
    1，c++，java是面向对象编程的语言，将万事万物都看成是对象；java做一件事情关注的是人物，java是c++继承过来的，java没有直接更改地址的权限但是可以通过引用来传值操作地址，java也没有c++中繁琐的操作，java以其优越的可移植型，平台的安全型，高效性赢得了广泛的认同，全世界越来越多的人去学习java，我也是其中的一员      java组成：
  • 通过修改Linux服务自动启动指定应用程序 bijian1013 linux
    Linux中修改系统服务的命令是chkconfig (check config)，命令的详细解释如下: chkconfig 功能说明：检查，设置系统的各种服务。 语　　法：chkconfig [ -- add][ -- del][ -- list][系统服务] 或 chkconfig [ -- level  <</SPAN>
  • spring拦截器的一个简单实例 bijian1013 javaspring拦截器Interceptor
    Purview接口 package aop; public interface Purview { void checkLogin(); } Purview接口的实现类PurviesImpl.java package aop; public class PurviewImpl implements Purview { public void check
  • [Velocity二]自定义Velocity指令 bit1129 velocity
    什么是Velocity指令 在Velocity中，#set,#if, #foreach, #elseif, #parse等，以#开头的称之为指令，Velocity内置的这些指令可以用来做赋值，条件判断，循环控制等脚本语言必备的逻辑控制等语句，Velocity的指令是可扩展的，即用户可以根据实际的需要自定义Velocity指令   自定义指令(Directive)的一般步骤 &nbs
  • 【Hive十】Programming Hive学习笔记 bit1129 programming
    第二章 Getting Started 1.Hive最大的局限性是什么？一是不支持行级别的增删改(insert, delete, update)二是查询性能非常差(基于Hadoop MapReduce）,不适合延迟小的交互式任务三是不支持事务2. Hive MetaStore是干什么的？Hive persists table schemas and other system metadata.
  • nginx有选择性进行限制 ronin47 nginx 动静　限制
    http { limit_conn_zone $binary_remote_addr zone=addr:10m; limit_req_zone $binary_remote_addr zone=one:10m rate=5r/s;... server {... location ~.*\.(gif|png|css|js|icon)$ {
  • java-4.-在二元树中找出和为某一值的所有路径 . bylijinnan java
    /* * 0.use a TwoWayLinkedList to store the path.when the node can't be path,you should/can delete it. * 1.curSum==exceptedSum:if the lastNode is TreeNode,printPath();delete the node otherwise
  • Netty学习笔记 bylijinnan javanetty
    本文是阅读以下两篇文章时： http://seeallhearall.blogspot.com/2012/05/netty-tutorial-part-1-introduction-to.html http://seeallhearall.blogspot.com/2012/06/netty-tutorial-part-15-on-channel.html 我的一些笔记 ===
  • js获取项目路径 cngolon js
    //js获取项目根路径，如： http://localhost:8083/uimcardprj function getRootPath(){     //获取当前网址，如： http://localhost:8083/uimcardprj/share/meun.jsp     var curWwwPath=window.document.locati
  • oracle 的性能优化 cuishikuan oracleSQL Server
       在网上搜索了一些Oracle性能优化的文章，为了更加深层次的巩固[边写边记]，也为了可以随时查看，所以发表这篇文章。     1.ORACLE采用自下而上的顺序解析WHERE子句，根据这个原理，表之间的连接必须写在其他WHERE条件之前，那些可以过滤掉最大数量记录的条件必须写在WHERE子句的末尾。（这点本人曾经做过实例验证过，的确如此哦！
  • Shell变量和数组使用详解 daizj linuxshell变量数组
    Shell 变量 定义变量时，变量名不加美元符号（$，PHP语言中变量需要），如： your_name="w3cschool.cc" 注意，变量名和等号之间不能有空格，这可能和你熟悉的所有编程语言都不一样。同时，变量名的命名须遵循如下规则： 首个字符必须为字母（a-z，A-Z）。 中间不能有空格，可以使用下划线（_）。 不能使用标点符号。 不能使用ba
  • 编程中的一些概念，KISS、DRY、MVC、OOP、REST dcj3sjt126com REST
    KISS、DRY、MVC、OOP、REST （1）KISS是指Keep It Simple,Stupid（摘自wikipedia），指设计时要坚持简约原则，避免不必要的复杂化。 （2）DRY是指Don't Repeat Yourself（摘自wikipedia），特指在程序设计以及计算中避免重复代码，因为这样会降低灵活性、简洁性，并且可能导致代码之间的矛盾。 （3）OOP 即Object-Orie
  • [Android]设置Activity为全屏显示的两种方法 dcj3sjt126com Activity
    1. 方法1：AndroidManifest.xml 里，Activity的 android:theme  指定为" @android:style/Theme.NoTitleBar.Fullscreen" 示例:   <application      
  • solrcloud 部署方式比较 eksliang solrCloud
    solrcloud 的部署其实有两种方式可选，那么我们在实践开发中应该怎样选择呢？ 第一种：当启动solr服务器时，内嵌的启动一个Zookeeper服务器，然后将这些内嵌的Zookeeper服务器组成一个集群。  第二种：将Zookeeper服务器独立的配置一个集群，然后将solr交给Zookeeper进行管理   谈谈第一种：每启动一个solr服务器就内嵌的启动一个Zoo
  • Java synchronized关键字详解 gqdy365 synchronized
    转载自：http://www.cnblogs.com/mengdd/archive/2013/02/16/2913806.html 多线程的同步机制对资源进行加锁，使得在同一个时间，只有一个线程可以进行操作，同步用以解决多个线程同时访问时可能出现的问题。 同步机制可以使用synchronized关键字实现。 当synchronized关键字修饰一个方法的时候，该方法叫做同步方法。 当s
  • js实现登录时记住用户名 hw1287789687 记住我记住密码cookie记住用户名记住账号
    在页面中如何获取cookie值呢? 如果是JSP的话,可以通过servlet的对象request 获取cookie,可以 参考:http://hw1287789687.iteye.com/blog/2050040 如果要求登录页面是html呢?html页面中如何获取cookie呢? 直接上代码了 页面:loginInput.html 代码: <!DOCTYPE html PUB
  • 开发者必备的 Chrome 扩展 justjavac chrome
    Firebug：不用多介绍了吧https://chrome.google.com/webstore/detail/bmagokdooijbeehmkpknfglimnifench ChromeSnifferPlus：Chrome 探测器，可以探测正在使用的开源软件或者 js 类库https://chrome.google.com/webstore/detail/chrome-sniffer-pl
  • 算法机试题 李亚飞 java算法机试题
           在面试机试时，遇到一个算法题，当时没能写出来，最后是同学帮忙解决的。        这道题大致意思是：输入一个数，比如4,。这时会输出：           &n
  • 正确配置Linux系统ulimit值 字符串 ulimit
    在Linux下面部 署应用的时候，有时候会遇上Socket/File: Can’t open so many files的问题；这个值也会影响服务器的最大并发数，其实Linux是有文件句柄限制的，而且Linux默认不是很高，一般都是1024，生产服务器用 其实很容易就达到这个数量。下面说的是，如何通过正解配置来改正这个系统默认值。因为这个问题是我配置Nginx+php5时遇到了，所以我将这篇归纳进
  • hibernate调用返回游标的存储过程 Supanccy2013 javaDAOoracleHibernatejdbc
    注：原创作品，转载请注明出处。     上篇博文介绍的是hibernate调用返回单值的存储过程，本片博文说的是hibernate调用返回游标的存储过程。     此此扁博文的存储过程的功能相当于是jdbc调用select 的作用。 1，创建oracle中的包，并在该包中创建的游标类型。 ---创建oracle的程
  • Spring 4.2新特性-更简单的Application Event wiselyman application
    1.1 Application Event Spring 4.1的写法请参考10点睛Spring4.1-Application Event 请对比10点睛Spring4.1-Application Event 使用一个@EventListener取代了实现ApplicationListener接口,使耦合度降低; 1.2 示例 包依赖 <p
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他