weixin_41466434
weixin_41466434

使用AJAX调用聚合数据模拟墨迹天气预报

一、获取数据

聚合官网：https://www.juhe.cn/docs/index/otherid/1
申请、注册、登录 —> 数据中心 —>我的接口
使用AJAX调用聚合数据模拟墨迹天气预报_第1张图片
可获得数据：
1、AppKey
( 此处为自己获得的key，每个人不同，一个账号免费用500次，我的用了243次了，有需要的小伙伴可以用我的 )

0ff42dca1b07898e5d5dd29ea51dc636

2、接口
1). 看API文档
使用AJAX调用聚合数据模拟墨迹天气预报_第2张图片
2). JSON返回示例：
将得到的数据用于显示时，应仔细看这些数据。
注意：future返回的为数组，非对象，且future[0]为今天的数据，future[1]才为明天的数据，以此类推。
3、测试
接口测试
1). 请求地址：http://v.juhe.cn/weather/index
2). 请求参数：cityname=%E5%A4%A9%E6%B0%B4&dtype=&format=&key=0ff42dca1b07898e5d5dd29ea51dc636
3). 请求方式：GET
4). 返回内容

二、总结

1、移动端

meta:vp加Tab
html,body{font-size:26.67vw;}

2、背景图

background: url(mj.jpg) no-repeat;
background-size: 100%;
height: 8.13rem;

3、input框聚焦后占位字消失

placeholder="西安" onfocus="this.placeholder=''"

4、页面加载完后，默认显示西安的情况，后续可进行输入搜索显示所搜索的城市情况

var city = '西安';
function getData(){
	$citycode=urlencode(city);
	...
	}
getData();
$('#city').on('blur',function(){
        city = $('#city').val();
        getData();
  })

5、解决CORS(Cross-Origin Resource Sharing)

dataType: "jsonp",

6、JQuery 设置内容和属性

text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容（包括 HTML 标记）
val() - 设置或返回表单字段的值

例：

$('.temperature').html(sk.temp);

三、我的案例demo

原图
使用AJAX调用聚合数据模拟墨迹天气预报_第3张图片

我的效果图 (没截全，买家秀和卖家秀的区别~~)
使用AJAX调用聚合数据模拟墨迹天气预报_第4张图片

demo

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" >
    <title>天气预报</title>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
    <div id="mj_weather">
         <!-- <button id="search">天气查询</button> 
         <p class="input_city">输入城市：</p>  -->
        <input id="city" type="text" value="" placeholder="西安" onfocus="this.placeholder=''">
        <span class="temperature"></span>
        <span class="weather"></span>
        <div class="wind_box">
            <span class="wind_direction"></span>    
            <span class="wind_scale"></span>
            <span class="humidity"></span>
            <span class="update_time"></span>
        </div>
        
        <div class="bottom_box">
            <span class="today_temperature_range"></span>
            <span class="today_weather"></span>
            <span class="tomorrow_temperature_range"></span>
            <span class="tomorrow_weather"></span>
        </div>   
    </div>
