a130866805
a130866805

Html 慕课园编程练习10-1

23:10:25 2019-08-14

自己写的这个好丑。。。。

 

题目：利用之前我们学过的JavaScript知识，实现选项卡切换的效果。

效果图:

(另外 这个动图是怎么插入的 用url就行 复制就不行)

我写的效果图：

Html 慕课园编程练习10-1_第1张图片

(一对比就好丑)

代码

 1 DOCTYPE html>
 2 <html>
 3 <head lang="en">
 4     <meta charset="UTF-8">
 5     <title>实践题 - 选项卡title>
 6     <style type="text/css">
 7     div{
 8         border:1px black solid;
 9         width:300px;
10         height:100px;
11     }
12     input{
13         background-color:white;
14     }
15     style>
16     <script type="text/javascript">
17         function changeText(n)
18         {
19             var div=document.getElementById("div");
20             switch(n)
21             {
22                 case 1:
23                 div.innerHTML="275万购昌平邻铁三居 总价20万买一居"+"
"+"200万内购五环三居 140万安家东三环"+"
"+
24                     "北京首现零首付楼盘 53万购东5环50平"+"
"+"京楼盘直降5000 中信府 公园楼王现房"
25                     break;
26                 case 2:
27                  div.innerHTML="40平出租屋大改造 美少女的混搭小窝"+"
"+"经典清新简欧爱家 90平老房焕发新生"+"
"+
28                     "新中式的酷色温情 66平撞色活泼家居"+"
"+"瓷砖就像选好老婆 卫生间烟道的设计"
29                     break;
30                 case 3:
31                 div.innerHTML="通州豪华3居260万 二环稀缺2居250w甩"+"
"+" 西3环通透2居290万 130万2居限量抢购"+"
"+
32                     "黄城根小学学区仅260万 121平70万抛!"+"
"+"独家别墅280万 苏州桥2居优惠价248万"
33                     break;
34             }
35         }
36     script>
37 head>
38 <body>
39 <input id="button1" type="button" value="房产" onclick="changeText(1)"/>
40 <input id="button2" type="button" value="家居" onclick="changeText(2)"/>
41 <input id="button3" type="button" value="二手房" onclick="changeText(3)"/>
42 <div id="div">275万购昌平邻铁三居 总价20万买一居<br/>
43      200万内购五环三居 140万安家东三环<br/>
44      北京首现零首付楼盘 53万购东5环50平<br/>
45      京楼盘直降5000 中信府 公园楼王现房<br/>
46      div>
47 body>
48 html>

我的想法是 三个button下一个div元素

点击button时切换div文本元素的内容

 

答案

 1 DOCTYPE html>
 2 <html>
 3  <head>
 4   <title>浏览器对象title>  
 5   <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>   
 6   <style type="text/css">
 7     *{padding:0px;margin: 0px;font:12px normal "microsoft yahei";}
 8     #tabs{width:290px;padding:5px;height:150px;margin:20px;}
 9     #tabs ul{list-style: none;height: 30px;line-height:30px;border-bottom:2px saddlebrown solid;}
