Js选择大学的弹出框 JSON数据格式

效果预览:

http://jsfiddle.net/dtdxrk/8v6Yw/embedded/result/

Js选择大学的弹出框 JSON数据格式 制作过程

看别人用jquery做的 自己再用原生的写一个 js数据地址 http://files.cnblogs.com/technology/school.js

1.创建html css

2.点击input显示学校div

3.控制学校div的位置

4.读取数据

<!DOCTYPE HTML>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript"></script>
<title>Js选择大学的弹出框 JSON数据格式</title>
<script src="http://files.cnblogs.com/technology/school.js" type="text/javascript"></script>
<style type="text/css">
*{margin:0;padding:0;font-size: 12px;font-family: 'Microsoft YaHei',arial,tahoma,宋体b8b\4f53,sans-serif;}
#exp{line-height: 1.8;padding: 5px;margin-bottom: 10px;background: #ececec;color: #3777bc;}
#school{color: #666;}
#school-box{
    width:500px;
    border:1px solid #3777bc;
    box-shadow:2px 3px 0 rgba(190,190,190,0.3);
    background-color: #fff;
    z-index: 100;
    position: absolute;
    display: none;
}
#school-box a{    
    color:#3777bc;
    text-decoration: none;
    padding: 5px;
    text-align: center;
    display: inline-block;
}
#school-box a:hover{    
    background-color:#3777bc;
    color: #fff;
    cursor: pointer;
}
#school-box a.active{    
    background-color:#3777bc;
    color:#fff;
}
#school-box a:hover{    
    background-color:#3777bc;
    color: #fff;
    cursor: pointer;
}
#school-box h1{
    background: #3777bc;
    color: #fff;
    line-height: 2;
    padding-left: 10px;
}
#school-box #province, #school-box #school{
    border: 1px solid #ccc;
    margin:10px;
    padding: 2px;
    line-height: 2;
}
#school-box #school {
    overflow-x: hidden;
    overflow-y: auto;
    height: 200px;
}
#school-box #school a{
    display: inline-block;
    width: 200px;
    text-align: left;
}
</style>

<body>
<div id="exp">
    <h1>Js选择大学的弹出框 JSON数据格式 制作过程
    <br />看别人用jquery做的 自己再用原生的写一个 js数据地址 http://files.cnblogs.com/technology/school.js</h1>
    <p>1.创建html css</p>
    <p>2.点击input显示学校div</p>
    <p>3.控制学校div的位置</p>
    <p>4.读取数据</p>
</div>
选择大学:<input type="text" name="school" id="input-school" value="点击选择大学" />
<div id="school-box">
    <h1>选择学校</h1>
    <div id="province"></div>
    <div id="school"></div>
</div>

<script type="text/javascript">
(function(){
    var box = document.getElementById("school-box"),
        input_school = document.getElementById("input-school");

    //点击input
    input_school.onclick = function(){
        box.style.top = getPosition(input_school).top + getPosition(input_school).height + "px";
        box.style.left = getPosition(input_school).left + "px";
        box.style.display = "block";

        addProvince();
    }

    //添加城市列表
    function addProvince(){
        var province = document.getElementById("province"),
            items = province.getElementsByTagName("a");
        province.innerHTML = "";    //清空城市列表

        for(var i=0; i<schoolList.length; i++){
            var a = document.createElement("a");
            a.id = schoolList[i].id;
            a.innerHTML = schoolList[i].name;
            if(i==0){    //给第一个城市添加样式
                a.className = "active";
                addSchool(1);
            }
            province.appendChild(a);
        }

        //给城市列表添加onclick事件
        for(var i=0; i<items.length; i++) {
            items[i].onclick = function(){

                //清除同级别a链接的active样式
                var as = this.parentNode.childNodes;
                 for(var a=0; a < as.length; a++){
                     as[a].className = "";
                }
                this.className = "active";
                addSchool(this.id);
            }
        }
    }

    //添加学校列表
    function addSchool(id){
        var school = document.getElementById("school"),
            items = school.getElementsByTagName("a"),
            schools = schoolList[id-1].school;
        school.innerHTML = "";

        for(var i=0; i<schools.length; i++) {
            var a = document.createElement("a");
            a.id = schools.id;
            a.innerHTML = schools[i].name;
            school.appendChild(a);
        }
        
        //给学校列表添加onclick事件 修改input内容
        for(var i=0; i<items.length; i++) {
            items[i].onclick = function(){
                box.style.display = "none";
                input_school.value= this.innerHTML;
            }
        }
    }

    //点击box阻止事件冒泡
    box.onclick = function(e){
     e = e || window.event;
     if(window.event){    //阻止事件冒泡
         e.cancelBubble = true;
     } else {
         e.stopPropagation();
     }
     }
     
     //点击body隐藏box
     document.body.onclick = function(e){
     e = e || window.event;
     var target = e.target || e.srcElement;
     if(target.id === "school-box" || target.id === "input-school") {
         return;
     } else {
         box.style.display = "none";
     }
     }
}())


