北极光之夜。
北极光之夜。

简约计算器效果 html+css

效果：

实现：

  1. 定义标签, .result是显示计算结果框，.anniu里放数字和运算符按钮，.zero是清除按钮，它们都在表单域 form里：
<form class="kuang" name="kuang" >
        <input type="text" class="result"  name="result">
         <div class="anniu">
           <span onclick="kuang.result.value+='7'">7span>
           <span onclick="kuang.result.value+='8'">8span>
           <span onclick="kuang.result.value+='9'">9span>
           <span onclick="kuang.result.value+='+'">+span>
           <span onclick="kuang.result.value+='4'">4span>
           <span onclick="kuang.result.value+='5'">5span>
           <span onclick="kuang.result.value+='6'">6span>
           <span onclick="kuang.result.value+='-'">-span>
           <span onclick="kuang.result.value+='1'">1span>
           <span onclick="kuang.result.value+='2'">2span>
           <span onclick="kuang.result.value+='3'">3span>
           <span onclick="kuang.result.value+='*'">*span>
           <span onclick="kuang.result.value+='0'">0span>
           <span onclick="kuang.result.value+='.'">.span>
           <span onclick="kuang.result.value+='/'">/span>
           <span onclick="kuang.result.value=eval(kuang.result.value)">=span>
         div>
         <div class="zero" onclick="kuang.result.value=''">I'll clear it (一键清空)div>
    form>

可以看到，每个按钮都绑定了一个点击事件。如 kuang.result.value+=‘0’" 意思是计算结果显示框 .result 的value值拼接上字符 ‘0’ 。以此类推，每个按钮都是这个功能，拼接字符串。如此一来，当我们一顿点点点后就得到一串计算过程，如 : 101-50055+2 * 37…
当点击 ‘ = ’ 时，执行eval（）函数。
eval() 函数可计算某个字符串，如‘2+32’。从而得出计算结果。
再将计算结果重新赋值给 .result 的 value 属性来进行显示就好。
一键清除按钮直接将value 值为 空，那就相当于清除了。

其它就是样式布局了，发现好像没什么说的了，关键就是上面了，剩下就是简单的css样式了。因为我觉得我的效果不算太好看就不详细说了，完整代码如下：


<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
    <link href="https://fonts.font.im/css?family=Ranga" rel="stylesheet">
    <style>
        *{
      
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }
        body{
      
            font-family: 'Ranga', cursive;
            height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: rgb(182, 233, 248);
        }
     .kuang{
      
         width: 300px;
         height: 400px;
         background-color: rgb(172, 166, 166);
         position: relative;
         background-image: url(6.1.png);
         background-size: 100% 100%;
         border-radius: 10px;
         box-shadow: 4px 4px 6px  rgb(6, 50, 70);
     }
     .result{
      
        font-family: 'Ranga', cursive;
         position: absolute;
         top: 20px;
         left: 20px;
       width: 260px;
       height: 60px;
       padding: 20px;
       font-size: 23px;
       text-align: right; 
       letter-spacing: 1px;
       outline: none;
       background-color: rgb(166, 219, 190);
       opacity: .9;
     }
     .anniu{
      
         position: absolute;
         top: 100px;
         left: 20px;
         width: 260px;
         height: 240px;
         display: flex;
         justify-content: space-around;
         flex-wrap: wrap;
         align-content: space-between;
         cursor: pointer;
     }
     .anniu span{
      
         width: 60px;
         height: 55px;
         color: rgb(34, 36, 58);
         line-height: 55px;
         text-align: center;
         font-size: 30px;
         font-weight: bold;
         background-color: rgb(248, 247, 247);
         border-radius: 5px;
         box-shadow: inset  2px 2px 3px rgb(65, 64, 64),
                     inset -2px -2px 3px rgb(88, 86, 86);
       

     }
     .anniu span:hover{
      
         opacity: 0.8;
     }
    .anniu span:active{
      
        opacity: 1;
    }
     .zero{
      
         position: absolute;
         left: 20px;
         bottom: 20px;
         width: 260px;
         height: 30px;
         line-height: 30px;
         font-size: 18px;
         text-align: center;
         letter-spacing: 1px;
         border-radius: 15px;
         background-color: rgb(248, 247, 247);
         box-shadow: inset  1px 1px 1px rgb(65, 64, 64),
                     inset -1px -1px 1px rgb(88, 86, 86);
                     cursor: pointer;
      opacity: .4;
     }
     .zero:hover{
      
         opacity: 0.9;
     }
     .zero:active{
      
         opacity: 0.5;
     }
    style>