</body>
</html>
<script>
$(function(){
        /*
        * 1.输入城市名
        * 2.失焦的时候发送请求
        * 3.响应成功渲染页面
        * */

        // $('#search').on('click',function(){  //点击发送请求
            // $('#city').on('blur',function(){
    var city = '西安';
    function getData(){
        $citycode=urlencode(city);
        url='http://v.juhe.cn/weather/index?format=2&cityname='+$citycode+'&key=0ff42dca1b07898e5d5dd29ea51dc636';
        $.ajax({
            url: url,
            dataType: "jsonp",
            type:"get",
            data:{
                location:city
                },
            success:function(data){
                var sk = data.result.sk;
                var today = data.result.today;
                var future = data.result.future;
                $('.temperature').html(sk.temp);
                $(".weather").html(today.weather); 
                $(".wind_direction").html(sk.wind_direction);
                $(".wind_scale").html(sk.wind_strength);
                $(".humidity").html('湿度' +sk.humidity);
                $(".update_time").html('更新时间  '+sk.time);
                $(".today_temperature_range").html(today.temperature);
                $(".today_weather").html(today.weather);
                $(".tomorrow_temperature_range").html(future[1].temperature);
                $(".tomorrow_weather").html(future[1].weather);
            }    
        });
    }
    getData();
    $('#city').on('blur',function(){
        city = $('#city').val();
        getData();
    })
});
function urlencode(str) {    
    str = (str + '').toString();   
    return encodeURIComponent(str).replace(/!/g, '%21').replace(/'/g, '%27').replace(/\(/g, '%28').  
    replace(/\)/g, '%29').replace(/\*/g, '%2A').replace(/%20/g, '+');  
} 
</script>
<style>
    *{
        margin:0;
        padding:0;
        font-size:.24rem;
    }
    span{
        display: inline-block;
    }
    html,body{
        height: 100%;
        font-size: 26.67vw;
    }
    #mj_weather{
        background: url(mj.jpg) no-repeat;
        background-size: 100%;
        height: 8.13rem;
    }
    .input_city{
        font-size:.12rem;
    }
    #city {
        width: 0.99rem;
        height: .25rem;
        margin-top: 0.34rem;
        margin-left: .43rem;
        font-size: .18rem;
        outline: none;
        border: none;
        background: #b8d6ee;
        padding-left: .08rem;
        border-radius: .02rem;
        line-height: .25rem;
        color: #0e2044;
    }
    .temperature {
        display: block;
        width: .9rem;
        height: .8rem;
        /* background: red; */
        margin-top: .45rem;
        margin-left: .2rem;
        font-size: 0.9rem;
        /* font-weight: 100; */
        color: #fff;
    }
    .weather{
        position: relative;
        top: -.64rem;
        left: 1.66rem;
        font-size: .2rem;
        color: #fff;
    }
    .wind_box{
        width: 1.7rem;
        height: .85rem;
        /* background: pink; */
        position: relative;
        top: .2em;
        left: .3rem;
    }
    .wind_direction{
        font-size: .16rem;
        color: #fff;
    }
    .wind_scale{
        font-size: .16rem;
        color: #fff;
    }
    .humidity {
        font-size: .16rem;
        color: #fff;
    }
    .update_time{
        font-size: .16rem;
        color: #fff;
        margin-top: .23rem;
    }
    .bottom_box{
        width: 100%;
        height: 0.7rem;
        position: relative;
        top: 3.94rem;
    }
    .today_temperature_range{
        font-size: .16rem;
        color: #fff;
        float: left;
        margin-top: .36rem;
        margin-left: .15rem;
    }
    .today_weather {
        font-size: .16rem;
        color: #fff;
        float: left;
        position: relative;
        top: .8em;
        /* left: .5rem; */
    }
    .tomorrow_temperature_range{
        font-size: .16rem;
        color: #fff;
        float: left;
        margin-top: .41rem;
        margin-left: .89rem;
        }
    .tomorrow_weather {
        font-size: .16rem;
        color: #fff;
        position: relative;
        top: .05rem;
        /* left: 0.3rem; */
        }
</style>

背景图

使用AJAX调用聚合数据模拟墨迹天气预报_第5张图片