//获取元素在页面里的位置和宽高
function getPosition(obj) {
    var top = 0;
    var left = 0;
    var width = obj.offsetWidth;
    var height = obj.offsetHeight;
    while(obj.offsetParent){
        top += obj.offsetTop;
        left += obj.offsetLeft;
        obj = obj.offsetParent;
    }
    return {"top":top,"left":left,"width":width,"height":height};
}

</script>

</body>
</html>

你可能感兴趣的:(json)

  • .NET Core配置系统详解：JSON、环境变量与多源配置
    目录一、配置系统架构全景1.1配置系统核心组件1.2配置源加载顺序对比二、JSON配置深度解析2.1多环境JSON配置实战2.2JSON配置结构最佳实践三、环境变量配置策略3.1环境变量命名规范3.2环境变量与JSON对比四、多配置源融合技术4.1配置提供程序组合示例4.2自定义配置提供程序五、配置数据消费模式5.1配置绑定技术对比5.2选项模式最佳实践六、高级配置场景6.1动态配置更新6.2多租
  • VUE——Ajax【请求方式】 时间sk VUE疑难杂症vue.jsajax前端
    一、XMLHttpRequest示例1.GET请求（获取数据）//创建对象constxhr=newXMLHttpRequest();//配置请求（异步GET）xhr.open('GET','https://api.example.com/users/123',true);//设置响应类型为JSON（可选）xhr.responseType='json';//监听请求状态变化xhr.onreadyst
  • JS 读取JSON数据 凌冰_ JS
    JSON数据：varinfos={"name":"Aimee","age":18,"boyfriend":true,"dog":{"name":"旺财","sex":"男","color":"yellow"},"cars":[{"name":"宝马","type":"X11系列"},{"name":"爱玛","type":"C11系列"},{"name":"婴儿","type":"B15系列"}]
  • Ajax 入门 凌冰_ JSajax前端javascript
    一、Ajax概念Ajax（AsynchronousJavaScriptandXML）是一种在不刷新整个页面的情况下，与服务器进行异步通信并更新部分网页的技术。尽管名称中包含“XML”，但现代Ajax更多使用JSON作为数据格式。二、核心概念异步通信：无需刷新整个页面，可在后台与服务器交换数据。核心技术：XMLHttpRequest（XHR）：原生JavaScriptAPI（旧版）FetchAPI：
  • 需要scl来指定编译器的clangd+cmake在vscode/cursor开发环境下的配置 yanjiee LinuxCursorvscodeide编辑器
    最近cursor更新了插件商店，只能使用默认它魔改的c/c++插件（基于clangd的），手头刚好在折腾一个cmake工程，试试水尝试直接配置在cursor上可以编译运行。主要是本地环境使用scl来管理gcc/g++，所以在配置过程中需要特殊的处理，settings.json如下：{"cmake.cmakePath":"/usr/bin/cmake3","cmake.buildDirectory"
  • 项目中使用Redis 配置步骤 Savannah_Wen redis
    一、maven项目pom.xml文件中除了Springboot相关依赖还要加入com.alibabafastjson1.2.42org.springframework.bootspring-boot-starter-data-redis二、在resource下的application.yml配置文件中加入redis服务器地址等配置信息三、创建一个base包下的config包，写RedisConfi
  • 记忆翻牌记忆力小游戏流量主微信小程序开源 云起SAAS 微信小程序小程序记忆翻牌记忆力小游戏流量主微信
    记忆翻牌游戏包含以下功能：游戏界面采用4x4网格布局，共16张卡片卡片使用emoji图标，每次游戏随机打乱顺序记录游戏步数和用时匹配成功的卡片会保持翻开状态游戏结束后显示成绩并可以重新开始项目结构严格遵循微信小程序规范：app.js小程序入口app.json全局配置app.wxss全局样式pages/index/下是游戏页面相关文件
  • 让我们用流行的 3D 文件格式“glTF/glb”来增强 WebGL 的表现力吧！ 在下胡三汉 3dmaxfbx
    简介-什么是glTF-glTF（GL传输格式）是一种用于运行时应用程序的资产格式，它与类似OpenGL的API（WebGL、OpenGLES、OpenGL）具有高度相关性。特别是对于WebGL，它是不依赖于任何特定库的权威的成熟通用3D格式。最初，它是以COLLADA2jSON的名义开发的。这个名字出现在这里，但大约在10年前，也就是Playstation3时代，CG技术行业标准化组织Khrono
  • vbox两步解决VirtualBox共享文件夹在Windows下的符号链接创建问题
    默认情况下，VirtualBox的共享文件夹特性在Windows下工作是有问题的，如果你运行一些需要符号连接（Symlink）的程序，比如默认设置的yarn或者npm，由于npm包在安装之后会在./node_modules/.bin创建在package.json中定义好的应用入口的符号连接，它会在最后一步报错。这是一个困扰了非常久的问题，我因此在这几年也一直在用vmdk（虚拟磁盘）挂载到虚拟机上来
  • Python数据解析与图片下载工具：从JSON到本地文件的自动化流程 龙潜月七 pythonjson自动化
    Python数据解析与图片下载工具：从JSON到本地文件的自动化流程在日常开发和数据处理中，我们经常需要从JSON数据中提取信息，并根据其中的URL下载相关资源。本文将介绍一个实用的Python工具，它可以解析JSON数据，提取关键信息，并批量下载图片资源，适用于数据采集、内容管理和自动化测试等场景。一、工具功能概述这个多功能工具包含三个核心模块：JSON数据解析：从输入的JSON字符串中提取指定
  • 粗略地看一下 glTF 2.0 的所有标准属性（顺便说一下，还有 .glb 的结构） 在下胡三汉 3d
    编码在glTF中，场景和各种对象的定义一般用JSON来描述，而顶点数据等所谓的“缓冲区”部分则以二进制形式存储。对于这些内容的最终编码方式，有多种选择。.gltf（JSON）+.bin（二进制缓冲区）（+图像文件）如何分离JSON和二进制部分。二进制部分可以分为多个部分。纹理可以位于单独的图像文件中，也可以位于二进制缓冲区中。二进制部分也可以合并为.gltf（JSON）您可以使用DataURI方案
  • java 读取word 表格,实战 | JAVA读取WORD，包含表格。 吃货组长 java读取word表格
    业务需求我们有这样一个需求，需要抽取出WORD文档中的内容，然后组装成特定的json格式发送给第三方引擎接口，输入协议如下：{"tables":[{"cells":[{"col":1,"row_span":1,"row":1,"col_span":1,"content":"车辆名称"}],"id":0,"row_num":2}],"paragraps":[{"para_id":1,"content
  • MyBatis-Plus 实战：优雅处理 JSON 字段映射（以 JSONArray 为例） William Dawson mybatisjson
    MyBatis-Plus实战：优雅处理JSON字段映射（以JSONArray为例）‍作者：WilliamDawson｜更新日期：2025-04-21标签：MyBatis-Plus、JSON、TypeHandler、@TableField、@TableName、FastJSON在使用MyBatis-Plus进行业务开发时，我们时常需要把数据库中的JSON字段（比如字符串形式的数组）自动映射成Java
  • 功能篇：JAVA使用jwt
    在Java中实现JWT（JSONWebToken）认证通常涉及以下几个步骤：1.添加依赖2.创建JWT工具类3.实现登录接口，生成JWT4.实现过滤器，验证JWT###1.添加依赖首先，你需要在项目中添加JWT库的依赖。如果你使用的是Maven构建工具，可以在`pom.xml`文件中添加如下依赖：```xmlio.jsonwebtokenjjwt-api0.11.5io.jsonwebtokenj
  • Java——JWT详细讲解
    引言在当代Web应用与API开发里，用户认证和授权无疑是极为关键的环节。JSONWebToken（JWT）作为一种轻量级的身份验证机制，凭借其简洁性、可扩展性以及跨域支持等显著优势，在众多前后端分离项目中得到了广泛应用。本文将全面深入地探讨JWT的原理、工作流程，并且结合Java代码示例，展示如何在一个简单的登录系统中运用JWT进行认证。一、JWT概述1.什么是JWTJWT是一种用于在网络应用间安
  • 使用python代码调用dify 奋斗小刘123 python前端开发语言
    importreimportjsonimportrequestsdefdify_data(inputstr,num):api_url="*****************"api_key="*****************"#组装数据，num和input为输入的数据，同时在dify定义data={"inputs":{"num":num,"input":inputstr},"response_mo
  • vue项目中package-lock.json文件的作用 whale fall 前端Vuevue.jsjson前端
    package-lock.json文件是由npm自动生成的文件，记录了当前项目中安装的所有依赖包的确切版本信息。它的主要作用是确保在不同环境中（例如开发者之间或CI/CD环境中）能够安装到完全相同版本的依赖，避免因不同版本的依赖导致的兼容性问题。主要作用：锁定依赖版本：package-lock.json确定了每个包及其依赖包的确切版本，确保无论谁安装该项目，都能得到一致的依赖树。它记录了包的具体版
  • Qwen3 Embedding 结构-加载-训练 看透模型设计哲学
    看透一个顶级AI句向量模型的设计秘密，从文件结构到加载原理，再到其背后的训练哲学。1Qwen3-Embedding模型结构拆解说明：目录包含了运行一个基于Transformer的句向量模型所需的所有组件文件类别核心文件作用核心模型model.safetensors,config.jsonmodel.safetensors存储了模型所有训练好的权重分词器tokenizer.json,vocab.js
  • 从零开始：React项目环境搭建全教程 欧学东
    本文还有配套的精品资源，点击获取简介：本文详细介绍了一步一步如何搭建React项目环境，涵盖使用React和Webpack配置的全过程。首先确保安装了Node.js和npm，然后使用create-react-app初始化项目，接着安装Webpack、Babel进行自定义配置，配置WebpackDevServer实现热更新，以及设置package.json启动脚本。最后，通过构建命令优化生产环境代码
  • TypeScript编译选项
    一、前言在开发TypeScript项目时，一个非常关键的文件就是tsconfig.json。它不仅定义了项目的根目录、模块解析方式，还控制着TypeScript编译器的行为。本文将带你全面了解：✅tsconfig.json的作用✅常用编译选项（compilerOptions）详解✅不同环境下的配置建议（开发/生产）✅配置继承与共享设置✅实际开发中的常见问题与解决方法并通过完整的代码示例帮助你掌握如
  • Redis 地理空间索引实践 Hello.Reader 人工智能缓存技术数据库redis数据库缓存
    一、地理空间索引概览Redis支持两种地理空间索引类型：GEO：对单个地理坐标点（经度、纬度）建立索引，适合“查找半径内的点”场景。GEOSHAPE：通过WKT（Well-KnownText）格式定义点、线、面等几何体，支持更丰富的空间关系查询（如包含、相交、相离等）。二、GEO索引2.1创建GEO索引假设你的JSON文档中有一字段location，存放"lon,lat"格式的字符串，使用以下命令
  • 精准定义 RediSearch 索引 Schema Hello.Reader 数据库缓存技术人工智能djangopython后端
    一、Schema基础概念索引（Index）：对Redis中的Hash或JSON文档进行反向索引，以支持全文、标签、数值、地理、向量等多种查询模式。Schema：定义索引结构，包括哪些字段（fields/attributes）、字段类型、是否可排序、权重（relevanceweight）、过滤条件等。在执行FT.CREATE时，必须指定：数据类型：ONHASH或ONJSONKey前缀（可选）：PRE
  • Excel高效转Json工具类详解 你一身傲骨怎能输 游戏工具链exceljson
    文章摘要该工具类提供Excel到Json的转换功能，主要包含：ExcelToJsonToolEditor：核心编辑器类，处理Excel批量/单表转换、文件路径操作类型定义：TypeValue存储字段信息，JsonKeyType标识键类型转换流程：读取Excel→生成Json→自动创建对应C#配置类代码扩展性：支持指定表转换、错误处理、代码模板化生成关键方法：DoXlsxToJson处理单表转换，G
  • 游戏配置表导出工具深度解析 你一身傲骨怎能输 游戏工具链游戏
    文章摘要TableExportTool是一个用于表格数据导出的工具，主要包含表格读取、数据解析、导出和代码生成四大模块。它支持读取Excel/CSV文件，解析字段和类型后转换为JSON、二进制、Lua等多种格式，并自动生成C#、Lua等数据结构代码。工具还提供Unity集成功能，支持一键导出、Asset生成和热更新。核心流程包括读取表头、类型校验、数据组装和导出，通过NPOI/EPPlus实现表格
  • py每日spider案例之某website之古籍搜索 我不是程序员~~~~ 爬虫项目实战py
    importrequestsheaders={"accept":"application/json,text/plain,*/*","accept-language":"zh-CN,zh;q=0.9","cache-control":"no-cache","cont
  • GPT4.0带记忆API源码 沐晨API php
    以下为输出截图:需要在同路径中添加一个名为conversations的文件夹原本输出为英文，对接翻译接口沐晨API翻译:https://mcapi.muwl.xyz/api/fanyi2.php，可以自己改成别的，不过改了输出的格式不一样，代码也需要变动沐晨API:沐晨免费稳定API，沐晨收录站，欢迎前来申请代码json_encode($messages)]);//构建GET请求的查询字符串$ch
  • 微服务之间的调用方式总结 lanbing 微服务微服务架构云原生
    微服务架构是一种将一个单一应用程序划分为多个小型、独立服务的设计模式，每个服务运行在自己的进程中，并通过轻量级通信机制（通常是HTTP或消息队列）进行交互。微服务之间的调用是构建分布式系统的关键部分，常见的调用方式包括以下几种：一、同步调用（SynchronousCommunication）1.HTTP/REST使用标准的HTTP协议和RESTful风格进行服务间通信。使用JSON/XML传输数据
  • JWT认证授权原理和简单实现 风铃喵游 node
    1.关于JWT:(1).JWT(jsonwebtoken)是为了在网络应用环境间传递声明而执行的一种基于JSON的开放标准(2).JWT的声明一般被用于在身份提供者和服务提供者之间传递被认证的用户身份信息，以便于从资源服务器获取资源。最为常见的场景就是用户登录认证(3).因为数字签名的存在，这些信息是可信的，JWT可以使用HMAC算法或者是RSA的公私密钥对进行签名2.主要的应用场景:(1).身份
  • JWT认证性能优化实战指南
    JWT认证性能优化实战指南一、技术背景与应用场景随着微服务与云原生架构的普及，基于Token的认证方式成为保证系统安全与可扩展性的首选方案。JWT（JSONWebToken）以其自包含、自验证、跨语言支持等优点，在分布式环境中广泛应用。但在高并发场景下，JWT的解析、签名与验证过程可能成为性能瓶颈。本篇文章将结合真实生产环境，深入剖析JWT认证的核心原理，重点分析性能瓶颈，并提供多种可落地的优化实
  • python 月之梦 python数据库开发语言
    实时监控MT5和BITMEXimportMetaTrader5asmt5//用来连接MT5并与其交互importtime//用于时间延迟fromdatetimeimportdatetime#用于处理日期和时间importrequests#用于发送HTTP请求（BitMEXAPI）importjson#用于处理JSON数据（BitMEXAPI）frommultiprocessingimportPro
  • 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其他