10     #tabs ul li{background:#fff;cursor: pointer;list-style: none;float: left;height:28px;line-height:28px;margin:0px 3px;border:1px solid #aaaaaa;border-bottom:none;display:inline-block;width:60px;text-align: center;}
11     #tabs ul li.on{border-top:2px solid saddlebrown;border-bottom: 2px solid #fff;}
12     #tabs div{height:120px;line-height: 25px;border:1px solid #336699;border-top: none;padding:5px;}
13     .hide{display:none;}
14   style> 
15   <script type="text/javascript">
16         window.onload=function()
17         {
18            var fDiv=document.getElementById("tabs"); //获得父元素div
19            var fUl=fDiv.getElementsByTagName("ul")[0]; //获得父元素
20            var lis=fUl.getElementsByTagName("li");    //通过父元素获得li元素的数组
21            var sDivs=fDiv.getElementsByTagName("div")  //通过父元素div获得子元素div的数组
22            for(var i=0,len=lis.length;i<len;i++)      //javascript中变量可以不声明就使用 最好不要这样写
23            {
24               lis[i].index=i;     //引入自定义属性 利用这种方式在后面更改classname
25               lis[i].onclick=function()
26               {
27                 for(var n=0;n<len;n++)
28                 {
29                   lis[n].className="";
30                   sDivs[n].className="hide";
31                 }
32                 this.className="on";
33                 sDivs[this.index].className="";  //这里用到index 因为 lis数组下index指数 是与sDiv数组一一对应的
34               };
35            }
36         }
37  script>
38  head>
39  <body>
40  <div id="tabs">
41     <ul>
42         <li class="on">房产li>
43         <li>家居li>
44         <li>二手房li>
45     ul>
46     <div>
47         275万购昌平邻铁三居 总价20万买一居<br>
48         200万内购五环三居 140万安家东三环<br>
49         北京首现零首付楼盘 53万购东5环50平<br>
50         京楼盘直降5000 中信府 公园楼王现房<br>
51     div>
52     <div class="hide">
53         40平出租屋大改造 美少女的混搭小窝<br>
54         经典清新简欧爱家 90平老房焕发新生<br>
55         新中式的酷色温情 66平撞色活泼家居<br>
56         瓷砖就像选好老婆 卫生间烟道的设计<br>
57     div>
58     <div class="hide">
59         通州豪华3居260万 二环稀缺2居250w甩<br>
60         西3环通透2居290万 130万2居限量抢购<br>
61         黄城根小学学区仅260万 121平70万抛!<br>
62         独家别墅280万 苏州桥2居优惠价248万<br>
63     div>
64   div>
65 body>
66 html>

光从css上来看就差了好多。。 代码还是比较好理解的 每个点击时 先把每个选项卡设置不强调的状态  选项卡内容设置为隐藏  再设置点击的选项卡为强调 和 对应的选项卡内容显示

转载于:https://www.cnblogs.com/57one/p/11355534.html