你可能感兴趣的:(使用AJAX调用聚合数据模拟墨迹天气预报)

  • 2014年最具人气国外WORDPRESS主题 weixin_34355715 php前端uxViewUI
    在国外，WrodPress这个博客系统极为受欢迎，使用WordPress来建站可以降低很多成本，另外还能以十分便宜的价格获得一个漂亮的WP网站模板。今天向大家分享来自Themeforest2014年最具人气的高级WrodPress主题，这些主题无论是设计还是技术上，都是目前最新最流行的。比如CSS3、扁平化、响应式设计、全屏视频背景、视差滚动特效等等。本次分享的WP主题实用性非常不错，流行的设计+
  • SQLite3中级篇(C/C++编程接口)源代码解析 坑货两只
    本文还有配套的精品资源，点击获取简介：SQLite3是一种嵌入式数据库引擎，特别适用于C和C++开发的项目。本源代码示例深入探讨了SQLite3的C/C++编程接口，包括数据库连接管理、SQL语句执行、预编译语句、参数绑定、错误处理、事务处理、游标和结果集、数据库版本管理以及安全性和并发性。通过具体实现和实例，帮助开发者有效使用SQLite3API进行高效的数据库操作。1.SQLite3API概述
  • C/C++语言函数查询大全：中文版手册 关然
    本文还有配套的精品资源，点击获取简介：本资源为C语言和C++编程语言提供了详尽的函数查询手册，旨在帮助开发者高效地查找和理解函数用法。其中包含了C语言的基础函数及其用法，以及C++的面向对象编程支持和标准库。手册以CHM格式提供，方便快速搜索和查看。同时介绍了C语言与C++的联系与区别，强调了面向对象和过程化编程的不同，以及两者结合使用的场景。对于不同经验层次的开发者，这些手册都是提升编程技能和日
  • .NET 9 RC 2正式发布 li dream .net
    距离最终版本还有一个月的时间，Microsoft已经交付了.NET9的第二个也是最后一个候选版本。.NET团队在公告帖子中写道[1]，“当我们为11月的.NET9正式发布（GA）版本做准备时，我们正在对性能、稳定性和任何其他优化进行最后的润色，使其成为.NET9的最佳版本。.NET9ReleaseCandidate2包含在上线许可证中，因此您在生产应用程序中使用它时可以获得支持。我们鼓励开发人员今
  • 读书笔记06‖《时间管理，如何充分利用你的24小时》 Gemini_565d
    54分钟，你没有听错，我读完了这本妙趣横生的书！总共128页，平均每分钟2页的阅读速度，我能行，你可以做到！作者用幽默诙谐的语言向我们讲述了时间管理的有效方法，字数不多，风格独特，没有废话！实际上并不单单指你24小时的内容！且来看看这本不占用你时间，但给你提出时间管理的技巧！01.主要结构与内容1.篇章结构上半部分:如何利用时间？下半部分:是否正在使用时间发挥最大效用？2.主要概念（1）意识是时间
  • 在 Conda 中删除环境及所有安装的库 Studying 开龙wu conda
    注意事项1.删除环境前确保你没有在该环境中运行任何程序。2.删除操作是不可逆的，所有该环境中的包和配置都会被永久删除。3.如果你想保留环境的配置信息，可以在删除前使用condaenvexport>environment.yml导出环境配置。关于requirements.txt和environment.yaml文件使用介绍详情可参考以往文章，争对机器学习和深度学习里Python项目开发管理项目依赖的
  • WPF 加载和显示 GIF 图片的完整指南 上元星如雨 C#&Godotwpf
    WPF加载和显示GIF图片的完整指南在WPF中加载和显示GIF图片需要一些特殊处理，因为WPF的Image控件默认不支持动画GIF。解决方案一：使用WpfAnimatedGif库（推荐）这是最简单且功能最完整的方法。实现步骤：安装NuGet包：在NuGet包管理器中安装WpfAnimatedGif：Install-PackageWpfAnimatedGifXAML实现：代码后台：usingSyst
  • You have a Server Component that imports next/router. Use next/navigation instead 啃火龙果的兔子 网络
    解决Next.js13+中“Usenext/navigationinsteadofnext/router”的问题在Next.js13及更高版本中，AppRouter引入了新的导航系统，需要使用next/navigation替代传统的next/router。以下是完整的解决方案：1.理解新旧路由的区别特性next/router(PagesRouter)next/navigation(AppRoute
  • Rovo Dev CLI Windows 安装与使用指南 执剑走天涯xp windows
    RovoDevCLIWindows安装与使用指南（修订版）前提条件与准备工作1.Atlassian账号注册访问注册页面：AtlassianAIInnovation注册这里我使用的是Google账号登录2.安装必备软件Git（必需组件）GitforWindows官方下载VisualStudioCode（推荐终端环境）VSCode官方下载3.管理员启用RovoDevAgents需组织管理员在Atlas
  • 通过Netplan为Ubuntu服务器新增DNS以解析内部域名
    在企业网络环境中，Ubuntu服务器常常需要访问内部服务，这些服务通常通过内部域名进行寻址。如果服务器默认配置的DNS无法解析这些内部域名，就需要手动添加公司的内部DNS服务器地址。本章节将详细介绍如何在Ubuntu22.04LTS服务器上使用Netplan工具新增DNS服务器IP，并提供解决配置后可能遇到的常见问题的步骤，确保服务器能够顺利解析内部域名。前提条件拥有一台运行Ubuntu22.04
  • 【学习分享】日精进打卡0042天～静静的教育成长路 静静的教育成长路
    来源：好友时长：60分钟“纸上得来终觉浅，绝知此事要躬行”。记得之前分享过这么一句话：任何知识都要转化为一种解决问题的工具，今天，翻看好友的文章，深受启发。这篇文章说的是学生错题本的整理与使用，学生如果合理运用的话，一定能对学生的学习起到很大的帮助作用。这个对于不同年级的学生要求是不一样的。特别适用于高年级或自律的学生。低年级同学可以在家长的指导下使用，也是有好处的。错题本是学生的宝贵财富，孩子们
  • 紫砂壶 独白v
    紫砂壶宜兴紫砂壶之所以受到茶人喜爱，一方面是由于紫砂壶造型美观，风格多样，独树一帜，另一方面也由于它在泡茶时有许多优点。（一）紫砂是一种双重气孔结构的多孔性材质气孔微细，密度高。用紫砂壶沏茶，不失原味。（二）紫砂壶透气性能好，使用其泡茶不易变味，暑天越宿不馊。久置不用，也不会有宿杂气，只要用时先满贮沸水，立刻倾出，再浸入冷水中冲洗，元气即可恢复，泡茶仍得原味。（三）紫砂壶能吸收茶汁，壶内壁不刷，沏
  • 线上故障排查神器！用strace和ftrace揪出系统调用的“幕后黑手“ 悠悠12138 运维
    前几天凌晨2点，我又被监控报警给吵醒了。服务器CPU飙到90%，但是top看了半天也找不到罪魁祸首。这种时候，就得请出我们运维人员的两大法宝了——strace和ftrace。说实话，刚开始接触这两个工具的时候，我也是一脸懵逼。什么系统调用、内核跟踪，听起来就很高大上的样子。但是用多了你就会发现，这玩意儿简直就是排查问题的神器！今天就跟大家分享一下我这些年用下来的一些心得。先说说系统调用这个东西你可
  • 【laravel+redis】分布式锁的实现 起灵人 phplaravelredislaravelredisphp
    laravel官方支持“原子锁”，并且说“要使用这个功能，应用必须使用memcached、dynamodb、redis、database或array缓存驱动作为应用默认的缓存驱动，此外，所有服务器必须和同一台中央缓存服务器进行通信”。前半句不多解释，后半句也强调了laravel的原子锁不负责在集群架构中保障故障转移期间的数据安全性。我贴一下laravel的源码看一下它是怎样用redis实现的分布式
  • Java程序设计笔记 是程序蜂啊 java笔记开发语言
    Java程序设计目录Java程序设计第一章java语言开发环境1.1工具篇1.2Eclipse调整字体第三章Java基础3.1java基本数据类型3.2关键字与标识符3.3常数3.4变量3.5.数据类型转换3.6由键盘输入数据4.1顺序结构4.2分支语句5.1什么是数组5.2数组赋值：5.3一维数组5.4二维数组6.1类的基本概念6.2定义类6.3对象的创建与使用6.4参数的传递第七章java语言
  • Docker：DockerHub 与 私有仓库Registry 聪明的奇瑞
    一个完整的系统可能包含上百个微服务，可能对应着上百个镜像，如果考虑到微服务的版本则会构建更多的镜像，那么这些镜像该如何管理呢？使用DockerHub镜像管理DockerHub是Docker官方维护的DockerRegistry，上面存放着很多优秀的镜像，只需注册一个DockerHub账号就可以使用了通过dockerlogin命令登录DockerHub，并按提示输入账号密码#DockerHub该网站
  • 使用 .NET 6.0 的简单 WebSocket 客户端和服务器应用程序
    几个月前，有同事来找我，问能否用.NET创建一个简单的WebSocket服务器（以及之后的客户端）。据我了解，他想用它来控制对方电脑上的进程。或许对其他人也有用，所以我把它发布在这里。让我们从服务器开始。我这里使用的是.NET6和ASP.NETCore，不需要任何额外的配置。它实际上是一个准系统应用程序，没有任何花哨的附加功能。Console.Title="Server";varbuilder=W
  • 绝佳组合 Lua + Redis + SpringBoot = 王炸！ Java精选 luaredisspringbootjunit单元测试
    前言曾经有一位魔术师，他擅长将SpringBoot和Redis这两个强大的工具结合成一种令人惊叹的组合。他的魔法武器是Redis的Lua脚本。今天，我们将揭开这个魔术师的秘密，探讨如何在SpringBoot项目中使用Lua脚本，以解锁新的可能性和提高性能。如果你一直在寻找提升你的应用程序的方法，那么这篇博客将为你揭示其中的神奇之处。Lua脚本简介当涉及Lua编程时，以下是对前述12个关键概念的详细
  • 9.IEnumerable可枚举接口 C#例子 WPF例子 军训猫猫头 华丽文章windowsc#microsoft
    privateasyncvoidButton_Click(objectsender,RoutedEventArgse){//调用时可以传入List、Array、HashSet等任何实现了IEnumerable的集合ListmyList=newList{"A","B"};ProcessItems(myList);string[]myArray={"X","Y"};ProcessItems(myArr
  • java--单元测试、内省
    junit(单元测试框架)junit要注意的细节：1.如果使用junit测试一个方法的时候，在junit窗口上显示绿条那么代表测试正确，如果是出现了红条，则代表该方法测试出现了异常不通过。2.如果点击方法名、类名、包名、工程名运行junit分别测试的是对应的方法，类、包中的所有类的test方法，工程中的所有test方法。3.@Test测试的方法不能是static修饰与不能带有形参（可以写一个测试方
  • python 变量进阶（理解） 程序员同行者
    变量进阶（理解）目标变量的引用可变和不可变类型局部变量和全局变量01.变量的引用变量和数据都是保存在内存中的在Python中函数的参数传递以及返回值都是靠引用传递的1.1引用的概念在Python中变量和数据是分开存储的数据保存在内存中的一个位置变量中保存着数据在内存中的地址变量中记录数据的地址，就叫做引用使用id()函数可以查看变量中保存数据所在的内存地址注意：如果变量已经被定义，当给一个变量赋值
  • C语言：数组-字符串数组
    数组字符串基础操作在用格式化说明符%s进行输入输出时，其输入输出项均为数组名。但在输入时，相邻两个字符串之间要用空格分隔，系统将自动在字符串后加\0。在输出时，遇到结束符\0作为输出结束标志。对于字符串的操作，我们需要使用到一些系统提供的API函数。字符串输入scanf语法：scanf("%s",数组名);注意：数组名对应的数组只能是char类型，从控制台输入字符串之后，默认为追加\0案例：#in
  • next.js刷新页面时二级菜单展开状态判断 啃火龙果的兔子 开发DEMOjavascript前端react.js
    在Next.js中保持二级菜单刷新后展开状态的解决方案在Next.js应用中，当页面刷新时保持二级菜单的展开状态，可以通过以下几种方法实现：方法1：使用URL参数保存状态（推荐）import{useRouter}from'next/router';import{useEffect,useState}from'react';constMenuComponent=()=>{constrouter=us
  • Spring Boot + Lua = 王炸！ 程序没有bug Javaspringboot编程java后端
    曾经有一位魔术师，他擅长将SpringBoot和Redis这两个强大的工具结合成一种令人惊叹的组合。他的魔法武器是Redis的Lua脚本。今天，我们将揭开这个魔术师的秘密，探讨如何在SpringBoot项目中使用Lua脚本，以解锁新的可能性和提高性能。如果你一直在寻找提升你的应用程序的方法，那么这篇博客将为你揭示其中的神奇之处。第一部分：Lua脚本简介当涉及Lua编程时，以下是对前述12个关键概念
  • PHP 性能优化全攻略：提升 Web 应用速度的关键 来恩1003 PHP从入门到精通php性能优化前端
    PHP学习资料PHP学习资料PHP学习资料在Web开发领域，PHP凭借其简单易用、开源免费等特性，成为众多开发者构建网站和应用的首选语言。然而，随着业务的发展和用户量的增加，PHP应用的性能问题逐渐凸显。性能不佳不仅会导致用户体验下降，还可能影响业务的发展。因此，对PHP代码进行性能优化至关重要。本文将深入探讨PHP性能优化的各个方面，包括缓存的使用、代码优化策略以及服务器配置优化等，帮助开发者打
  • pigz更快的压缩和解压工具 老率的IT私房菜
    pigz(parallelimplementationofgzip)是一个并行执行的压缩工具，解压缩比gzip快，同时CPU消耗是gzip的好几倍，在对短时间内CPU消耗较高不受影响的场景下，可以使用pigz。环境Centos7RAM:2GB,CPU:4vcpus安装#安装epel扩展源[root@localhost~]#wget-O/etc/yum.repos.d/epel-7.repohttp
  • mysql 清除事物_mysql事物处理
    mysql事物主要用于处理操作量大，复杂度高的数据。比如说，在人员管理系统中，你删除一个人员，你既要删除人员的基本资料，也要删除和该人员相关的信息，如信箱，文章等。这样，这些数据库操作语句就构成一个事物。注意一下几点：在MySQL中只有使用了Innodb数据库引擎的数据库或表才支持事务。事物处理可以用来维护数据库的完整性，保证成批的sql语句要么全部执行，要么全部不执行。事物用来管理insert，
  • 【Nacos无压力源码领读】(二) 集成 LoadBalancer 与 OpenFeign Dexu7 SpringCloud负载均衡ribbon
    上一篇文章中,详细介绍了Nacos注册中心的原理,相信看完后,大家应该完全掌握了Nacos客户端是如何自动进行服务注册的,以及Nacos客户端是如何订阅服务实例信息的,以及Nacos服务器是如何处理客户端的注册和订阅请求的;本文承上启下,在订阅服务实例的基础上,介绍如何在实例之间进行选择,实现负载均衡;并详细介绍了负载均衡组件LocaBanlancer和函数式调用组件OpenFeign是如何与Na
  • LinkedHashMap/HashMap(数҉据҉缓҉存҉准҉备҉)
    顾名思义LinkedHashMap是比HashMap多了一个链表的结构。与HashMap相比LinkedHashMap维护的是一个具有双重链表的HashMap，LinkedHashMap支持2中排序一种是插入排序，一种是使用排序，最近使用的会移至尾部例如M1M2M3M4，使用M3后为M1M2M4M3了，LinkedHashMap输出时其元素是有顺序的，而HashMap输出时是随机的，如果Map映射
  • 2020-03-16 刷题1（字符串） nowherespyfly
    01.06字符串压缩标签：字符串，内存题目其实很简单，用模拟法模拟字符串的压缩过程即可。但是我提交了三次，因为爆内存了。看了评论区才发现一个隐藏的坑：c_s=c_s+c+to_string(cnt)//会给c_s+c+to_string(cnt)开辟新的内存来存放，如果字符串很长，就会爆内存c_s+=c+to_string(cnt)//相当于在c后面append，不会开辟新的内存所以，以后能用+=
  • Hadoop(一) 朱辉辉33 hadooplinux
    今天在诺基亚第一天开始培训大数据，因为之前没接触过Linux，所以这次一起学了，任务量还是蛮大的。 首先下载安装了Xshell软件，然后公司给了账号密码连接上了河南郑州那边的服务器，接下来开始按照给的资料学习，全英文的，头也不讲解，说锻炼我们的学习能力，然后就开始跌跌撞撞的自学。这里写部分已经运行成功的代码吧.    在hdfs下，运行hadoop fs -mkdir /u
  • maven An error occurred while filtering resources blackproof maven报错
    转：http://stackoverflow.com/questions/18145774/eclipse-an-error-occurred-while-filtering-resources   maven报错： maven An error occurred while filtering resources   Maven -> Update Proje
  • jdk常用故障排查命令 daysinsun jvm
    linux下常见定位命令： 1、jps      输出Java进程       -q       只输出进程ID的名称，省略主类的名称；       -m      输出进程启动时传递给main函数的参数；     &nb
  • java 位移运算与乘法运算 周凡杨 java位移运算乘法
      对于 JAVA 编程中，适当的采用位移运算，会减少代码的运行时间，提高项目的运行效率。这个可以从一道面试题说起：     问题： 用最有效率的方法算出2 乘以8 等於几?” 答案：2 << 3 由此就引发了我的思考，为什么位移运算会比乘法运算更快呢？其实简单的想想，计算机的内存是用由 0 和 1 组成的二
  • java中的枚举(enmu) g21121 java
    从jdk1.5开始，java增加了enum(枚举)这个类型，但是大家在平时运用中还是比较少用到枚举的，而且很多人和我一样对枚举一知半解，下面就跟大家一起学习下enmu枚举。先看一个最简单的枚举类型，一个返回类型的枚举： public enum ResultType { /** * 成功 */ SUCCESS, /** * 失败 */ FAIL,
  • MQ初级学习 510888780 activemq
    1.下载ActiveMQ 去官方网站下载：http://activemq.apache.org/ 2.运行ActiveMQ 解压缩apache-activemq-5.9.0-bin.zip到C盘，然后双击apache-activemq-5.9.0-\bin\activemq-admin.bat运行ActiveMQ程序。 启动ActiveMQ以后，登陆：http://localhos
  • Spring_Transactional_Propagation 布衣凌宇 springtransactional
    //事务传播属性 @Transactional(propagation=Propagation.REQUIRED)//如果有事务，那么加入事务，没有的话新创建一个 @Transactional(propagation=Propagation.NOT_SUPPORTED)//这个方法不开启事务 @Transactional(propagation=Propagation.REQUIREDS_N
  • 我的spring学习笔记12-idref与ref的区别 aijuans spring
    idref用来将容器内其他bean的id传给<constructor-arg>/<property>元素，同时提供错误验证功能。例如： <bean id ="theTargetBean" class="..." /> <bean id ="theClientBean" class=&quo
  • Jqplot之折线图 antlove jsjqueryWebtimeseriesjqplot
    timeseriesChart.html <script type="text/javascript" src="jslib/jquery.min.js"></script> <script type="text/javascript" src="jslib/excanvas.min.js&
  • JDBC中事务处理应用 百合不是茶 javaJDBC编程事务控制语句
      解释事务的概念; 事务控制是sql语句中的核心之一;事务控制的作用就是保证数据的正常执行与异常之后可以恢复   事务常用命令:             Commit提交         
  • [转]ConcurrentHashMap Collections.synchronizedMap和Hashtable讨论 bijian1013 java多线程线程安全HashMap
    在Java类库中出现的第一个关联的集合类是Hashtable，它是JDK1.0的一部分。 Hashtable提供了一种易于使用的、线程安全的、关联的map功能，这当然也是方便的。然而，线程安全性是凭代价换来的――Hashtable的所有方法都是同步的。此时，无竞争的同步会导致可观的性能代价。Hashtable的后继者HashMap是作为JDK1.2中的集合框架的一部分出现的，它通过提供一个不同步的
  • ng-if与ng-show、ng-hide指令的区别和注意事项 bijian1013 JavaScriptAngularJS
            angularJS中的ng-show、ng-hide、ng-if指令都可以用来控制dom元素的显示或隐藏。ng-show和ng-hide根据所给表达式的值来显示或隐藏HTML元素。当赋值给ng-show指令的值为false时元素会被隐藏，值为true时元素会显示。ng-hide功能类似，使用方式相反。元素的显示或
  • 【持久化框架MyBatis3七】MyBatis3定义typeHandler bit1129 TypeHandler
    什么是typeHandler? typeHandler用于将某个类型的数据映射到表的某一列上，以完成MyBatis列跟某个属性的映射   内置typeHandler MyBatis内置了很多typeHandler，这写typeHandler通过org.apache.ibatis.type.TypeHandlerRegistry进行注册，比如对于日期型数据的typeHandler，
  • 上传下载文件rz,sz命令 bitcarter linux命令rz
    刚开始使用rz上传和sz下载命令： 因为我们是通过secureCRT终端工具进行使用的所以会有上传下载这样的需求： 我遇到的问题： sz下载A文件10M左右，没有问题 但是将这个文件A再传到另一天服务器上时就出现传不上去，甚至出现乱码，死掉现象，具体问题 解决方法： 上传命令改为;rz -ybe 下载命令改为：sz -be filename 如果还是有问题： 那就是文
  • 通过ngx-lua来统计nginx上的虚拟主机性能数据 ronin47 ngx-lua　统计 解禁ip
    介绍 以前我们为nginx做统计,都是通过对日志的分析来完成.比较麻烦,现在基于ngx_lua插件,开发了实时统计站点状态的脚本,解放生产力.项目主页: https://github.com/skyeydemon/ngx-lua-stats 功能 支持分不同虚拟主机统计, 同一个虚拟主机下可以分不同的location统计. 可以统计与query-times request-time
  • java-68-把数组排成最小的数。一个正整数数组，将它们连接起来排成一个数，输出能排出的所有数字中最小的。例如输入数组{32, 321}，则输出32132 bylijinnan java
    import java.util.Arrays; import java.util.Comparator; public class MinNumFromIntArray { /** * Q68输入一个正整数数组，将它们连接起来排成一个数，输出能排出的所有数字中最小的一个。 * 例如输入数组{32, 321}，则输出这两个能排成的最小数字32132。请给出解决问题
  • Oracle基本操作 ccii Oracle SQL总结Oracle SQL语法Oracle基本操作Oracle SQL
    一、表操作 1. 常用数据类型 NUMBER(p,s)：可变长度的数字。p表示整数加小数的最大位数，s为最大小数位数。支持最大精度为38位 NVARCHAR2(size)：变长字符串，最大长度为4000字节（以字符数为单位） VARCHAR2(size)：变长字符串，最大长度为4000字节（以字节数为单位） CHAR(size)：定长字符串，最大长度为2000字节，最小为1字节，默认
  • [强人工智能]实现强人工智能的路线图 comsci 人工智能
        1：创建一个用于记录拓扑网络连接的矩阵数据表      2:自动构造或者人工复制一个包含10万个连接(1000*1000)的流程图      3：将这个流程图导入到矩阵数据表中      4：在矩阵的每个有意义的节点中嵌入一段简单的
  • 给Tomcat，Apache配置gzip压缩(HTTP压缩)功能 cwqcwqmax9 apache
    背景： HTTP 压缩可以大大提高浏览网站的速度，它的原理是，在客户端请求网页后，从服务器端将网页文件压缩，再下载到客户端，由客户端的浏览器负责解压缩并浏览。相对于普通的浏览过程HTML ,CSS,Javascript , Text ，它可以节省40%左右的流量。更为重要的是，它可以对动态生成的，包括CGI、PHP , JSP , ASP , Servlet,SHTML等输出的网页也能进行压缩，
  • SpringMVC and Struts2 dashuaifu struts2springMVC
    SpringMVC VS Struts2 1: spring3开发效率高于struts 2: spring3 mvc可以认为已经100%零配置 3: struts2是类级别的拦截， 一个类对应一个request上下文， springmvc是方法级别的拦截，一个方法对应一个request上下文，而方法同时又跟一个url对应 所以说从架构本身上 spring3 mvc就容易实现r
  • windows常用命令行命令 dcj3sjt126com windowscmdcommand
    在windows系统中，点击开始－运行，可以直接输入命令行，快速打开一些原本需要多次点击图标才能打开的界面，如常用的输入cmd打开dos命令行，输入taskmgr打开任务管理器。此处列出了网上搜集到的一些常用命令。winver 检查windows版本 wmimgmt.msc 打开windows管理体系结构(wmi) wupdmgr windows更新程序 wscrip
  • 再看知名应用背后的第三方开源项目 dcj3sjt126com ios
    知名应用程序的设计和技术一直都是开发者需要学习的，同样这些应用所使用的开源框架也是不可忽视的一部分。此前《 iOS第三方开源库的吐槽和备忘》中作者ibireme列举了国内多款知名应用所使用的开源框架，并对其中一些框架进行了分析，同样国外开发者 @iOSCowboy也在博客中给我们列出了国外多款知名应用使用的开源框架。另外txx's blog中详细介绍了 Facebook Paper使用的第三
  • Objective-c单例模式的正确写法 jsntghf 单例iosiPhone
    一般情况下，可能我们写的单例模式是这样的： #import <Foundation/Foundation.h> @interface Downloader : NSObject + (instancetype)sharedDownloader; @end #import "Downloader.h" @implementation
  • jquery easyui datagrid 加载成功，选中某一行 hae jqueryeasyuidatagrid数据加载
    1.首先你需要设置datagrid的onLoadSuccess $( '#dg' ).datagrid({onLoadSuccess :  function (data){      $( '#dg' ).datagrid( 'selectRow' ,3); }});   2.onL
  • jQuery用户数字打分评价效果 ini JavaScripthtmljqueryWebcss
    效果体验：http://hovertree.com/texiao/jquery/5.htmHTML文件代码： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery用户数字打分评分代码 - HoverTree</
  • mybatis的paramType kerryg DAOsql
    MyBatis传多个参数： 1、采用#{0},#{1}获得参数：    Dao层函数方法：     public User selectUser(String name,String area); 对应的Mapper.xml    <select id="selectUser" result
  • centos 7安装mysql5.5 MrLee23 centos
    首先centos7 已经不支持mysql，因为收费了你懂得，所以内部集成了mariadb，而安装mysql的话会和mariadb的文件冲突，所以需要先卸载掉mariadb，以下为卸载mariadb，安装mysql的步骤。   #列出所有被安装的rpm package rpm -qa | grep mariadb   #卸载 rpm -e mariadb-libs-5.
  • 利用thrift来实现消息群发 qifeifei thrift
               Thrift项目一般用来做内部项目接偶用的，还有能跨不同语言的功能，非常方便，一般前端系统和后台server线上都是3个节点，然后前端通过获取client来访问后台server，那么如果是多太server，就是有一个负载均衡的方法，然后最后访问其中一个节点。那么换个思路，能不能发送给所有节点的server呢，如果能就
  • 实现一个sizeof获取Java对象大小 teasp javaHotSpot内存对象大小sizeof
       由于Java的设计者不想让程序员管理和了解内存的使用，我们想要知道一个对象在内存中的大小变得比较困难了。本文提供了可以获取对象的大小的方法，但是由于各个虚拟机在内存使用上可能存在不同，因此该方法不能在各虚拟机上都适用，而是仅在hotspot 32位虚拟机上，或者其它内存管理方式与hotspot 32位虚拟机相同的虚拟机上 适用。     
  • SVN错误及处理 xiangqian0505 SVN提交文件时服务器强行关闭
    在SVN服务控制台打开资源库“SVN无法读取current” ---摘自网络 写道 SVN无法读取current修复方法 Can't read file : End of file found 文件：repository/db/txn_current、repository/db/current   其中current记录当前最新版本号，txn_current记录版本库中版本
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他