head>
<body>
    <form class="kuang" name="kuang" >
        <input type="text" class="result"  name="result">
         <div class="anniu">
           <span onclick="kuang.result.value+='7'">7span>
           <span onclick="kuang.result.value+='8'">8span>
           <span onclick="kuang.result.value+='9'">9span>
           <span onclick="kuang.result.value+='+'">+span>
           <span onclick="kuang.result.value+='4'">4span>
           <span onclick="kuang.result.value+='5'">5span>
           <span onclick="kuang.result.value+='6'">6span>
           <span onclick="kuang.result.value+='-'">-span>
           <span onclick="kuang.result.value+='1'">1span>
           <span onclick="kuang.result.value+='2'">2span>
           <span onclick="kuang.result.value+='3'">3span>
           <span onclick="kuang.result.value+='*'">*span>
           <span onclick="kuang.result.value+='0'">0span>
           <span onclick="kuang.result.value+='.'">.span>
           <span onclick="kuang.result.value+='/'">/span>
           <span onclick="kuang.result.value=eval(kuang.result.value)">=span>


         div>
         <div class="zero" onclick="kuang.result.value=''">I'll clear it (一键清空)div>
    form>

    
body>
html>

计算器的背景图：
简约计算器效果 html+css_第1张图片

总结：

其它文章~：
简约时钟特效 html+css+js
赛博朋克风格按钮 html+css
响应式卡片悬停效果 html+css
水波加载动画 html+css
导航栏滚动渐变效果 html+css+js
书本翻页 html+css
3D立体相册 html+css
炫彩流光按钮 html+css
记一些css属性总结（一）
Sass总结笔记
…等等

最后：

ヾ(￣▽￣)ByeBye