你可能感兴趣的:(Html 慕课园编程练习10-1)

  • uni-app实现 步骤条 夏夏的码农 uni-app
    实现如图样式html部分代码如下投资期限与收益0?'active':'default'">募集开始1?'active':'default'">募集结束2?'active':'default'">产品成立3?'active':'default'">产品到期0?'active-step1':'step1'">1?'active-st
  • 入伏（五） 喜马ma
    图片发自App入伏13今天我看见很多蜻蜓在飞飞得很低想起小学时学的那点知识在这闷热的午后真能来一场暴雨太过瘾了入伏14有点像瓢虫的昆虫喜欢吃葡萄叶喜欢交配在炎热的夏天如果你在葡萄园看见两只昆虫它们不是在吃葡萄叶就是在交配请记住它们的名字叫葡萄十星红甲
  • python转码 Desamond python开发语言
    转码在许多场景中都有应用，以下是一些常见的场景：网页开发：当用户在网页上输入文本时，可能需要将特殊字符（如空格、引号、特殊符号等）进行转码，以防止这些字符对URL或HTML代码产生干扰。文件名处理：在处理文件名时，可能需要将特殊字符进行转码，以避免文件名被错误地解析或显示。数据传输：在数据传输过程中，为了确保数据的完整性和正确性，可能需要将数据中的特殊字符进行转码。数据存储：在数据库或数据存储中，
  • UNDERSTANDING HTML WITH LARGE LANGUAGE MODELS liferecords LLM语言模型人工智能自然语言处理
    UNDERSTANDINGHTMLWITHLARGELANGUAGEMODELS相关链接：arXiv关键字：大型语言模型、HTML理解、Web自动化、自然语言处理、机器学习摘要大型语言模型（LLMs）在各种自然语言任务上表现出色。然而，它们在HTML理解方面的能力——即解析网页的原始HTML，对于自动化基于Web的任务、爬取和浏览器辅助检索等应用——尚未被充分探索。我们为HTML理解模型（经过微调
  • 《红太阳幼儿园》剧本杀复盘/凶手/剧透/真相/答案/攻略 VX搜_小燕子复盘
    为了你获得更好的游戏体验，本文仅显示《红太阳幼儿园》剧本杀部分真相复盘，获取完整真相复盘只需两步①【微信关注公众号：集美复盘】②回复【红太阳幼儿园】即可查看获取哦﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎﹎1、剧本杀《红太阳幼儿园》角色介绍【宋晓晓】女，28岁，上市公司的董事长，独立果敢，执着认真，有着新时代女性独有的风采。【林缘】女，27岁，温柔秀气的女孩，十
  • Web前端Html的表单 任家伟 前端html
    表单的关键字：form标签表示一个表单区域action=“后端地址”method=“提交数据方式:get/post”input单行输入框type=“text”文本name=“定义名称名字自定义”向后端提交的键readonly=“readonly”只读，不可修改，但是可以提交disabled=“disabled”禁用组件不可修改，不能提交type=“password”密码框type=“radio”单
  • 4.13小结 茶茶6858
    扫楼爱榕园和海月一期依然还是很紧张的情绪溜达了几天，今晚试着站在一个地方一直出手，人流量虽不大，但都会接单，很多时候刚开始都不接，多说两句也挺感兴趣。
  • html版本号 webpack_html-webpack-plugin详解 weixin_39994949 html版本号webpack
    引言最近在react项目中初次用到了html-webapck-plugin插件，用到该插件的两个主要作用：为html文件中引入的外部资源如script、link动态添加每次compile后的hash，防止引用缓存的外部文件问题可以生成创建html入口文件，比如单页面可以生成一个html文件入口，配置N个html-webpack-plugin可以生成N个页面入口有了这种插件，那么在项目中遇到类似上面
  • HTML语言剖析 混沌破晓
    HTML语言剖析Html简介-目录全写：HyperTextMark-upLanguage译名：超文本标识语言简释：一种为普通文件中某些字句加上标示的语言，其目的在于运用标签（tag）使文件达到预期的显示效果。由文字（字母，数字、标点符号）及标签组合而成。任何文字编辑器都可以，这里推荐用：Dreamweaver。1.Html特点：►描述性语言，结构语言，用于决定网页内容以什么样的形式显示；►通过标签
  • CDH 启停使用HiveServer2 金刚_30bf
    翻译：https://www.cloudera.com/documentation/enterprise/latest/topics/cdh_ig_hiveserver2_start_stop.html版本：5.14.2HiveServer2是HiveServer的改进版本，支持Kerberos身份验证和多客户端并发访问。您可以使用Beeline客户端访问HiveServer2。警告：如果以远程模
  • HTML背景带视频的个人炫酷引导页源码 erthre 源码php
    正文:一款简洁大气得个人团队引导HTML单页，非常不错，LOGO支持自行更改替换，可以拿来做为团队官网也可以个人，只是单页没有后台。程序:wwhtxs.lanzouq.com/if6oE0i26ohi图片:
  • vue生命周期 涡看你就不是好人呐 vue.jsjavascript前端
    1.computed是在HTMLDOM加载后马上执行的，如赋值；2.methods则必须要有一定的触发条件才能执行，如点击事件；3.watch呢？它用于观察Vue实例上的数据变动。对应一个对象，键是观察表达式，值是对应回调。值也可以是方法名，或者是对象，包含选项。所以他们的执行顺序为：默认加载的时候先computed再watch，不执行methods；等触发某一事件后，则是：先methods再wa
  • 《教育散落在点滴里》 小星星_483c
    2020.01.03星期五近十年教育教学证实：幼儿园、小学生还是初中生，学习这件事都可以是轻松又有趣的。只是有时候像小精灵一样喜欢和我们捉迷藏，需要我们和孩子一起寻找，小精灵特别喜欢微笑的家长和孩子呢[愉快]——金鸣教育创始人·星星老师打车路上时间长，中间有些晕车，下来走了一小段，这会儿刚到家。身为老师教育教学也是平凡人，此时累是自然。但看到学生身心愉悦安稳入眠，看到家长锁眉舒展并愿意和孩子一起努
  • C#使用ASP.NET Core Razor Pages构建网站（二） 林祖师 C#c#asp.net开发语言
    上一篇文章讲了HTTP协议的基本概念、客户端Web开发技术以及ASP.NETCore框架的关键特点和创建项目方法链接：C#使用ASP.NETCoreRazorPages构建网站（一）接下来继续了解ASP.NETCoreRazorPages构建网站的后续内容了解RazorPagesRazorPages允许开发人员轻松地将HTML标记和C#代码混合在一起，这是使用.cshtml扩展名的原因。默认情况下
  • 觉察二——改变从现在开始 我和你一起成长
    前两天与好友相聚，聊娃是我们永恒不变的主题。好友说，当我聊到孩子的学习和生活的一些事情时，脸上和话语中都有掩饰不住的嫌弃，只有当聊到孩子花零钱购买零食和对待食品健康时的状态是放松的，喜悦的。他们提醒：我脸上的嫌弃，会传给孩子一个不良信号——我不包容孩子，不相信孩子。这两天脑海中也不断地重现当天的聊娃状况，好友的提醒也许就是我的症结和突破口所在。这些天来我也常在反思，为什么孩子在幼儿园阶段已经形成的
  • vue-pdf 预览pdf (数据流) reembarkation vue.jspdfjavascript
    页面有个要预览pdf的需求，数据是从后台传递过来的数据流：1.安装插件：npminstallvue-pdf2.在页面引用：importpdffrom'vue-pdf'...components:{pdf},3.html中添加：4.通过接口获取数据：downloadFile({id:this.id}).then((res)=>{if((!res&&res.status!=200)||(res.dat
  • 小时候的事，你记得哪些 季沫之夏
    不知道是不是大多数人都能记住小时候的事情，多小呢，三岁时在幼儿园的事，或者小学在家里发生的事。我就记不住，大概从小记性就不好，很多小时候的事，都是爸爸妈妈在我耳朵说几百遍才记起来。其实也不是记起来，我也不知道是不是真的发生过，但是爸妈说的让我觉得确实是有这么回事。我能记起来最小的事，就是四年级升五年级的事，那时候合并小学，另一个村里的学生都转到我们学校读五年级，其实整个班里也就三十多不到四十个学生
  • 我在泥学园 高实幼若男
    有人说：“只有当我们看到自己与大自然密不可分的时候，只有当我们将自己作为大自然的一部分来珍爱的时候，只有当我们相信孩子们有权利享受未受破坏的自然种种恩赐的时候，我们才是真正关注大自然和人类自身的人，所以我们需要重建与自然的联系，归真返璞正本清源，需要不断地走近自然，热爱生命，热爱动物和植物。”我们的幼儿园创造了泥学院——户外的天堂，孩子们在这里就能关注大自然，感受到自然的种种恩赐。通过镜头分享我们
  • Python随笔29：Python基础编程练习题23~24 挂可挂
    注：本文所有代码均经过Python3.7实际运行检验，保证其严谨性。Python基础练习题23：求三角形斜边上的高输入直角三角形两直角边a、b的值，输出斜边上的高，最后结果使用round(x,2)函数四舍五入保留2位小数。输入格式：2行，每行一个整数，分别为a，b的值。输出格式：一个数，即斜边上的高，保留2位小数。输入样例：45输出样例：3.12解答：利用复数求模的方式求出第三条边长c，再利用公式
  • DIV + CSS 布局：盒子内容超出宽度时，不换行，以滚动条形式水平滑动 01空间 常见场景解决方案csshtml
    滚动条水平滚动展示溢出内容htmlcss（less）思路html11112222333344445555666677778888css（less）.outer{background-color:#39a9ed;overflow-x:auto;&::-webkit-scrollbar{display:none;}white-space:nowrap;.item{display:inline-bloc
  • 【Docker】【nginx】docker安装nginx并映射宿主机配置文件地址 小丛的知识窝 nginxdocker运维
    dockerrun-d-p80:80-v/root/docker/docker-nginx/nginx.conf:/etc/nginx/nginx.conf-v/root/docker/docker-nginx/html:/usr/share/nginx/html-v/root/docker/docker-nginx/logs:/var/log/nginx--namenginxnginx
  • Reviewing a fastq_mergepairs report to check for problems 信息搬运 代号北极能
    信息来源https://www.drive5.com/usearch/manual/merge_report.htmlBelowisanexamplereportproducedbythe-reportoptionoffastq_mergepairs.Thisinformationisalsoshownontheterminal(standarderroroutputstream).Theopti
  • html5 websocket 手机,websocket在h5上正常，编译到手机上就连不上 猫研所 html5websocket手机
    对接的网易云信微信IMSDK，在h5上能建立起连接，在手机端不行，截图是h5的链接，下面是app的日志：20:10:34.247连接websocket参数"wss://wlnimsc0.netease.im/socket.io/1/websocket/378166b5-af18-4372-a0a5-05aee5a1d882"atuni-app:///sdk/yunxin-wx/vendors/NI
  • 【郭门有女徒】第021章·被算计，道真心 忘不了你376温暖
    京城五月里夏威就现了。空气里的风都夹带着些燥意。清荷园倒是因为荷塘水面宽泛和绿植归置安排繁多显得格外凉爽惬意。周一本来是社里头公休的日子。但前不久清荷园没少沾上事儿，左思右想，大师姐姜凝鸿跟众人知会了一声，大家“加班”在这一日都到清荷园聚齐，开个小会。说是个小会，这段日子大队长栾云平为了清荷园人事安排，没少调了人过来。现下涉及到这边园子里日常工作的人还真的是不少。姜凝鸿原本是想着先把女徒们召集了说
  • “太极”谱 dy5
    图片发自App楼下幼儿园里的那角空地，被整理出来之后就种上了花树和灌木。在那块地上登场的大都是六十岁左右的田园留守老人，他们劳动的动作专注而又沉着，仿佛是在打“太极拳”。“广阔良田吐稻花，芬香飘溢醉农家。”流光不急不缓地走到七月底。碧绿的稻田，争先恐后地向大地，也向乡村高高举起了一串串稻花，稻花的馨香在乡村大地急速奔跑，如盛夏的风，兴奋而又热烈。就在这样的时节，幼儿园的那块地里，不紧不慢地，又走来
  • 开始与娃斗智斗勇 坚持学习的蜗牛
    我不知道我是怎么转变的，反正现在与娃相处方面，最大的感受就是要与他们斗智斗勇了，而这个最明显的时间段是小学一年级。当然了，小学生了，有了家庭作业，尤其是本该课堂完成而没完成的作业，这时老师会找家长，学生也怕老师三番五次批评。老师，家长，学生三者中，家长居于中间，像极了处在母亲和媳妇之间的那个他，有幸福也有心酸。这个转变是需要时间的，幼儿园毕业前，小孩子几乎都很乖，你让他们做什么，他们就做什么；由于
  • 【心羽暖姐姐日记45】“一只手+一双脚”撑起的一个家 心羽暖姐姐
    这是心羽姐姐第139篇原创文章今晚在cctv有《脱贫致富攻坚战》的晚会，不知道你有没有看，我猜应该大多数人都没有看，周末估计都在陪家人、玩游戏或者看剧。本来看这个晚会，是我小侄子在的幼儿园给家长留的作业，我也陪着一块看了看，但我被感动了。尤其是“一只手+两条腿”撑起的一个家，这一对夫妻感动了我，一只手，一双脚，这是云南省昆明市东川区乌龙镇坪子村张顺东和李国秀夫妇仅有的劳动力。张顺东6岁时遭受电击，
  • JavaScript和HTML/CSS之间有什么区别？它们之间的关系是什么？ 智伴科技 javascripthtmlcss
    下面是一个简单的代码示例，展示了HTML、CSS和JavaScript是如何一起工作的：HTML,CSS,JavaScriptExample/*在HTML文档内使用内联CSS*/.greeting{color:blue;font-size:24px;}Hello,素材8网，www.sucai8.cnChangeText//在HTML文档内使用内联JavaScriptdocument.addEven
  • 随笔：一件尴尬的小事 Doubt_Fact
    今天下午，朋友找我帮忙，想让我帮忙写一个随机点名的程序，我满口答应了下来，不过我不怎么会写窗口应用，就问他可不可以以网页代替，他同意了。我便写了一个html文件，除了中间遇到一个小插曲，一个缺少的英文“,”被漏掉了，到最后一直无法正常显示……在完成后，我到网页上看到了一种把网页制作成程序的方法，只需利用程序nativefier来操作，这个程序最后基于Node.js。我又很快在我的windows机器
  • 2021-09-17 云淼家
    9月17日星期五晴〔作文〕我家是动物园我家是一个小小的动物园，里面有几只动物，就让我来跟你介绍一下吧！我的妈妈是张女士其实她是一只翠鸟，长得可漂亮了，每天都穿着漂亮的衣服出门。她特别喜欢吃鱼，每次家里做鱼，她都会吃掉一大半。我的妈妈很有耐心，上次我有个题一直不懂，她教了我很长时间，一点都不着急。我的爸爸杨先生其实它是一头牛，每天几乎都在工作，不是去卖机器，就是去帮人家修机器。回家都是在晚上，早上又
  • 解线性方程组 qiuwanchi
    package gaodai.matrix; import java.util.ArrayList; import java.util.List; import java.util.Scanner; public class Test { public static void main(String[] args) { Scanner scanner = new Sc
  • 在mysql内部存储代码 annan211 性能mysql存储过程触发器
    在mysql内部存储代码 在mysql内部存储代码，既有优点也有缺点，而且有人倡导有人反对。 先看优点： 1 她在服务器内部执行，离数据最近，另外在服务器上执行还可以节省带宽和网络延迟。 2 这是一种代码重用。可以方便的统一业务规则，保证某些行为的一致性，所以也可以提供一定的安全性。 3 可以简化代码的维护和版本更新。 4 可以帮助提升安全，比如提供更细
  • Android使用Asynchronous Http Client完成登录保存cookie的问题 hotsunshine android
    Asynchronous Http Client是android中非常好的异步请求工具 除了异步之外还有很多封装比如json的处理，cookie的处理 引用 Persistent Cookie Storage with PersistentCookieStore This library also includes a PersistentCookieStore whi
  • java面试题 Array_06 java面试
    java面试题 第一，谈谈final, finally, finalize的区别。 final-修饰符（关键字）如果一个类被声明为final，意味着它不能再派生出新的子类，不能作为父类被继承。因此一个类不能既被声明为 abstract的，又被声明为final的。将变量或方法声明为final，可以保证它们在使用中不被改变。被声明为final的变量必须在声明时给定初值，而在以后的引用中只能
  • 网站加速 oloz 网站加速
    前序:本人菜鸟，此文研究总结来源于互联网上的资料，大牛请勿喷！本人虚心学习，多指教. 1、减小网页体积的大小，尽量采用div+css模式，尽量避免复杂的页面结构，能简约就简约。 2、采用Gzip对网页进行压缩；    GZIP最早由Jean-loup Gailly和Mark Adler创建，用于UNⅨ系统的文件压缩。我们在Linux中经常会用到后缀为.gz
  • 正确书写单例模式 随意而生 java 设计模式 单例
    　　单例模式算是设计模式中最容易理解，也是最容易手写代码的模式了吧。但是其中的坑却不少，所以也常作为面试题来考。本文主要对几种单例写法的整理，并分析其优缺点。很多都是一些老生常谈的问题，但如果你不知道如何创建一个线程安全的单例，不知道什么是双检锁，那这篇文章可能会帮助到你。 　　懒汉式，线程不安全 　　当被问到要实现一个单例模式时，很多人的第一反应是写出如下的代码，包括教科书上也是这样
  • 单例模式 香水浓 java
    懒汉  调用getInstance方法时实例化 public class Singleton { private static Singleton instance; private Singleton() {} public static synchronized Singleton getInstance() { if(null == ins
  • 安装Apache问题：系统找不到指定的文件 No installed service named "Apache2" AdyZhang apachehttp server
    安装Apache问题：系统找不到指定的文件 No installed service named "Apache2" 每次到这一步都很小心防它的端口冲突问题，结果，特意留出来的80端口就是不能用，烦。 解决方法确保几处： 1、停止IIS启动 2、把端口80改成其它 （譬如90，800，，，什么数字都好） 3、防火墙(关掉试试) 在运行处输入 cmd 回车，转到apa
  • 如何在android 文件选择器中选择多个图片或者视频？ aijuans android
    我的android app有这样的需求，在进行照片和视频上传的时候，需要一次性的从照片/视频库选择多条进行上传 但是android原生态的sdk中，只能一个一个的进行选择和上传。 我想知道是否有其他的android上传库可以解决这个问题，提供一个多选的功能，可以使checkbox之类的，一次选择多个 处理方法 官方的图片选择器(但是不支持所有版本的androi，只支持API Level
  • mysql中查询生日提醒的日期相关的sql baalwolf mysql
    SELECT sysid,user_name,birthday,listid,userhead_50,CONCAT(YEAR(CURDATE()),DATE_FORMAT(birthday,'-%m-%d')),CURDATE(),  dayofyear( CONCAT(YEAR(CURDATE()),DATE_FORMAT(birthday,'-%m-%d')))-dayofyear(
  • MongoDB索引文件破坏后导致查询错误的问题 BigBird2012 mongodb
    问题描述： MongoDB在非正常情况下关闭时，可能会导致索引文件破坏，造成数据在更新时没有反映到索引上。 解决方案：   使用脚本，重建MongoDB所有表的索引。 var names = db.getCollectionNames(); for( var i in names ){ var name = names[i]; print(name);
  • Javascript Promise bijian1013 JavaScriptPromise
            Parse JavaScript SDK现在提供了支持大多数异步方法的兼容jquery的Promises模式，那么这意味着什么呢，读完下文你就了解了。 一.认识Promises         “Promises”代表着在javascript程序里下一个伟大的范式，但是理解他们为什么如此伟大不是件简
  • [Zookeeper学习笔记九]Zookeeper源代码分析之Zookeeper构造过程 bit1129 zookeeper
       Zookeeper重载了几个构造函数，其中构造者可以提供参数最多，可定制性最多的构造函数是     public ZooKeeper(String connectString, int sessionTimeout, Watcher watcher, long sessionId, byte[] sessionPasswd, boolea
  • 【Java命令三】jstack bit1129 jstack
    jstack是用于获得当前运行的Java程序所有的线程的运行情况(thread dump），不同于jmap用于获得memory dump   [hadoop@hadoop sbin]$ jstack Usage: jstack [-l] <pid> (to connect to running process) jstack -F
  • jboss 5.1启停脚本　动静分离部署 ronin47
    以前启动jboss，往各种xml配置文件，现只要运行一句脚本即可。start nohup sh /**/run.sh -c servicename  -b ip -g  clustername   -u broatcast jboss.messaging.ServerPeerID=int  -Djboss.service.binding.set=p
  • UI之如何打磨设计能力? brotherlamp UIui教程ui自学ui资料ui视频
      在越来越拥挤的初创企业世界里，视觉设计的重要性往往可以与杀手级用户体验比肩。在许多情况下，尤其对于 Web 初创企业而言，这两者都是不可或缺的。前不久我们在《右脑革命：别学编程了，学艺术吧》中也曾发出过重视设计的呼吁。如何才能提高初创企业的设计能力呢?以下是 9 位创始人的体会。 1.找到自己的方式 如果你是设计师，要想提高技能可以去设计博客和展示好设计的网站如D-lists或
  • 三色旗算法 bylijinnan java算法
    import java.util.Arrays; /** 问题： 假设有一条绳子，上面有红、白、蓝三种颜色的旗子，起初绳子上的旗子颜色并没有顺序， 您希望将之分类，并排列为蓝、白、红的顺序，要如何移动次数才会最少，注意您只能在绳 子上进行这个动作，而且一次只能调换两个旗子。 网上的解法大多类似： 在一条绳子上移动，在程式中也就意味只能使用一个阵列，而不使用其它的阵列来
  • 警告:No configuration found for the specified action: \'s chiangfai configuration
    1.index.jsp页面form标签未指定namespace属性。 <!--index.jsp代码--> <%@taglib prefix="s" uri="/struts-tags"%> ... <s:form action="submit" method="post"&g
  • redis -- hash_max_zipmap_entries设置过大有问题 chenchao051 redishash
    使用redis时为了使用hash追求更高的内存使用率，我们一般都用hash结构，并且有时候会把hash_max_zipmap_entries这个值设置的很大，很多资料也推荐设置到1000，默认设置为了512，但是这里有个坑   #define ZIPMAP_BIGLEN 254 #define ZIPMAP_END 255     /* Return th
  • select into outfile access deny问题 daizj mysqltxt导出数据到文件
    本文转自：http://hatemysql.com/2010/06/29/select-into-outfile-access-deny%E9%97%AE%E9%A2%98/ 为应用建立了rnd的帐号，专门为他们查询线上数据库用的，当然，只有他们上了生产网络以后才能连上数据库，安全方面我们还是很注意的，呵呵。 授权的语句如下： grant select on armory.* to rn
  • phpexcel导出excel表简单入门示例 dcj3sjt126com PHPExcelphpexcel
    <?php error_reporting(E_ALL); ini_set('display_errors', TRUE); ini_set('display_startup_errors', TRUE);   if (PHP_SAPI == 'cli') die('This example should only be run from a Web Brows
  • 美国电影超短200句 dcj3sjt126com 电影
    1. I see． 我明白了。2. I quit! 我不干了!3. Let go! 放手!4. Me too． 我也是。5. My god! 天哪!6. No way! 不行!7. Come on． 来吧(赶快)8. Hold on． 等一等。9. I agree。 我同意。10. Not bad． 还不错。11. Not yet． 还没。12. See you． 再见。13. Shut up!
  • Java访问远程服务 dyy_gusi httpclientwebservicegetpost
        随着webService的崛起，我们开始中会越来越多的使用到访问远程webService服务。当然对于不同的webService框架一般都有自己的client包供使用，但是如果使用webService框架自己的client包，那么必然需要在自己的代码中引入它的包，如果同时调运了多个不同框架的webService，那么就需要同时引入多个不同的clien
  • Maven的settings.xml配置 geeksun settings.xml
    settings.xml是Maven的配置文件，下面解释一下其中的配置含义： settings.xml存在于两个地方： 1.安装的地方：$M2_HOME/conf/settings.xml 2.用户的目录：${user.home}/.m2/settings.xml 前者又被叫做全局配置，后者被称为用户配置。如果两者都存在，它们的内容将被合并，并且用户范围的settings.xml优先。
  • ubuntu的init与系统服务设置 hongtoushizi ubuntu
    转载自：  http://iysm.net/?p=178 init Init是位于/sbin/init的一个程序，它是在linux下，在系统启动过程中，初始化所有的设备驱动程序和数据结构等之后，由内核启动的一个用户级程序，并由此init程序进而完成系统的启动过程。 ubuntu与传统的linux略有不同，使用upstart完成系统的启动，但表面上仍维持init程序的形式。 运行
  • 跟我学Nginx+Lua开发目录贴 jinnianshilongnian nginxlua
    使用Nginx+Lua开发近一年的时间，学习和实践了一些Nginx+Lua开发的架构，为了让更多人使用Nginx+Lua架构开发，利用春节期间总结了一份基本的学习教程，希望对大家有用。也欢迎谈探讨学习一些经验。    目录 第一章 安装Nginx+Lua开发环境 第二章 Nginx+Lua开发入门 第三章 Redis/SSDB+Twemproxy安装与使用 第四章 L
  • php位运算符注意事项 home198979 位运算PHP&
    $a = $b = $c = 0; $a & $b = 1; $b | $c = 1  问a,b,c最终为多少?   当看到这题时，我犯了一个低级错误，误 以为位运算符会改变变量的值。所以得出结果是1 1 0 但是位运算符是不会改变变量的值的，例如： $a=1;$b=2; $a&$b;  这样a,b的值不会有任何改变
  • Linux shell数组建立和使用技巧 pda158 linux
    1.数组定义 　　[chengmo@centos5 ~]$ a=(1 2 3 4 5) 　　[chengmo@centos5 ~]$ echo $a 　　1 　　一对括号表示是数组，数组元素用“空格”符号分割开。 　　 2.数组读取与赋值 　　得到长度： 　　[chengmo@centos5 ~]$ echo ${#a[@]} 　　5 　　用${#数组名[@或
  • hotspot源码(JDK7) ol_beta javaHotSpotjvm
    源码结构图，方便理解：   ├─agent                            Serviceab
  • Oracle基本事务和ForAll执行批量DML练习 vipbooks oraclesql
    基本事务的使用： 从账户一的余额中转100到账户二的余额中去，如果账户二不存在或账户一中的余额不足100则整笔交易回滚 select * from account; -- 创建一张账户表 create table account( -- 账户ID id number(3) not null, -- 账户名称 nam
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他