原水小子
原水小子

html5计算器html5Calculator.html

见附件

源码：

<!DOCTYPE html>
<html>
<head>
    <meta charset=utf-8/>
    <title>Calculator</title>
    <style id="jsbin-css">
        div, span {
            margin: 0;
            padding: 0;
            font-weight: bold;
            font: bold 16px Arial, sans-serif;
            /*禁止选中文本*/
            -moz-user-select: none;
            -webkit-user-select: none;
            -o-user-select: none;
            user-select: none;
        }

        body {
            background: radial-gradient(circle, #fff, #aaa);
            background: -webkit-radial-gradient(circle, #fff, #aaa);
            background: -o-radial-gradient(circle, #fff, #aaa);
            background: -moz-radial-gradient(circle, #fff, #aaa);
            background-size: cover;
        }

        #calculator {
            width: 325px;
            height: auto;
            margin: 100px auto;
            padding: 20px;
            background: linear-gradient(#9dd2ea, #8bceec);
            background: -o-linear-gradient(#9dd2ea, #8bceec);
            background: -webkit-linear-gradient(#9dd2ea, #8bceec);
            background: -moz-linear-gradient(#9dd2ea, #8bceec);
            border-radius: 5px;
            box-shadow: 0 7px 8px #0000ff
        }

        .keys, .head {
            overflow: hidden;
        }

        .keys span, .clear {
            float: left;
            width: 66px;
            height: 40px;
            margin: 0 5px 10px 8px;
            text-align: center;
            line-height: 40px;
            border-radius: 3px;
            background: #eee;
            box-shadow: 0 5px 1px #999;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .keys span:hover {
            background: #87cefa;
            box-shadow: 0 5px 1px #1e90ff;
            color: #fff;
        }

        .keys .sign {
            background: #fffacd;
        }

        .clear {
            float: left;
            background: #ffb6c1;
            box-shadow: 0 5px 1px #ff86c1;
        }

        .clear:hover {
            background: #ff96a1;
            box-shadow: 0 5px 1px #ff4691;
            color: #fff;
        }

        .show {
            width: 213px;
            height: 40px;
            float: right;
            margin: 0 16px 5px 0;
            border-radius: 3px;
            background: #999;
            font-size: 20px;
            line-height: 40px;
            text-align: right;
            padding-right: 10px;
            box-shadow: inset 0 4px 5px #333;
        }
    </style>
</head>
<body>
<div id="calculator">
    <div class="head">
        <span class="clear">c</span>
        <div class="show"></div>
    </div>
    <div class="keys">
        <span>7</span>
        <span>8</span>
        <span>9</span>
        <span class="sign">+</span>
        <span>4</span>
        <span>5</span>
        <span>6</span>
        <span class="sign">-</span>
        <span>1</span>
        <span>2</span>
        <span>3</span>
        <span class="sign">*</span>
        <span>0</span>
        <span>.</span>
        <span>=</span>
        <span class="sign">/</span>
    </div>
</div>
<script>
    window.onload = function () {
        var oShow = getByClass("calculator", "show")[0];
        var aNum = document.getElementById("calculator").getElementsByTagName("span");
        for (var i = 0, iLen = aNum.length; i < iLen; i++) {
            aNum[i].onclick = function () {
                var oShowVal = oShow.innerHTML;
                var oNumVal = this.innerHTML;
                var num1, num2 = null;
                num1 = oShowVal;
                //判断按键
                if (oNumVal == "c") {
                    oShow.innerHTML = "";
                }
                else if (oNumVal == "=") {
                    var oResult = eval(oShowVal);
                    console.log(oResult);
                    oShow.innerHTML = oResult==undefined?'0':oResult;
                }
                else {
                    oShow.innerHTML += oNumVal;
                }
            }
        }
    };
    function getByClass(root, sClass) {
        var obj = document.getElementById(root);
        var arr = [];
        var aItems = obj.getElementsByTagName("*");
        for (var i = 0; i < aItems.length; i++) {
            if (aItems[i].className == sClass) {
                arr.push(aItems[i]);
            }
        }
        return arr;
    }
</script>
</body>
</html>

 

你可能感兴趣的:(JavaScript,html,html5)

  • Electron 快速上手 AAA小土豆 electronarcgisjavascript
    技术栈Web技术包括HTML、CSS、JavaScript和WebAssembly。它们是现代互联网的基石。这些技术已成为构建用户界面的最佳选择——无论是对于消费者应用程序还是关键业务型应用程序。这不仅适用于需要在浏览器中运行的应用程序，也适用于那些无法通过浏览器访问的桌面应用程序。我们在此大胆断言，这不仅适用于需要在多个操作系统上运行的跨平台应用程序，而且适用于所有类型的应用程序。Electro
  • Python 爬虫实战：微博话题讨论数趋势爬取与分析全流程 西攻城狮北 python爬虫开发语言
    1.项目背景与目标微博话题（#话题#）是社交媒体舆情监测、品牌营销、热点追踪的重要数据源。本实战要完成以下目标：爬取指定话题在7天内的讨论数、阅读量、热搜排名等关键指标。将数据存入MySQL，并每日增量更新。用Pandas+Matplotlib绘制趋势图，直观呈现热度变化。基于SnowNLP做情感倾向分析，输出正面/负面占比。生成一份可分享的HTML可视化报告。2.环境搭建与依赖2.1安装核心库p
  • JSON.parse()——07
    JSON.parse()JSON通常用于与服务端交换数据。在接收服务器数据时一般是字符串。我们可以使用JSON.parse()方法将数据转换为JavaScript对象。语法JSON.parse(text[,reviver])参数说明：text:必需，一个有效的JSON字符串。reviver:可选，一个转换结果的函数，将为对象的每个成员调用此函数。JSON解析实例例如我们从服务器接收了以下数据{"n
  • JSON.stringify()的深入学习和理解 渔老师 前端jsonjavascript前端
    一、JSONJSON是一种轻量级数据格式，可以方便地表示复杂数据结构。JSON对象有两个方法：stringify()和parse()。在简单的情况下，这两个方法分别可以将JavaScript序列化为JSON字符串，以及将JSON解析为原生JavaScript值二、JSON.stringify()JSON.stringify(value[,replacer[,space]])基本用法：JSON.st
  • 面试版-前端开发核心知识
    一、DOM操作与事件处理：用户交互的基石1.1原生点击事件的三种绑定方式前端与用户的交互始于事件，而点击事件是最基础的交互方式。原生JavaScript绑定点击事件主要有以下三种方式：（1）HTML内联绑定（不推荐）直接在HTML标签中通过onclick属性定义事件逻辑：点击我functionhandleClick(){console.log('内联事件触发');}缺点：HTML与JS逻辑耦合，无
  • 前端领域HTML的表单美化技巧 前端视界 前端htmlai
    前端领域HTML的表单美化技巧关键词：HTML表单、CSS美化、用户体验、交互设计、响应式布局、表单验证、前端框架摘要：本文将深入探讨HTML表单的美化技巧，从基础CSS样式到高级交互效果，全面解析如何提升表单的视觉吸引力和用户体验。我们将通过详细的代码示例、设计原则和实战案例，帮助开发者掌握表单美化的核心技能，包括响应式设计、动画效果、自定义组件等前沿技术。1.背景介绍1.1目的和范围本文旨在为
  • Pytest测试框架快速搭建 程序员勋勋 面试技术分享软件测试pytest
    一、介绍pytest是一个非常成熟的Python测试框架，能够支持简单的单元测试和复杂的功能测试，还可以用来做selenium/appnium等自动化测试、接口自动化测试（pytest+requests）；pytest具有很多第三方插件，并且可以自定义扩展，比较好用的如pytest-selenium（集成selenium）、pytest-html（完美html测试报告生成）、pytest-reru
  • React-cli 非常難胖 reactreact-cli
    安装[email protected]全局安装create-react-app-V查看版本create-react-appxxxx_xxx创建项目npmrunstart启动项目目录node_modules//第三方依赖的包public//资源目录favicon.ico//左上角的图标index.html//项目首页模板manifast.json//定义app的图标网址主题颜
  • 通过 CLI 和引入的方式使用 React：基础入门 山川湖海 Reactreact.js
    使用React有两种使用方式，主要有以下几个原因:灵活性和适应性:引入的方式可以让开发者在现有的HTML页面中快速引入React,无需设置完整的项目环境。这适合小型或原型项目。CLI方式则更适合用于构建大型复杂的React应用程序,因为它提供了更完整的项目结构和构建工具支持。学习曲线:引入的方式相对简单,更容易上手。这对于React初学者来说是个不错的起点。CLI方式需要一些额外的工具和配置,但提
  • 深入理解浏览器重排（Reflow）与重绘（Repaint）及性能优化策略 じ☆ve 清风° 前端面试性能优化
    引言在现代Web开发中，性能优化是一个永恒的话题。理解浏览器的渲染机制，特别是重排（Reflow）和重绘（Repaint）过程，对于构建高性能的Web应用至关重要。本文将深入探讨这两个概念，分析它们对性能的影响，并提供一系列实用的优化策略。一、浏览器渲染流程概述在深入重排和重绘之前，我们需要了解浏览器如何将HTML、CSS和JavaScript转换为用户可见的像素：解析HTML：构建DOM树解析C
  • Web爬虫编程语言选择指南 q56731523 前端爬虫开发语言
    刚学爬虫的小伙伴常常为选择那种语言来写爬虫而烦恼，今天我将总结几种语言的优劣势，然后选择适合编写Web爬虫的编程语言。这就需要我们考虑开发效率、生态库支持、并发性能等因素。以下是主流选择及特点跟着一起看看吧：1.Python（推荐首选）优势：丰富库支持：Requests（HTTP请求）、BeautifulSoup/lxml（HTML解析）、Scrapy（全功能框架）、Selenium（模拟浏览器）
  • Rust异步爬虫实现与优化 q56731523 rust爬虫开发语言
    Rust语言在爬虫领域的应用相对较少，尽管Rust的async/await已稳定，但其与线程安全、Pin等概念的结合仍较复杂，而爬虫高度依赖并发处理，进一步提高了开发成本。这就导致了使用Rust语言爬虫用的人很少。下面是一个使用Rust编写的异步爬虫示例，支持并发请求、深度控制和去重功能。该爬虫使用Tokio作为异步运行时，Reqwest处理HTTP请求，Select解析HTML。usestd::
  • AutoScraper: 智能、自动、快速的Python网页抓取利器
    AutoScraper简介在当今数据驱动的时代,网页抓取已成为获取大量在线数据的重要手段。然而,传统的网页抓取方法往往需要编写复杂的代码,并且在面对不同网站结构时缺乏灵活性。AutoScraper应运而生,它是一个智能、自动、快速且轻量级的Python网页抓取库,旨在简化网页抓取过程,让数据获取变得更加便捷。AutoScraper的核心理念是"学习"抓取规则。用户只需提供目标网页的URL或HTML
  • Python实例题：基于 Python 的简单爬虫与数据可视化 狐凄 实例python开发语言
    目录Python实例题题目要求：解题思路：代码实现：Python实例题题目基于Python的简单爬虫与数据可视化要求：使用Python构建一个简单的爬虫程序，支持以下功能：从指定网站抓取数据（如新闻、商品信息等）解析HTML内容并提取所需信息将数据存储到文件或数据库对抓取的数据进行统计和可视化分析使用requests和BeautifulSoup进行网页爬取和解析。使用pandas和matplotl
  • 简单一周日期展示及选择切换
    医院挂号，可能需要切换日期，选择一周内的某一天。提供一周内的日期段，通过点击，切换到不同天。简单的js，html实例。切换玩调用后台接口，实现后续逻辑。使用Vue,插值语法，更简单。一周日历切换代码:显示一周日期.container{display:flex;}.box{/*这里可以添加具体的样式*/flex:1;background-color:white;margin:0auto;text-a
  • UniApp（vue3+vite）如何原生引入TailwindCSS（4） 前端 贾公子 uni-app
    目录npx开始使用TailwindCSS1.安装Node.js和cnpm2.使用VScode创建uni-app项目开始使用TailwindCSS1.安装TailwindCSS2.配置Vite插件3.修改配置4.导入TailwindCSS5.开始在HTML中使用Tailwind总结npx实际上，npxdegit和gitclone都能用来获取代码仓库中的模板或项目，但是它们的实现方式和用途有所不同。让
  • HTML之表单结构全解析 AA-代码批发V哥 HTMLhtml前端
    HTML之表单结构全解析一、表单基础结构与核心标签1.1表单容器：``标签1.2表单元素的灵魂：``标签二、常用表单元素详解2.1输入类元素：``2.1.1基础文本类2.1.2选择类2.1.3交互类2.2复杂输入：``与``2.2.1下拉选择框2.2.2多行文本域三、表单布局与美化技巧3.1基础布局方案3.1.1垂直排列（最常用）3.1.2水平排列（适用于简单表单）3.2使用CSS框架快速布局（B
  • 【前端】一文快速回顾 Html+CSS+JS CoderSharry 前端前端htmlcss
    文章目录前言Preface1.HTML快速回顾1.1基本结构1.2简单语法回顾2.CSS快速回顾2.1三种引入方式2.2选择器2.3布局2.3.1盒子模型2.3.2定位2.3.3浮动2.4简单练习3.JavaScript快速回顾3.1JavaScript引入方式3.2JavaScript基本语法3.2.1变量3.2.2函数与箭头函数3.3简单练习4.总结参考资料一文快速回顾前端基础三件套：HTML
  • Python—快速入门 H.ZWei Pythonpython开发语言
    文章目录简介变量声明控制语句条件控制语句循环语句集合ListDictSetTuple函数定义全局变量和局部变量类模块异常处理生成器简介Python作为一门解释型语言，在运行时逐行解释执行代码，无需编译成二进制文件，这一点和JavaScript类似。它属于弱类型语言，变量类型无需提前声明，赋予了代码极高的灵活性。正因这些特性，Python门槛较低，新手很容易上手。变量声明没有关键字修饰变量名，如下：
  • 你确定懂冒泡排序？用动画的方式讲懂冒泡排序及其优化方式 linwu-hi 动画解析数据结构和算法前端算法排序算法
    点击在线阅读，体验更好链接现代JavaScript高级小册链接深入浅出Dart链接现代TypeScript高级小册链接基本概念冒泡排序是一种基础的排序算法。其基本思想是通过不断地比较相邻元素并在必要时进行交换，将最大（或最小）的元素"冒"到序列的一端。排序步骤先来感受到冒泡排序的步骤吧以数组[5,3,8,4,6]为例，冒泡排序的步骤如下：第一轮排序：比较相邻的元素。第一次比较5和3，5大于3，交换
  • Vue2 视频推荐页面：完整布局与动态数据实现 用 Vue2 开发视频推荐页面：简洁优雅的实现方式 Vue2 项目实战：多分类动态内容展示的实现 用 Vue2 打造视频推荐系统：从零开始完整教程 Vu 南北极之间 web前端特效源码cssjavascript网页设计html前端网站首页视频网站
    效果图【定制化开发服务，让您的项目领先一步】如有需求，直接私信留下您的联系方式。谢谢。我的邮箱：[email protected]完整代码以下包括导航栏、分类切换、推荐内容展示等。使用虚拟假数据模拟真实场景，图片用占位符代替。代码实现<html
  • 冒泡排序及其优化方式详解（JavaScript实现） 碧海蓝天· javascript开发语言ecmascriptJavaScript
    冒泡排序是一种简单但效率较低的排序算法，它通过多次迭代比较相邻元素，并交换它们的位置，使得每一轮迭代都将最大（或最小）的元素移动到末尾。本文将以JavaScript代码和动画的方式详细解释冒泡排序的工作原理，并介绍一些优化方式。冒泡排序的基本实现下面是使用JavaScript实现冒泡排序的基本代码：functionbubbleSort(arr){constlen=arr.length;for(<
  • Python 语音识别与语音合成的实现方法 加班不如去钓鱼 python语音识别xcode
    ```htmlPython语音识别与语音合成的实现方法Python语音识别与语音合成的实现方法随着人工智能技术的发展，语音处理在实际应用中变得越来越重要。Python作为一种功能强大的编程语言，提供了丰富的库和工具来实现语音识别和语音合成的功能。本文将详细介绍如何使用Python实现语音识别与语音合成。一、语音识别语音识别（SpeechRecognition）是将人类的语音转换为文本的过程。Pyt
  • 靶机 New 复盘 Bulestar_xx 渗透实验linux安全
    打点目录扫描gobusterdir-u$URL-w/usr/share/seclists/Discovery/Web-Content/raft-large-words.txt-k-t30-xphp,html,txt,xml-b"404,500,403"-t20/admin(Status:302)[Size:0][-->http://new.dsz/wp-admin/]/login(Status:3
  • 小学期前端三件套学习（更新中）
    第一阶段HTML基础结构页面标题页面内容常用内容标签文本类标签•~：标题（h1每个页面建议只用一次）•：段落•：行内文本容器•：加粗强调•：斜体强调媒体类标签•：图片（alt属性必须写）•：音频•：视频下拉框请选择选项1选项2选项3国家：--请选择--中国美国列表标签项目第一项超链接与锚点外部链接跳转到章节邮件链接表格![[Pastedimage20250628100803.png]]源码.tab
  • JS 使用节点实现简单购物车数量和金额 凌冰_ JS
    一、购物车中商品数量二、计算金额HTML页面:购物车序号商品名称数量单价小计1羊肉串5.005.002草莓奶茶9.009.003饼干20.1020.104葡萄8.058.05共计消费:￥42.15元JS脚本//add+varadds=document.getElementsByClassName("add");//循环for(vari=0;itoFixed(2)this.parentNode.ne
  • Ajax 入门 凌冰_ JSajax前端javascript
    一、Ajax概念Ajax（AsynchronousJavaScriptandXML）是一种在不刷新整个页面的情况下，与服务器进行异步通信并更新部分网页的技术。尽管名称中包含“XML”，但现代Ajax更多使用JSON作为数据格式。二、核心概念异步通信：无需刷新整个页面，可在后台与服务器交换数据。核心技术：XMLHttpRequest（XHR）：原生JavaScriptAPI（旧版）FetchAPI：
  • 3、PHP基础语法入门指南 职场老油条170 PHP编程实战：从入门到精通PHP基础语法入门指南
    PHP基础语法入门指南1.引言PHP作为一种广泛使用的开源服务器端脚本语言，因其简单易学和强大的功能，成为了许多开发者构建动态网站的首选。无论你是编程新手还是有一定经验的开发者，掌握PHP基础语法都是至关重要的一步。本文将带你了解PHP的基本语法，帮助你快速上手，为后续的学习和实践打下坚实的基础。2.PHP脚本的基本结构PHP脚本可以嵌入到HTML中，使得网页可以根据用户的输入或服务器的状态动态生
  • PHP基本语法（基础篇）
    PHP脚本可以放在服务器上执行，然后将纯HTML结果发送回浏览器PHP是一门弱类型语句1、php标记PHP脚本可以放在文档的任何位置，以结束：php文件默认文件扩展名“.php”PHP文件通常包含HTML标签和一些PHP脚本代码,例如：myfirstphppage如果文件是纯PHP代码，最好在文件末尾删除PHP结束标记有两种在浏览器输出文本的指令：echo和print2、指令分隔符每个语句后用分号
  • 使用Puppeteer抓取动态网页的完整指南
    当遇到React/Vue等现代前端框架构建的SPA（单页应用）时，传统爬虫无法获取JavaScript动态渲染的内容。本文将教你使用Puppeteer破解这个难题，实现真正的动态网页抓取。我们开始准备环境1.安装Node.js版本至少要在14以上才行哦2.初始化开发项目的命令在这里mkdirpuppeteer-crawler&&cdpuppeteer-crawlernpminit-y3.在项目里边
  • [黑洞与暗粒子]没有光的世界 comsci
         无论是相对论还是其它现代物理学,都显然有个缺陷,那就是必须有光才能够计算      但是,我相信,在我们的世界和宇宙平面中,肯定存在没有光的世界....      那么,在没有光的世界,光子和其它粒子的规律无法被应用和考察,那么以光速为核心的 &nbs
  • jQuery Lazy Load 图片延迟加载 aijuans jquery
    基于 jQuery 的图片延迟加载插件，在用户滚动页面到图片之后才进行加载。 对于有较多的图片的网页，使用图片延迟加载，能有效的提高页面加载速度。 版本： jQuery v1.4.4+ jQuery Lazy Load v1.7.2 注意事项： 需要真正实现图片延迟加载，必须将真实图片地址写在 data-original 属性中。若 src
  • 使用Jodd的优点 Kai_Ge jodd
    1.  简化和统一 controller ，抛弃 extends SimpleFormController ，统一使用 implements Controller 的方式。 2.  简化 JSP 页面的 bind, 不需要一个字段一个字段的绑定。 3.  对 bean 没有任何要求，可以使用任意的 bean 做为 formBean。   使用方法简介
  • jpa Query转hibernate Query 120153216 Hibernate
    public List<Map> getMapList(String hql, Map map) { org.hibernate.Query jpaQuery = entityManager.createQuery(hql); if (null != map) { for (String parameter : map.keySet()) { jp
  • Django_Python3添加MySQL/MariaDB支持 2002wmj mariaDB
    现状 首先，[email protected] 中默认的引擎为 django.db.backends.mysql 。但是在Python3中如果这样写的话，会发现 django.db.backends.mysql 依赖 MySQLdb[5] ，而 MySQLdb 又不兼容 Python3 于是要找一种新的方式来继续使用MySQL。 MySQL官方的方案 首先据MySQL文档[3]说，自从MySQL
  • 在SQLSERVER中查找消耗IO最多的SQL 357029540 SQL Server
    返回做IO数目最多的50条语句以及它们的执行计划。 select top 50   (total_logical_reads/execution_count) as avg_logical_reads,  (total_logical_writes/execution_count) as avg_logical_writes,  (tot
  • spring UnChecked 异常 官方定义！ 7454103 spring
      如果你接触过spring的 事物管理！那么你必须明白 spring的 非捕获异常！ 即 unchecked 异常！ 因为 spring 默认这类异常事物自动回滚！！ public static boolean isCheckedException(Throwable ex) { return !(ex instanceof RuntimeExcep
  • mongoDB 入门指南、示例 adminjun javamongodb操作
    一、准备工作 1、 下载mongoDB 下载地址：http://www.mongodb.org/downloads 选择合适你的版本 相关文档：http://www.mongodb.org/display/DOCS/Tutorial 2、 安装mongoDB A、 不解压模式： 将下载下来的mongoDB-xxx.zip打开，找到bin目录，运行mongod.exe就可以启动服务，默
  • CUDA 5 Release Candidate Now Available aijuans CUDA
    The CUDA 5 Release Candidate is now available at http://developer.nvidia.com/<wbr></wbr>cuda/cuda-pre-production. Now applicable to a broader set of algorithms, CUDA 5 has advanced fe
  • Essential Studio for WinRT网格控件测评 Axiba JavaScripthtml5
    Essential Studio for WinRT界面控件包含了商业平板应用程序开发中所需的所有控件，如市场上运行速度最快的grid 和chart、地图、RDL报表查看器、丰富的文本查看器及图表等等。同时，该控件还包含了一组独特的库，用于从WinRT应用程序中生成Excel、Word以及PDF格式的文件。此文将对其另外一个强大的控件——网格控件进行专门的测评详述。 网格控件功能 1、
  • java 获取windows系统安装的证书或证书链 bewithme windows
          有时需要获取windows系统安装的证书或证书链，比如说你要通过证书来创建java的密钥库  。 有关证书链的解释可以查看此处 。   public static void main(String[] args) { SunMSCAPI providerMSCAPI = new SunMSCAPI(); S
  • NoSQL数据库之Redis数据库管理(set类型和zset类型) bijian1013 redis数据库NoSQL
    4.sets类型         Set是集合，它是string类型的无序集合。set是通过hash table实现的，添加、删除和查找的复杂度都是O(1)。对集合我们可以取并集、交集、差集。通过这些操作我们可以实现sns中的好友推荐和blog的tag功能。         sadd：向名称为key的set中添加元
  • 异常捕获何时用Exception，何时用Throwable bingyingao
    用Exception的情况 try {        //可能发生空指针、数组溢出等异常         } catch (Exception e) {          
  • 【Kafka四】Kakfa伪分布式安装 bit1129 kafka
    在http://bit1129.iteye.com/blog/2174791一文中，实现了单Kafka服务器的安装，在Kafka中，每个Kafka服务器称为一个broker。本文简单介绍下，在单机环境下Kafka的伪分布式安装和测试验证   1. 安装步骤   Kafka伪分布式安装的思路跟Zookeeper的伪分布式安装思路完全一样，不过比Zookeeper稍微简单些(不
  • Project Euler bookjovi haskell
    Project Euler是个数学问题求解网站，网站设计的很有意思，有很多problem，在未提交正确答案前不能查看problem的overview，也不能查看关于problem的discussion thread，只能看到现在problem已经被多少人解决了，人数越多往往代表问题越容易。     看看problem 1吧： Add all the natural num
  • Java-Collections Framework学习与总结-ArrayDeque BrokenDreams Collections
            表、栈和队列是三种基本的数据结构，前面总结的ArrayList和LinkedList可以作为任意一种数据结构来使用，当然由于实现方式的不同，操作的效率也会不同。         这篇要看一下java.util.ArrayDeque。从命名上看
  • 读《研磨设计模式》-代码笔记-装饰模式-Decorator bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.io.BufferedOutputStream; import java.io.DataOutputStream; import java.io.FileOutputStream; import java.io.Fi
  • Maven学习(一) chenyu19891124 Maven私服
        学习一门技术和工具总得花费一段时间，5月底6月初自己学习了一些工具，maven+Hudson+nexus的搭建，对于maven以前只是听说，顺便再自己的电脑上搭建了一个maven环境，但是完全不了解maven这一强大的构建工具，还有ant也是一个构建工具，但ant就没有maven那么的简单方便，其实简单点说maven是一个运用命令行就能完成构建，测试，打包，发布一系列功
  • [原创]JWFD工作流引擎设计----节点匹配搜索算法(用于初步解决条件异步汇聚问题) 补充 comsci 算法工作PHP搜索引擎嵌入式
    本文主要介绍在JWFD工作流引擎设计中遇到的一个实际问题的解决方案，请参考我的博文"带条件选择的并行汇聚路由问题"中图例A2描述的情况(http://comsci.iteye.com/blog/339756),我现在把我对图例A2的一个解决方案公布出来，请大家多指点 节点匹配搜索算法(用于解决标准对称流程图条件汇聚点运行控制参数的算法) 需要解决的问题：已知分支
  • Linux中用shell获取昨天、明天或多天前的日期 daizj linuxshell上几年昨天获取上几个月
    在Linux中可以通过date命令获取昨天、明天、上个月、下个月、上一年和下一年 # 获取昨天 date -d 'yesterday'  # 或 date -d 'last day' # 获取明天 date -d 'tomorrow'   # 或 date -d 'next day' # 获取上个月 date -d 'last month' #
  • 我所理解的云计算 dongwei_6688 云计算
          在刚开始接触到一个概念时，人们往往都会去探寻这个概念的含义，以达到对其有一个感性的认知，在Wikipedia上关于“云计算”是这么定义的，它说：        Cloud computing is a phrase used to describe a variety of computing co
  • YII CMenu配置 dcj3sjt126com yii
    Adding id and class names to CMenu We use the id and htmlOptions to accomplish this. Watch. //in your view $this->widget('zii.widgets.CMenu', array( 'id'=>'myMenu', 'items'=>$this-&g
  • 设计模式之静态代理与动态代理 come_for_dream 设计模式
    静态代理与动态代理        代理模式是java开发中用到的相对比较多的设计模式，其中的思想就是主业务和相关业务分离。所谓的代理设计就是指由一个代理主题来操作真实主题，真实主题执行具体的业务操作，而代理主题负责其他相关业务的处理。比如我们在进行删除操作的时候需要检验一下用户是否登陆，我们可以删除看成主业务，而把检验用户是否登陆看成其相关业务
  • 【转】理解Javascript 系列 gcc2ge JavaScript
    理解Javascript_13_执行模型详解 摘要: 在《理解Javascript_12_执行模型浅析》一文中,我们初步的了解了执行上下文与作用域的概念，那么这一篇将深入分析执行上下文的构建过程，了解执行上下文、函数对象、作用域三者之间的关系。函数执行环境简单的代码:当调用say方法时，第一步是创建其执行环境，在创建执行环境的过程中，会按照定义的先后顺序完成一系列操作:1.首先会创建一个
  • Subsets II hcx2013 set
    Given a collection of integers that might contain duplicates, nums, return all possible subsets. Note: Elements in a subset must be in non-descending order. The solution set must not conta
  • Spring4.1新特性——Spring缓存框架增强 jinnianshilongnian spring4
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • shell嵌套expect执行命令 liyonghui160com
        一直都想把expect的操作写到bash脚本里,这样就不用我再写两个脚本来执行了,搞了一下午终于有点小成就,给大家看看吧.   系统:centos 5.x   1.先安装expect yum -y install expect   2.脚本内容: cat auto_svn.sh   #!/bin/bash
  • Linux实用命令整理 pda158 linux
    0. 基本命令 　　linux 基本命令整理 　 　1. 压缩 解压 　　tar -zcvf a.tar.gz a   #把a压缩成a.tar.gz 　　tar -zxvf a.tar.gz     #把a.tar.gz解压成a 　 　2. vim小结 　　2.1 vim替换 　　:m,ns/word_1/word_2/gc  
  • 独立开发人员通向成功的29个小贴士 shoothao 独立开发
    概述：本文收集了关于独立开发人员通向成功需要注意的一些东西,对于具体的每个贴士的注解有兴趣的朋友可以查看下面标注的原文地址。 明白你从事独立开发的原因和目的。 保持坚持制定计划的好习惯。 万事开头难，第一份订单是关键。 培养多元化业务技能。 提供卓越的服务和品质。 谨小慎微。 营销是必备技能。 学会组织，有条理的工作才是最有效率的。 “独立
  • JAVA中堆栈和内存分配原理 uule java
    1、栈、堆 1.寄存器：最快的存储区, 由编译器根据需求进行分配,我们在程序中无法控制.2. 栈：存放基本类型的变量数据和对象的引用，但对象本身不存放在栈中，而是存放在堆（new 出来的对象）或者常量池中（字符串常量对象存放在常量池中。）3. 堆：存放所有new出来的对象。4. 静态域：存放静态成员（static定义的）5. 常量池：存放字符串常量和基本类型常量（public static f
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他