你可能感兴趣的:(前端,html+css的常见特效,css,html,css3,计算器,前端)

  • stm32f407文件该怎么调试编译烧录？ bug菌¹ 全栈Bug调优(实战版)stm32嵌入式硬件单片机stm32f407
    本文收录于《全栈Bug调优(实战版)》专栏，致力于分享我在项目实战过程中遇到的各类Bug及其原因，并提供切实有效的解决方案。无论你是初学者还是经验丰富的开发者，本文将为你指引出一条更高效的Bug修复之路，助你早日登顶，迈向财富自由的梦想！同时，欢迎大家关注、收藏、订阅本专栏，更多精彩内容正在持续更新中。让我们一起进步，Up！Up！Up！  备注：部分问题/难题源自互联网，经过精心筛选和整理，结合数
  • 随笔一篇 暴君也想做女侠
    今天有心事，无精打采的走出万源街地铁站，突然听到好像有人唱歌，而且唱的很有带感。抬头，就是他了，一个大高个的黑人。他穿着藏蓝色大衣，衣服半敞开，很长直到脚脖子，双手插兜，头戴一顶帽子，帽子也是藏蓝色。他微微低着头，只顾往前走，不看路，也不看人，脖子有点抽动，嘴巴一开一合。我没太看清他有没有戴耳机，但他忘情的样子，似乎周边跟他无关。也确实，他和周围的一切都不一样。我每天往返亦庄线，也许是从东二环到南
  • 如果深情被辜负-余生尽予孤独又何妨 b1f93afc76c9
    因为有你我开始享受上班只因这成了我唯一可以见到你的理由多想把目光一直停留在你身上可还是选择了偷偷看你如果你没那么优秀我是否还可能拥有喜欢你的勇气以前的自己是那么的不可一世自信满满，为何到了你这里…却有了油然而生的差距感多想把你珍藏起来仅我一人欣赏纵使和你有千般不配却依旧抱有一丝尚存多希望我的直觉是准确的可我却在心里无数次的推翻少有的感觉～你知道吗那种初中时代单纯对异性的喜欢对于我而言…就是苦苦寻觅
  • 2018-10-07 木二心_
    世俗的眼光看世俗就本世俗何谈不俗灵魂——肉体有时候对于文字用在一些人手中就是最大的谎言者。用美好装饰自己肮脏的内心，用外表欺骗大众来取得半点的宠爱，哗众取宠就今人心生厌恶。心口不如一。你是魔鬼吗。
  • 东京奥运会正式宣布改期，门票可以退 24号迷妹
    国际奥委会和东京奥组委30日联合宣布，因新冠肺炎疫情蔓延而决定延期的东京奥运会将于2021年7月23日至8月8日举行，东京残奥会的举办时间定为2021年8月24日至9月5日。此前，东京奥运会计划于今年7月24日开幕。国际奥委会主席巴赫：东京奥运会是“黑暗隧道”前的曙光问：为什么安排在2021年7月23日？巴赫：我们选择这些日期是因为要遵循我们的原则。首先，这是要确保参与奥运会所有人的健康。所有国家
  • 为什么我没有登上牛人榜？ 月上白杨
    11月12日收到了奕晴发来的牛人榜拒绝信，这是意料之中的事儿，甚至在等待的那几天里有一种好奇，就是奕晴的拒绝信会是什么内容呢？说实话，这封信，我看了3遍，借用猫叔的话“我们在生活中，被拒绝是再正常不过的事儿”，可是收到这么用心、有温度的拒绝信，还是头一回。信中奕晴首先肯定了我的成绩，接下来用问题的方式引发我的思考，最后又分享了牛人的一些特质给我启发。真可谓是用心良苦，因为这份用心，我的牛人榜之旅也
  • 【Git】git lfs (Large File Storage)-管理大文件 晴雨日记 Gitgit
    GitLFS(LargeFileStorage)是Git的一个扩展，用于高效管理大文件（如图像、音频、视频、数据集、二进制文件等）。它能解决传统Git在处理大文件时面临的核心问题：仓库体积急剧膨胀、克隆和拉取操作变得极其缓慢。传统Git处理大文件的痛点：仓库膨胀：每次修改大文件，即使只改了一点，Git也会存储整个文件的新副本。历史记录中积累多个版本会快速耗尽磁盘空间。克隆/拉取缓慢：克隆或拉取仓库
  • 动态分析软件：DYNA3D_（12）.优化与校准
    优化与校准在动态分析软件的二次开发中，优化与校准是提高模型准确性和效率的关键步骤。通过优化，可以减少计算时间、提高计算精度，而校准则确保模型的预测结果与实际试验数据相匹配。本节将详细探讨优化与校准的原理和方法，并提供具体的代码示例和数据样例。优化原理优化是指在有限的计算资源和时间内，通过调整模型参数或结构，使模型达到最佳性能的过程。在动态分析软件中，优化通常涉及以下几个方面：模型参数优化：调整材料
  • 【实用工具】OBS Studio（用于视频录制、直播推流、虚拟摄像头） 晴雨日记 安装日记音视频实时音视频
    OBSStudio是一款非常强大且免费开源的软件，主要用于视频录制、直播推流、虚拟摄像头。它在游戏直播、教学录制、视频会议、演示制作等领域非常流行。一、OBSStudio介绍核心功能：直播推流：将你的电脑屏幕、摄像头画面、游戏画面、音频等内容实时推送到Twitch,YouTube,Bilibili,斗鱼,虎牙,抖音直播伴侣(需配合虚拟摄像头)等主流直播平台。视频录制：高质量录制你的屏幕、特定窗口、
  • 动态分析软件：DYNA3D_（5）.材料模型
    材料模型在进行动态分析时，材料模型的选择和定义是至关重要的一步。DYNA3D提供了多种材料模型，以适应不同的物理现象和材料特性。本节将详细介绍几种常用的材料模型，并通过具体的例子说明如何在仿真中进行配置和使用。1.线弹性材料模型线弹性材料模型是最简单的材料模型之一，适用于在小变形范围内线性响应的材料。这种模型假设材料的应力与应变之间存在线性关系，即符合胡克定律。线弹性材料模型通常用于金属材料在低应
  • 如果当初 高桥先生
    【申命记32:39】你们如今要知道、我、惟有我是神、在我以外并无别神．我使人死、我使人活、我损伤、我也医治。我们有时会感叹：如果我当初选了那个专业，现在就会飞黃腾达；如果我当初投资那个，现在就会成了大佬；如果我当初……现在就会……七年前，有个女生，眼睛突然失明，当医生做完各项检查，对这位女生说的第一句话是：你最多有10％存活的可能性，即使活下来，变成植物人或半身不遂的概率非常高，你的脑瘤压迫到了神
  • socket简介 furuiyang
    什么是socketsocket(简称套接字)是进程间通信的一种方式，它与其他进程间通信的一个主要不同是：它能实现不同主机间的进程间通信，我们网络上各种各样的服务大多都是基于Socket来完成通信的。例如我们每天浏览网页、QQ聊天、收发email等等。什么是进程间通信所谓进程间通信指的是：运行的程序之间的数据共享。不同电脑上的进程之间如何通信首要解决的问题是如何唯一标识一个进程，否则通信无从谈起。在
  • 约练分享+小组复盘 然子_50bd
    中原焦点团队李明然中（15）坚持分享第752天（2021.4.13）约练总第310（咨58）次本周约练6次咨2BOX3观1下午第一场约练，我是观察员。感受到来访者老师的真诚、畅开和正直，也感受到咨询师老师的谦虚、中立和好奇。用咨询师的话说就是没用到多少技术，只是贴着来访者，陪着他聊。来访者的反馈却是梳理的非常清晰了。真的是倾诉即疗愈，来访者才是解决他自己问题的专家。作为咨询师要为来访者营造一种安全
  • 助兴文友蛮力《恋人》，即兴和诗一首。 亮靓_27d5
    中央公园浪漫行，帅哥蛮力太多情。沉鱼落雁大美娇，牵手回家爱一生。图片发自App注1:图片来自文友蛮力《恋人》一诗的配图，谢谢文友！谢谢原创！注2:此诗是我品读文友蛮力《恋人》一诗，步文友蛮力原韵，即兴和诗。注3:附录文友蛮力《恋人》原诗，与众文友一同分享。爱过方知何为情，中央公园浪漫行。你有沉鱼落雁美，相伴幸福过一生。
  • 学滑冰 邸广硕
    今天一起来，我要让哥哥教我滑冰，哥哥答应了，哥哥教我的时候，我摔了好几个伤口，可我不太不怕疼，哥哥就说出了一句话：坚持就有胜利，我听了哥哥的这一句话，我就努力的学滑冰，不一会儿我就学会了滑冰，我高兴的说了一句话，谢谢你，哥哥，说不用客气，这是我应该做的，我高兴极了。
  • 2021-09-15 文娟love
    2021-09-14捉对练习来访者学习分享议题：面对父母言语互相攻击自己从沉默到爆炸想探索自己并处理情绪老师先是提醒我准备温水、纸巾、垃圾桶、两把椅子、是否在安全的空间，照顾好自己。先通过深呼吸放松进入潜意识看到小学的自己在父母吵架时想到赶快长大逃离这个地方，我头部是发懵的，辅导老师引导我与小时候自己对话，同时感到心口的左下方有针扎感觉一阵一阵疼，老师引导我找到SS点安抚，大脑一直出现的画面是前些
  • Do.156 凇+2019年第15周+《随笔散记》 宋凇
    1、又大一岁回顾往昔，不禁感叹：还是成长了一些啊。周五那天生日，被一个大班小姑娘问：老师，你怎么这么老了啊？哈哈，童言无忌，我没有任何不悦，当时不知如何回答，只是温和地笑笑摸了摸小姑娘的头，小姑娘被一旁的老师批评没礼貌后悻悻地走开了。放眼望去，身边的大多数同事都是青春洋溢的20出头的小女孩，自己比她们大上十岁，在那个小姑娘眼中可不就是很老了吗？我一三字打头的小嫂子和一大波20出头的小姑娘做同事，天
  • 飘洒的诗絮(一O一) 诺鸫竹隐
    图片发自App今读一首吴淑姬的词。吴淑姬，约公元一一八五年前后在世，失其本名，湖州人。生卒年均不详，约宋孝宗淳熙十二年前后在世。父为秀才。家贫，貌美，慧而能诗词。有《阳春白雪词》五卷。《花庵词选》中，黄升以为佳处不减李易安。长相思令宋代：吴淑姬烟霏霏，雪霏霏。雪向梅花枝上堆，春从何处回！醉眼开，睡眼开，疏影横斜安在哉？从教塞管催！注释霏霏：纷飞的样子。从教：任凭塞管：乐器。（古有《落梅花》笛曲。）
  • 和优秀的人在一起，你也会变得优秀 听雨小咖
    如果你和勤奋的人在一起，就不会懒惰如果你和积极的人在一起，就不会消沉；如果你与智者同行，就会不同凡响如果你与高人为伍，就能登上巅峰在现实生活中，你和谁在一起很重要，这甚至能改变你的成长轨迹，决定你的人生成败。当你努力为自己建设一个正能量的圈子，向优秀的、积极的人靠近，你会不由自主发现，你也会种了他们的“毒”。朋友S就是个活生生的例子。她比谁都清楚自己的性格，做事三分钟热度，一方面源于自身，一方面也
  • 2024年十大手机赚钱软件公布，十大手机赚钱软件排行榜 氧惠爱高省
    大家好我是“遇见晴空”现在手机赚钱软件基本上已经融入我们的生活了。早期接触的赚钱软件，每个月都有一些额外的收入补贴我们的生活。还没接触过的也想找一些靠谱的手机赚钱软件。今天给大家分享7款快速可靠的手机赚钱软件。这些手机赚钱软件都是经过长期用户体验留存下来的稳定可靠的平台，适合所有人。第一款氧惠app，各大应用商店免费下载，登录邀请码111999，氧惠是一款可领取各大网购平台的隐形优惠劵，不管你在哪
  • 【约炼感悟】 中原焦点团队段静辉坚持分享307天 2020-08-19 晴晖说
    约练总96场约练挑战第六周第3场总26场焦点解决是一块橡皮泥读书约练，有老师分享了刘老师说的一个观点，焦点解决就是橡皮泥，你想捏成什么就捏成什么，想用在哪里就用在哪里。（也许我理解表述有误哈！）焦点解决的核心理念也是若干条，技术也有很多种，这林林总总，条条块块怎么揉成一块橡皮泥呢？是怎样一种神奇的化合剂在？相信人性本善真正的对人的尊重和关注！一个基本理念，讨论了一个早上，在很多个理念、基本功和技术
  • 光着脚失眠 张书宁日更践行者
    只有当你光着脚站在地上才能感受到大地的能量，心里才会有那种原始的踏实感。不知道是人年龄过了25岁会生出许多怪癖，还是我被什么诅咒。总是在深夜坚守着，晚上十一点困意扑来倒头睡去，半夜十二点就醒过来继续清醒。这样的恶习已经持续又快将近一个月了。总是反反复复，断断续续的，到了一个临界点会大睡两三天然后又是一两个月的持续失眠。朋友笑我老是深夜作文，怎知我是苦不堪言啊！女友说的对，我是该调整自己的生活了，这
  • 晨间日记（202209050429） 锋听慧言曼语
    起床：5：30就寝：23：30天气：晴心情：开心一、任务清单（一）昨日完成的任务，最重要的三件事1.完成９月早起学员的招募及目标海报的制作；2.完成党支部骨干成员说明会；3.完成《论语》学习心得分享；（二）未完成事情及原因（三）计划外事（四）习惯养成：做一个长期主义者1.早起第733天2.坚持晨跑480天。3.坚持亲子绘本伴读1659天；4.坚持写晨间日记429天。5.坚持每天阅读至少1小时230
  • C++ | 基于PCL与CloudCompare的投影点密度法（DOPP）开发实战 河工点云智绘WangG 点云深处CloudCompare&PCL开发c++开发语言
    一、算法原理与详细步骤1.算法原理DOPP是一种用于点云地面滤波的算法，通过将三维点云投影到二维平面，并分析投影点密度的分布特征来区分地面点与非地面点（如植被、建筑物等）。其核心思想是：地面点在投影平面上通常呈现均匀且低密度的分布，而建筑物点等非地面点则密度高。DOPP本质是二维密度场分析，将三维分离问题转化为二维空间密度统计问题。2.算法详细步骤（1）点云投影（Projection）将三维点云沿
  • C++ | 玩转点云：CloudCompare & PCL原生开发核心指南与示例分享 河工点云智绘WangG 点云深处CloudCompare&PCL开发c++开发语言
    还在为点云处理的效率瓶颈和功能限制发愁吗？面对点云处理个性需求，是否让你感到束手束脚？调试困难、性能受限、定制化需求难以满足...本次分享将带你深入核心，走进点云深处，揭秘如何直接运用C++进行CloudCompare&PCL的原生集成开发。掌握核心步骤，规避常见陷阱，并附实用开发示例源码。助你：效率飙升：直达底层，性能最大化！灵活无限：自由定制算法流程，深度集成业务逻辑！掌控全局：彻底理解框架机
  • 读《未来简史》之“自由意志” 三世织
    读《明日简史》接近尾声了。之前一直被文中的观点吸引，直到今天才发现，最能引起触动的，却是不安的感觉。最后几章，作者用了不少的篇幅去阐述“自由意志”——这个在近代引起多少文豪、学者、艺术家捧之唯恐有失的思想——在书中却是个弃儿。我承认，“自由意志”也是我思想的一部分，尊重内心声音对我来说是何等重要的标杆。然而，在这里，大量排比句式，像玩弄一只年老的小鼠，放在掌心，搓揉捏扭，就是没有一点疼爱。作者认为
  • 零基础学习性能测试第一章-为什么会有性能问题 试着 性能测试学习性能测试零基础
    目录零基础性能测试：第一章-为什么会有性能问题？一、性能问题本质分析（黄金三角模型）1.资源不足的典型表现2.设计缺陷的灾难案例3.使用不当的五大雷区二、性能问题排查工具箱（即学即用）1.快速诊断命令表2.性能问题自检流程图3.真实工作场景解决方案三、性能优化的核心原则1.优化优先级法则2.必须避免的优化误区3.优化效果验证公式四、工作应用：性能问题排查清单1.五分钟快速检查表2.性能问题诊断报告
  • 手持激光雷达单木分割——以河南工程学院杰出校友杨靖宇将军雕塑背后树林为例 河工点云智绘WangG 河工点云智绘教育培训
    教学相长，最近带学生激光雷达实习，采集了河南工程学院校园机载、车载和手持激光雷达数据，针对手持激光雷达，也来玩玩单木分割。一、手持激光雷达单木分割概念单木分割（IndividualTreeSegmentation）是从激光雷达（LiDAR）点云数据中识别并分离出单棵树木的过程，是林业资源调查、森林碳汇估算、生物多样性研究的关键技术。二、关键技术步骤详解1.点云预处理去噪：移除飞点、鸟群等非地表物体
  • Vector/Arraylist/LinkedList 「已注销」 Java面试基础
    一．ArrayList与LinkedList区别ArrayList和LinkedList都实现了List接口，他们有以下的不同点：ArrayList是基于索引的数据接口，它的底层是数组。它可以以O(1)时间复杂度对元素进行随机访问。与此对应，LinkedList是以元素列表的形式存储它的数据，每一个元素都和它的前一个和后一个元素链接在一起，在这种情况下，查找某个元素的时间复杂度是O(n)。相对于A
  • 压岁钱 萍凭简单爱
    今天是大年三十，是农历2019年的最后一天，晚上各家都要聚在一起包饺子。今天下午先生陪同婆婆出院回到家中开始准备包饺子的材料，邻居娟姐得知婆婆回来了，提着物品来看望，主动提出来帮忙包饺子。有了娟姐的帮忙我们包饺子快多了，先生顺势多准备了几样菜，两家人一起热热闹闹的集体吃年夜饭。饭后大家聚在一起一边看春晚一边聊天。几个孩子玩的愉快和睦，不忍心分开，时间来到了10点钟，不得不分开了。回到家中轩轩宝贝就
  • 面向对象面向过程 3213213333332132 java
    面向对象：把要完成的一件事，通过对象间的协作实现。 面向过程：把要完成的一件事，通过循序依次调用各个模块实现。 我把大象装进冰箱这件事为例，用面向对象和面向过程实现，都是用java代码完成。 1、面向对象 package bigDemo.ObjectOriented; /** * 大象类 * * @Description * @author FuJian
  • Java Hotspot: Remove the Permanent Generation bookjovi HotSpot
      openjdk上关于hotspot将移除永久带的描述非常详细，http://openjdk.java.net/jeps/122   JEP 122: Remove the Permanent Generation Author Jon Masamitsu Organization Oracle Created 2010/8/15 Updated 2011/
  • 正则表达式向前查找向后查找,环绕或零宽断言 dcj3sjt126com 正则表达式
    向前查找和向后查找 1. 向前查找：根据要匹配的字符序列后面存在一个特定的字符序列(肯定式向前查找)或不存在一个特定的序列(否定式向前查找)来决定是否匹配。.NET将向前查找称之为零宽度向前查找断言。     对于向前查找，出现在指定项之后的字符序列不会被正则表达式引擎返回。 2. 向后查找：一个要匹配的字符序列前面有或者没有指定的
  • BaseDao 171815164 seda
    import java.sql.Connection; import java.sql.DriverManager; import java.sql.SQLException; import java.sql.PreparedStatement; import java.sql.ResultSet; public class BaseDao { public Conn
  • Ant标签详解--Java命令 g21121 Java命令
            这一篇主要介绍与java相关标签的使用         终于开始重头戏了，Java部分是我们关注的重点也是项目中用处最多的部分。           1
  • [简单]代码片段_电梯数字排列 53873039oycg 代码
           今天看电梯数字排列是9 18 26这样呈倒N排列的,写了个类似的打印例子，如下:       import java.util.Arrays; public class 电梯数字排列_S3_Test { public static void main(S
  • Hessian原理 云端月影 hessian原理
    Hessian 原理分析 一．      远程通讯协议的基本原理 网络通信需要做的就是将流从一台计算机传输到另外一台计算机，基于传输协议和网络 IO 来实现，其中传输协议比较出名的有 http 、 tcp 、 udp 等等， http 、 tcp 、 udp 都是在基于 Socket 概念上为某类应用场景而扩展出的传输协
  • 区分Activity的四种加载模式----以及Intent的setFlags aijuans android
      在多Activity开发中，有可能是自己应用之间的Activity跳转，或者夹带其他应用的可复用Activity。可能会希望跳转到原来某个Activity实例，而不是产生大量重复的Activity。 这需要为Activity配置特定的加载模式，而不是使用默认的加载模式。 加载模式分类及在哪里配置 Activity有四种加载模式： standard singleTop
  • hibernate几个核心API及其查询分析 antonyup_2006 html.netHibernatexml配置管理
    (一)  org.hibernate.cfg.Configuration类         读取配置文件并创建唯一的SessionFactory对象.(一般,程序初始化hibernate时创建.)         Configuration co
  • PL/SQL的流程控制 百合不是茶 oraclePL/SQL编程循环控制
    PL/SQL也是一门高级语言,所以流程控制是必须要有的,oracle数据库的pl/sql比sqlserver数据库要难,很多pl/sql中有的sqlserver里面没有   流程控制; 分支语句 if 条件 then 结果 else 结果 end if ; 条件语句 case when 条件 then 结果; 循环语句 loop
  • 强大的Mockito测试框架 bijian1013 mockito单元测试
    一.自动生成Mock类        在需要Mock的属性上标记@Mock注解，然后@RunWith中配置Mockito的TestRunner或者在setUp()方法中显示调用MockitoAnnotations.initMocks(this);生成Mock类即可。二.自动注入Mock类到被测试类  &nbs
  • 精通Oracle10编程SQL(11)开发子程序 bijian1013 oracle数据库plsql
    /* *开发子程序 */ --子程序目是指被命名的PL/SQL块，这种块可以带有参数，可以在不同应用程序中多次调用 --PL/SQL有两种类型的子程序：过程和函数 --开发过程 --建立过程：不带任何参数 CREATE OR REPLACE PROCEDURE out_time IS BEGIN DBMS_OUTPUT.put_line(systimestamp); E
  • 【EhCache一】EhCache版Hello World bit1129 Hello world
    本篇是EhCache系列的第一篇，总体介绍使用EhCache缓存进行CRUD的API的基本使用，更细节的内容包括EhCache源代码和设计、实现原理在接下来的文章中进行介绍   环境准备 1.新建Maven项目   2.添加EhCache的Maven依赖 <dependency> <groupId>ne
  • 学习EJB3基础知识笔记 白糖_ beanHibernatejbosswebserviceejb
    最近项目进入系统测试阶段，全赖袁大虾领导有力，保持一周零bug记录，这也让自己腾出不少时间补充知识。花了两天时间把“传智播客EJB3.0”看完了，EJB基本的知识也有些了解，在这记录下EJB的部分知识，以供自己以后复习使用。   EJB是sun的服务器端组件模型，最大的用处是部署分布式应用程序。EJB (Enterprise JavaBean)是J2EE的一部分，定义了一个用于开发基
  • angular.bootstrap boyitech AngularJSAngularJS APIangular中文api
    angular.bootstrap 描述：     手动初始化angular。     这个函数会自动检测创建的module有没有被加载多次，如果有则会在浏览器的控制台打出警告日志，并且不会再次加载。这样可以避免在程序运行过程中许多奇怪的问题发生。   使用方法：     angular .
  • java-谷歌面试题-给定一个固定长度的数组，将递增整数序列写入这个数组。当写到数组尾部时，返回数组开始重新写，并覆盖先前写过的数 bylijinnan java
    public class SearchInShiftedArray { /** * 题目：给定一个固定长度的数组，将递增整数序列写入这个数组。当写到数组尾部时，返回数组开始重新写，并覆盖先前写过的数。 * 请在这个特殊数组中找出给定的整数。 * 解答： * 其实就是“旋转数组”。旋转数组的最小元素见http://bylijinnan.iteye.com/bl
  • 天使还是魔鬼？都是我们制造 ducklsl 生活教育情感
    ----------------------------剧透请原谅，有兴趣的朋友可以自己看看电影，互相讨论哦！！！     从厦门回来的动车上，无意中瞟到了书中推荐的几部关于儿童的电影。当然，这几部电影可能会另大家失望，并不是类似小鬼当家的电影，而是关于“坏小孩”的电影！     自己挑了两部先看了看，但是发现看完之后，心里久久不能平
  • [机器智能与生物]研究生物智能的问题 comsci 生物
          我想,人的神经网络和苍蝇的神经网络,并没有本质的区别...就是大规模拓扑系统和中小规模拓扑分析的区别....       但是,如果去研究活体人类的神经网络和脑系统,可能会受到一些法律和道德方面的限制,而且研究结果也不一定可靠,那么希望从事生物神经网络研究的朋友,不如把
  • 获取Android Device的信息 dai_lm android
    String phoneInfo = "PRODUCT: " + android.os.Build.PRODUCT; phoneInfo += ", CPU_ABI: " + android.os.Build.CPU_ABI; phoneInfo += ", TAGS: " + android.os.Build.TAGS; ph
  • 最佳字符串匹配算法（Damerau-Levenshtein距离算法）的Java实现 datamachine java算法字符串匹配
    原文：http://www.javacodegeeks.com/2013/11/java-implementation-of-optimal-string-alignment.html------------------------------------------------------------------------------------------------------------
  • 小学5年级英语单词背诵第一课 dcj3sjt126com englishword
    long 长的 show 给...看，出示 mouth 口，嘴 write 写   use 用，使用 take 拿，带来 hand 手 clever 聪明的   often 经常 wash 洗 slow 慢的 house 房子   water 水 clean 清洁的 supper 晚餐 out 在外   face 脸，
  • macvim的使用实战 dcj3sjt126com macvim
    macvim用的是mac里面的vim, 只不过是一个GUI的APP, 相当于一个壳   1. 下载macvim https://code.google.com/p/macvim/   2. 了解macvim :h               vim的使用帮助信息 :h macvim  
  • java二分法查找 蕃薯耀 java二分法查找二分法java二分法
    java二分法查找 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年6月23日 11:40:03 星期二 http:/
  • Spring Cache注解+Memcached hanqunfeng springmemcached
    Spring3.1 Cache注解  依赖jar包： <!-- simple-spring-memcached --> <dependency> <groupId>com.google.code.simple-spring-memcached</groupId> <artifactId>simple-s
  • apache commons io包快速入门 jackyrong apache commons
    原文参考 http://www.javacodegeeks.com/2014/10/apache-commons-io-tutorial.html   Apache Commons IO 包绝对是好东西，地址在http://commons.apache.org/proper/commons-io/，下面用例子分别介绍：   1）  工具类   2
  • 如何学习编程 lampcy java编程C++c
    首先,我想说一下学习思想.学编程其实跟网络游戏有着类似的效果.开始的时候,你会对那些代码,函数等产生很大的兴趣,尤其是刚接触编程的人,刚学习第一种语言的人.可是,当你一步步深入的时候,你会发现你没有了以前那种斗志.就好象你在玩韩国泡菜网游似的,玩到一定程度,每天就是练级练级,完全是一个想冲到高级别的意志力在支持着你.而学编程就更难了,学了两个月后,总是觉得你好象全都学会了,却又什么都做不了,又没有
  • 架构师之spring-----spring3.0新特性的bean加载控制@DependsOn和@Lazy nannan408 Spring3
    1.前言。    如题。 2.描述。    @DependsOn用于强制初始化其他Bean。可以修饰Bean类或方法，使用该Annotation时可以指定一个字符串数组作为参数，每个数组元素对应于一个强制初始化的Bean。 @DependsOn({"steelAxe","abc"}) @Comp
  • Spring4+quartz2的配置和代码方式调度 Everyday都不同 代码配置spring4quartz2.x定时任务
    前言：这些天简直被quartz虐哭。。因为quartz 2.x版本相比quartz1.x版本的API改动太多，所以，只好自己去查阅底层API……   quartz定时任务必须搞清楚几个概念： JobDetail——处理类 Trigger——触发器，指定触发时间，必须要有JobDetail属性，即触发对象 Scheduler——调度器，组织处理类和触发器，配置方式一般只需指定触发
  • Hibernate入门 tntxia Hibernate
      前言   使用面向对象的语言和关系型的数据库，开发起来很繁琐，费时。由于现在流行的数据库都不面向对象。Hibernate 是一个Java的ORM（Object/Relational Mapping）解决方案。   Hibernte不仅关心把Java对象对应到数据库的表中，而且提供了请求和检索的方法。简化了手工进行JDBC操作的流程。   如
  • Math类 xiaoxing598 Math
    一、Java中的数字（Math）类是final类，不可继承。 1、常数 PI：double圆周率 E：double自然对数 2、截取（注意方法的返回类型） double ceil(double d) 返回不小于d的最小整数 double floor(double d) 返回不大于d的整最大数 int round(float f) 返回四舍五入后的整数 long round
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他