懒羊羊h
懒羊羊h

javaScript蓝桥杯---用什么来做计算

目录

  • 一、介绍
  • 二、准备
  • 三、目标
  • 四、代码
  • 五、完成

一、介绍

古以算盘作为计算工具。算盘常为木制矩框，内嵌珠子数串，定位拨珠，可做加减乘除等运算。站在前人的肩膀上，后人研究出计算器，便利了大家的生活，我们不用带着笨重的计算工具出门，打开手机上的计算器就可以了。

本题需要实现一个可以进行加减乘除等运算的计算器。

二、准备

开始答题前，需要先打开本题的项目代码文件夹，目录结构如下：

├── css
│   └── style.css
├── js
│   └── index.js
├── effect.gif
└── index.html

其中：

  • css/style.css 是样式文件。
  • js/index.js 是实现计算功能的 js 文件。
  • effect.gif 是最终实现的效果动图。
  • index.html 是主页面。

在浏览器中预览 index.html 页面，点击计算器上的按钮，不能进行计算（图上的红色文字只是对计算器的功能区域进行说明，无需实现），效果如下：

javaScript蓝桥杯---用什么来做计算_第1张图片

三、目标

请完善 js/index.js 文件，当鼠标点击计算器上的按钮时，能够正常进行计算。

完成后的效果见文件夹下面的 gif 图，图片名称为 effect.gif（提示：可以通过 VS Code 或者浏览器预览 gif 图片）。

具体说明如下：

  • 点击按钮会在计算式子区域显示当前输入的计算式子，当点击等号（=） 后，在结果显示区域应该显示出正确的结果。
  • 计算器需要具有加（+）、减（-）、乘（x）、除（÷）、开二次方（√）、重置（AC）、小数点（.）、括号运算这八个功能。
  • 计算器的计算遵循四则混合运算的法则，括号的优先级最高，其次是乘除，加减的优先级最低。

效果说明如下：

能够正确进行加、减、乘、除的混合运算，样例如下所示：

javaScript蓝桥杯---用什么来做计算_第2张图片

  • 能够正确进行开二次方，输入一个可以平方的数，点击开方（√）按钮即可在结果显示区域显示结果。如果输入的值是不能平方，结果显示 NaN，样例如下所示：

javaScript蓝桥杯---用什么来做计算_第3张图片
javaScript蓝桥杯---用什么来做计算_第4张图片

  • 点击重置按钮（AC），可以清空计算式子显示区域和结果显示区域的值。

  • 能够进行小数的加减乘除运算，样例如下所示：

  • javaScript蓝桥杯---用什么来做计算_第5张图片

四、代码

index.html

DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>用什么来做计算title>
    <link rel="stylesheet" href="./css/style.css" />
  head>
  <body>
    <div class="calculator">
      
      <div class="calc-row">
        <input type="text" name="formula" id="formula" readonly />
        <input type="text" name="result" id="result" readonly />
      div>
      
      <div class="calc-row">
        <div class="calc-button" id="left-bracket">(div>
        <div class="calc-button" id="right-bracket">)div>
        <div class="calc-button" id="sqrt">√div>
        <div class="calc-button" id="reset">ACdiv>
      div>
      
      <div class="calc-row">
        <div class="calc-button" id="seven">7div>
        <div class="calc-button" id="eight">8div>
        <div class="calc-button" id="nine">9div>
        <div class="calc-button" id="division">÷div>
      div>
      
      <div class="calc-row">
        <div class="calc-button" id="four">4div>
        <div class="calc-button" id="five">5div>
        <div class="calc-button" id="six">6div>
        <div class="calc-button" id="multiply">xdiv>
      div>
      
      <div class="calc-row">
        <div class="calc-button" id="one">1div>
        <div class="calc-button" id="two">2div>
        <div class="calc-button" id="three">3div>
        <div class="calc-button" id="reduce">-div>
      div>
      
      <div class="calc-row">
        <div class="calc-button" id="zero">0div>
        <div class="calc-button" id="decimal">.div>
        <div class="calc-button" id="equal">=div>
        <div class="calc-button" id="add">+div>
      div>
    div>
    <script src="./js/index.js">script>
  body>
html>

css/style.css

/*整个计算器的外观*/
.calculator {
  position: relative;
  width: 300px;
  margin: 1px auto;
  padding: 10px 0;
  cursor: pointer;
  border-radius: 20px;
  background-color: #6fb2d2;
  box-shadow: 5px 5px 10px 3px #908e8e;
}

.calc-row {
  text-align: center;
}

/*结果显示屏*/
input {
  margin: 0 10px;
  width: 85%;
  color: #000;
  text-align: right;
  font-size: 30px;
  margin-left: 10px;
  padding-right: 0.5em;
  border: 1px solid #f0e4d7;
  background-color: #f2ece6;
}
.calc-row #result {
  height: 40px;
  border-radius: 0 0 10px 10px;
}
.calc-row #formula {
  height: 30px;
  border-radius: 10px 10px 0 0;
}

.calc-row div {
  display: inline-block;
  text-align: center;
  font-weight: bold;
  width: 50px;
  border: 1px solid #555;
  background-color: #eee;
  padding: 10px 0;
  margin: 7px 5px;
  border-radius: 15px;
  box-shadow: 2px 2px 1px 1px #222;
}

js/index.js

//TODO

五、完成

js/index.js

// TODO：请补充代码
const calculator = document.getElementsByClassName('calculator')[0]
const formula = document.getElementById('formula')
const result = document.getElementById('result')
let str = ''
calculator.addEventListener('click', function (e) {
    //记录当前按的是什么东西
    const indexValue = e.target.innerHTML
    //防止点击的不是计算机按钮
    if (indexValue.length > 2) {
        return
    }
    //如果按的是根号
    if (indexValue === '√') {
        result.value = Math.sqrt(formula.value);
    }
    //如果按的是AC 
    else if (indexValue === 'AC') {
        formula.value = '';
        result.value = '';
    }
    //如果按的是等号
    else if (indexValue === '=') {
        result.value = eval(formula.value.replaceAll(/[÷]/g, '/').replaceAll(/[x]/g, "*"));
    }
    //说明在输入表达式
    else {
        formula.value += indexValue;
    }

})

你可能感兴趣的:(javaScript,javascript,蓝桥杯,开发语言)

  • xss的过滤和绕过（2） rzydal 学习笔记网络安全xss计算机网络
    xss的过滤和绕过分类过滤主要有两层，分别为WAF层和代码层，WAF（web应用防火墙）通常是在外部，在主机或者网络硬件上，对HTTP请求进行过滤拦截，而代码层是在编写web应用的过程中，直接实现或者音乐第三方库，对用户输入进行过滤，但是JavaScript语法非常灵活，所以对于普通的正则匹配，字符串比较，很难拦截xss。1.富文本过滤在发送邮件或者博客的情景下，用户有需求实现富文本的编辑，比如插
  • js高阶-响应式原理 silver687 javascript
    在JavaScript中，响应式原理通常是指一种编程模式，它允许开发者创建能够自动响应数据变化的系统或应用。这种模式在现代前端框架（如Vue.js、React等）中非常常见，尤其是在数据绑定和UI更新方面。以下是响应式原理的核心概念和实现方式的详细解释：----1.响应式原理的核心概念响应式编程的核心是数据驱动和自动更新。当数据发生变化时，相关的UI或逻辑会自动更新，而无需手动触发更新操作。这种模
  • 2025年前端发展趋势 贵州数擎科技有限公司 前端javascript
    开发领域：前端开发|AI应用|Web3D|元宇宙技术栈：JavaScript、React、ThreeJs、WebGL、Go经验经验：6年+前端开发经验，专注于图形渲染和AI技术开源项目：github晓智元宇宙、数字孪生引擎、前端面试题大家好！我是[晓智]，一位热爱探索新技术的前端开发者，在这里分享前端和Web3D、AI技术的干货与实战经验。如果你对技术有热情，欢迎关注我的文章，我们一起成长、进步！
  • js能不能清楚浏览器缓存？ 涔溪 jsjavascript缓存开发语言
    JavaScript本身并没有直接清除浏览器缓存的API。但是，你可以使用一些间接的方法来促使浏览器刷新缓存或在某些情况下模拟清除缓存的行为。这里有几个方法：强制刷新页面资源：可以通过为资源链接添加查询字符串的方式（如版本号或时间戳）来确保加载最新的资源，而不是缓存的版本。例如：。使用ServiceWorker：如果你正在使用ServiceWorker来管理缓存，你可以编写代码来控制哪些资源应该被
  • javaScript 的语法糖全解 Young丶 vue3jsjavascript开发语言ecmascript
    最近在阅读一些JavaScript代码时，我们发现很多时候可以用更简洁的语法来完成相同的操作，这便是“语法糖”的魅力。语法糖是一种对底层语法的封装和简化，通过编译器将其转换成等价的标准语法来实现。例如，在Java中，泛型和Lambda表达式都是语法糖。泛型在编译过程中会被转换成非泛型的形式，而Lambda表达式会被转换为对应的匿名内部类形式。语法糖的优缺点‌优点‌：‌简洁性‌：语法糖使代码更加简洁
  • 【华为OD】| 最多获得的短信条数、云短 信平台优惠活动_完全背包 buff会技术的程序媛 -JS】技术杂谈技术learn算法java
    目录一.题目描述二.输入描述三.输出描述用例四.题目解析五.Java玩法六.JavaScript玩法一.题目描述某云短信厂商，为庆祝国庆，推出充值优惠活动。现在给出客户预算，和优惠售价序列，求最多可获得的短信总条数。二.输入描述第一行客户预算M，其中0<=M<=10^6第二行给出售价表，P1,P2,…Pn,其中1<=n<=100Pi为充值i元获得的短信条数。1<=Pi<=1000,1<=n<=10
  • 2025年前端面试题汇总 涔溪 前端
    JavaScript核心异步编程Promise、async/await的工作原理及应用场景。如何处理并发请求，使用Promise.all()或Promise.race()等方法。解释事件循环机制，理解微任务（microtask）与宏任务（macrotask）的区别。原型链深入理解JavaScript中的原型继承模型。举例说明如何通过修改原型对象影响所有实例。闭包定义闭包及其作用，如实现私有变量和函
  • 蓝桥杯算法|基础笔记（1） 幼稚鬼？ 算法蓝桥杯笔记
    **时间复杂度**一、概念理解时间复杂度是用来衡量算法运行时间随输入规模增长而增长的量级。它主要关注的是当输入规模趋向于无穷大时，算法执行基本操作的次数的增长趋势，而不是精确的运行时间。二、分析代码中的基本操作确定关键操作在一段代码中，首先要找出对整体运行时间影响最大的操作。例如，在一个循环中，如果循环体主要是进行简单的算术运算，那么这些算术运算就是基本操作。对于排序算法，比较元素大小和交换元素位
  • 蓝桥杯算法日常|枚举[*找到最多的数] 幼稚鬼？ 25/1/8寒假蓝桥杯练习日志专栏算法蓝桥杯哈希算法
    **找到最多的数**重点疑问总结：1、数组输入输出c++一般会采用那种方便的方式？？用的就是我想的那种，就是用的最大范围定义的。2、怎样方便给数组中每个数出现的次数计数？？刚开始想的是：每个数把全部的数比较一下子最后发现最佳方法是：哈希表，这里用了一个数组，数组下标表示统计的哪个数，数组的值是该数出现的次数。题目截图解题思路：遍历矩阵，将每个数字及其出现次数存储在一个哈希表（这里使用数组模拟哈希表
  • 蓝桥杯常用api总结 后端开发日记 数据结构算法javaacm竞赛
    蓝桥杯常用api总结:Util:Util.print(arr);//打印数组String:str.length();//获取长度：str.subSting(start,end);//(取到end-1)切片函数：str.charAt(i);//获取某个位置的字符：toCharArray();//转换成字符数组：x.compareTo(y);//x,y两个字符串比较字典序：（代表的数字的大小比较）：S
  • 蓝桥杯 试题 算法训练 最小距离 ( C++ ) ghost_him 蓝桥杯练习算法蓝桥杯c++
    最小距离最小距离算法题目算法代码算法的核心思路最小距离算法题目资源限制时间限制：1.0s内存限制：256.0MB最小距离问题描述数轴上有n个数字，求最近的两个数，即min(abs(x-y))输入格式第一行包含一个整数n。接下来一行，表示n整数。输出格式一个整数表示最小距离样例输入673411917样例输出1样例说明取3和4数据规模和约定n#includeusingnamespacestd;cons
  • 全网最详细Gradio教程系列5——Gradio Client: javascript 龙焰智能 Gradio全解教程javascriptgradioclientplaycode.conpmcdnnode.js
    全网最详细Gradio教程系列5——GradioClient:javascript前言本篇摘要5.GradioClient的三种使用方式5.2使用GradioJavaScriptClient5.2.1安装1.npm方式：node.js2.CDN方式3.在线运行环境：PLAYCODE5.2.2连接到Gradio程序1.通过URL或SpaceID连接2.辅助：duplicate()和hf_token5
  • Webpack、Vite区别知多少？ brrdg_sefg webpack前端node.js
    前端的项目打包，我们常用的构建工具有Webpack和Vite，那么Webpack和Vite是两种不同的前端构建工具,那么你们又是否了解它们的区别呢？我们在做项目时要如何选择呢？一、工具定义1、Webpack：是一个强大的静态模块打包工具，它可以将各种类型的文件，如JavaScript、CSS、图片等，作为模块进行打包，并生成最终的静态资源文件。Webpack使用各种loader和plugin来处理
  • 蓝桥杯Python组最后几天冲刺———吐血总结,练题总结,很管用我学会了 晚风时亦鹿 学习笔记Python算法笔记python
    一、重要知识要点1、穷举法2、枚举法3、动态规划4、回溯法5、图论6、深度优先搜索（DFS）7、广度优先搜索（BFS）8、二叉树9、递归10、分治法、矩阵法11、排列组合12、素数、质数、水仙花数13、欧几里得定理gcd14、求最大公约数、最小公倍数15、海伦公式（求三角形面积）16、博弈论17、贪心18、二分查找法19、hash表20、日期计算21、矩形快速幂22、树形DP23、最短路径24、最
  • 蓝桥杯训练—完美的代价 初春十九 蓝桥杯训练蓝桥杯职场和发展
    文章目录一、题目二、示例三、解析四、代码一、题目回文串，是一种特殊的字符串，它从左往右读和从右往左读是一样的。现在给你一个串，它不一定是回文的，请你计算最少的交换次数使得该串变成一个完美的回文串。交换的定义是：交换两个相邻的字符例如mamad第一次交换ad：mamda第二次交换md：madma第三次交换ma：madam输入格式：输入一行，是一个字符串，长度为n，只包括小写字母输出格式：如果可能，输
  • 2024年12月蓝桥杯Scratch12月stema选拔赛真题试卷 嗨信奥 scratch青少年编程蓝桥杯
    完整的题目及在线模拟考试可点击下方链接前往：2024年蓝桥杯Scratch12月stema选拔赛真题_scratch_少儿编程题库学习中心-嗨信奥https://www.hixinao.com/tidan/scratch/show-267.html
  • P8738 [蓝桥杯 2020 国 C] 天干地支 题解 larryyu_cs Luogu题解蓝桥杯c语言c++
    目录_Description__Solution__Code_Description给定一个公元纪年的年份，请输出这一年的天干地支年份的拼音。Solution将天干地支分开计算。因为天干10个一周期，地支12个一周期，所以让年份分别对10,12取模即可。现在仅需确定天干地支的起始位即可（因为0年不一定是甲子年）。由于2020≡0(mod10),2020≡4(mod12)2020\equiv0\pm
  • 蓝桥杯day5刷题日记-分巧克力-天干地支-求和 _yukinoshita_yukino 蓝桥杯蓝桥杯算法数据结构刷题笔记
    P8647[蓝桥杯2017省AB]分巧克力思路：二分查找#includeusingnamespacestd;intn,k;inth[100010],w[100010];boolcheck(intx){intsum=0;for(inti=0;i=k)returntrue;}returnfalse;}intmain(){cin>>n>>k;for(inti=0;i>h[i]>>w[i];}intl=1
  • MDX语言的移动应用开发 沈霁晨 包罗万象golang开发语言后端
    以MDX语言的移动应用开发在当今快速发展的技术时代，移动应用程序的普及已经不可逆转。无论是社交媒体、在线购物还是游戏娱乐，移动应用在我们生活中的每一个角落都发挥着重要作用。随着需求的不断变化和技术的持续进步，开发者们也在不断寻找新的解决方案，以提高开发效率、降低成本并满足用户日益增长的期望。MDX（MarkDownExtended）作为一种新兴的移动应用开发语言，凭借其简洁的语法、灵活的结构和强大
  • 深入探讨Web应用开发：从前端到后端的全栈实践 禁默 前端
    目录引言1.Web应用开发的基本架构2.前端开发技术HTML、CSS和JavaScript前端框架与库响应式设计与移动优先3.后端开发技术Node.js（JavaScript后端）Python（Flask和Django）RubyonRailsJava（SpringBoot）4.数据库选择与管理关系型数据库（SQL）非关系型数据库（NoSQL）5.API设计与开发RESTfulAPIGraphQL6
  • P8738 [蓝桥杯 2020 国 C] 天干地支 一缕叶 刷题蓝桥杯c语言算法
    两种方法#includeusingnamespacestd;intmain(){intyear;cin>>year;stringtg[10]={"geng","xin","ren","gui","jia","yi","bing","ding","wu","ji"};stringdz[12]={"shen","you","xu","hai","zi","chou","yin","mao","chen
  • Node.js 镜像的全方位指南 ivwdcwso node.js
    Node.js是一门广泛应用于构建服务器端和客户端应用的JavaScript运行时。在容器化环境中，构建和使用Node.js镜像是非常常见的任务。以下是有关Node.js镜像的通常选择、制作流程、不同场景下的应用、安全性最佳实践以及镜像优化的全方位指南。1.选择合适的基础镜像1.1官方Node.js镜像DockerHub提供了官方Node.js镜像，由Node.js官方维护，提供了最新的稳定版本和
  • 包管理工具 npm/yarn/pnpm对比，你选对了码 小姚爱吃辣 yarn
    在前端开发领域，包管理工具是开发者不可或缺的利器。它们不仅帮助我们管理依赖，还能提升项目的构建效率。目前，最常用的三大前端包管理工具分别是npm、Yarn和pnpm。本文将深入探讨这三种工具的优缺点，帮助你在项目中做出最合适的选择。一、npm图片1.什么是npm？npm（NodePackageManager）是随Node.js一起发布的包管理和分发工具。它是目前使用最广泛的JavaScript包管
  • 前端打包工具之npm、yarn、pnpm对比 前端~初学者 前端工程化前端npmnode.js
    前端打包工具之npm、yarn、pnpm对比1、npm1.1概述1.2安装1.3常用命令1.4优缺点2、yarn2.1概述2.2安装2.3常用命令2.4优缺点3、pnpm3.1概述3.2安装3.3常用命令3.4优缺点2.54、总结1、npm1.1概述NPM（NodePackageManager），作为默认的JavaScript应用包管理器，与Node.js一同安装，它是目前使用最广泛的包管理器，得
  • 2020年第11届蓝桥杯国赛javaC组 涤生啊 蓝桥杯算法java算法
    6.2020国赛javaC组https://blog.csdn.net/qq_43449564/article/details/109841937https://blog.csdn.net/imreal_/article/details/114272929https://www.dtmao.cc/news_show_375163.shtmlC扩散importjava.util.LinkedList
  • 【洛谷 P8738】[蓝桥杯 2020 国 C] 天干地支 题解（字符串+数学+模运算） HEX9CF AlgorithmProblems蓝桥杯c语言职场和发展
    [蓝桥杯2020国C]天干地支题目描述古代中国使用天干地支来记录当前的年份。天干一共有十个，分别为：甲（jiǎ）、乙（yǐ）、丙（bǐng）、丁（dīng）、戊（wù）、己（jǐ）、庚（gēng）、辛（xīn）、壬（rén）、癸（guǐ）。地支一共有十二个，分别为：子（zǐ）、丑（chǒu）、寅（yín）、卯（mǎo）、辰（chén）、巳（sì）、午（wǔ）、未（wèi）、申（shēn）、酉（yǒ
  • 在Vue中使用Web Worker详细教程 m0_74825656 前端vue.jsjavascript
    1.什么是WebWorker**WebWorker?**是2008年h5提供的新功能，每一个新功能都是为了解决原有技术的的痛点，那么这个痛点是什么呢？1.1JavaScript的单线程JavaScript为什么要设计成单线程？这与js的工作内容有关：js只是用来去做一些用户交互，并呈现效果内容。如果js是多线程，线程一将dom元素的背景色改成红色，线程二将dom元素的背景色改为绿色，那么，到底上红
  • P8738 [蓝桥杯 2020 国 C] 天干地支--2024蓝桥杯冲刺省一 一只蓝色小鲨鱼 蓝桥杯c语言职场和发展c++数据结构
    点击跳转例题思路：我们要是找到第0年是什么年，那么就方便计算了所以我们寻找第0年：//2020%10=0;//所以第0年是庚（geng）年//2020%12=4;//所以第0年是子（zi）年往前推4年，是申（shen）年。#include#defineintlonglong//(有超时风险)#definePIIpair#defineendl'\n'#defineLL__int128usingnam
  • 蓝桥杯2020年第十一届国赛真题-天干地支 冷颕 蓝桥杯真题c++蓝桥杯算法
    时间限制:1Sec内存限制:128MB提交:114解决:43题目描述古代中国使用天干地支来记录当前的年份。天干一共有十个，分别为：甲（jiǎ）、乙（yǐ）、丙（bǐng）、丁（dīng）、戊（wù）、己（jǐ）、庚（gēng）、辛（xīn）、壬（rén）、癸（guǐ）。地支一共有十二个，分别为：子（zǐ）、丑（chǒu）、寅（yín）、卯（mǎo）、辰（chén）、巳（sì）、午（wǔ）、未（wè
  • Android开发网络编程，使用API获取网络数据 浩宇软件开发 androidokhttpjavaAndroid开发网络编程AndroidStudio
    文章目录1.实现步骤2.开发环境3.运行效果图4.视频教程1.实现步骤阅读API接口使用文档使用okhttp获取网络数据使用gson将json数据转为数据实体类安装GsonFormatPlus插件使用glide加载网络图片2.开发环境开发工具：Androidstudio开发语言：Javabuild.gradle下导入相关依赖//数据解析implementation'com.google.code.
  • jquery实现的jsonp掉java后台 知了ing javajsonpjquery
    什么是JSONP？ 先说说JSONP是怎么产生的： 其实网上关于JSONP的讲解有很多，但却千篇一律，而且云里雾里，对于很多刚接触的人来讲理解起来有些困难，小可不才，试着用自己的方式来阐释一下这个问题，看看是否有帮助。 1、一个众所周知的问题，Ajax直接请求普通文件存在跨域无权限访问的问题，甭管你是静态页面、动态网页、web服务、WCF，只要是跨域请求，一律不准； 2、
  • Struts2学习笔记 caoyong struts2
    SSH : Spring + Struts2 + Hibernate 三层架构(表示层,业务逻辑层,数据访问层) MVC模式 (Model View Controller) 分层原则:单向依赖，接口耦合 1、Struts2  =  Struts  + Webwork 2、搭建struts2开发环境    a>、到www.apac
  • SpringMVC学习之后台往前台传值方法 满城风雨近重阳 springMVC
    springMVC控制器往前台传值的方法有以下几种： 1.ModelAndView    通过往ModelAndView中存放viewName：目标地址和attribute参数来实现传参：      ModelAndView mv=new ModelAndView();  mv.setViewName="success
  • WebService存在的必要性？ 一炮送你回车库 webservice
    做Java的经常在选择Webservice框架上徘徊很久，Axis  Xfire Axis2 CXF ，他们只有一个功能，发布HTTP服务然后用XML做数据传输。 是的，他们就做了两个功能，发布一个http服务让客户端或者浏览器连接，接收xml参数并发送xml结果。 当在不同的平台间传输数据时，就需要一个都能解析的数据格式。 但是为什么要使用xml呢？不能使json或者其他通用数据
  • js年份下拉框 3213213333332132 java web ee
    <div id="divValue">test...</div>测试 //年份 <select id="year"></select> <script type="text/javascript"> window.onload =
  • 简单链式调用的实现技术 归来朝歌 方法调用链式反应编程思想
    在编程中，我们可以经常遇到这样一种场景：一个实例不断调用它自身的方法，像一条链条一样进行调用 这样的调用你可能在Ajax中，在页面中添加标签： $("<p>").append($("<span>").text(list[i].name)).appendTo("#result");   也可能在HQ
  • JAVA调用.net 发布的webservice 接口 darkranger webservice
    /** * @Title: callInvoke * @Description: TODO(调用接口公共方法) * @param @param url 地址 * @param @param method 方法 * @param @param pama 参数 * @param @return * @param @throws BusinessException
  • Javascript模糊查找 | 第一章 循环不能不重视。 aijuans Way
    最近受我的朋友委托用js+HTML做一个像手册一样的程序，里面要有可展开的大纲，模糊查找等功能。我这个人说实在的懒，本来是不愿意的，但想起了父亲以前教我要给朋友搞好关系，再加上这也可以巩固自己的js技术，于是就开始开发这个程序，没想到却出了点小问题，我做的查找只能绝对查找。具体的js代码如下： function search(){ var arr=new Array("my
  • 狼和羊，该怎么抉择 atongyeye 工作
    狼和羊，该怎么抉择 在做一个链家的小项目，只有我和另外一个同事两个人负责，各负责一部分接口，我的接口写完，并全部测联调试通过。所以工作就剩下一下细枝末节的，工作就轻松很多。每天会帮另一个同事测试一些功能点，协助他完成一些业务型不强的工作。 今天早上到公司没多久，领导就在QQ上给我发信息，让我多协助同事测试，让我积极主动些，有点责任心等等，我听了这话，心里面立马凉半截，首先一个领导轻易说
  • 读取android系统的联系人拨号 百合不是茶 androidsqlite数据库内容提供者系统服务的使用
           联系人的姓名和号码是保存在不同的表中,不要一下子把号码查询来,我开始就是把姓名和电话同时查询出来的,导致系统非常的慢   关键代码:     1, 使用javabean操作存储读取到的数据 package com.example.bean; /** * * @author Admini
  • ORACLE自定义异常 bijian1013 数据库自定义异常
    实例： CREATE OR REPLACE PROCEDURE test_Exception ( ParameterA IN varchar2, ParameterB IN varchar2, ErrorCode OUT varchar2 --返回值,错误编码 ) AS /*以下是一些变量的定义*/ V1 NUMBER; V2 nvarc
  • 查看端号使用情况 征客丶 windows
    一、查看端口 在windows命令行窗口下执行： >netstat -aon|findstr "8080" 显示结果： TCP     127.0.0.1:80         0.0.0.0:0    &
  • 【Spark二十】运行Spark Streaming的NetworkWordCount实例 bit1129 wordcount
    Spark Streaming简介   NetworkWordCount代码   /* * Licensed to the Apache Software Foundation (ASF) under one or more * contributor license agreements. See the NOTICE file distributed with
  • Struts2 与 SpringMVC的比较 BlueSkator struts2spring mvc
    1. 机制：spring mvc的入口是servlet，而struts2是filter，这样就导致了二者的机制不同。 2. 性能：spring会稍微比struts快。spring mvc是基于方法的设计，而sturts是基于类，每次发一次请求都会实例一个action，每个action都会被注入属性，而spring基于方法，粒度更细，但要小心把握像在servlet控制数据一样。spring
  • Hibernate在更新时，是可以不用session的update方法的(转帖） BreakingBad Hibernateupdate
    地址：http://blog.csdn.net/plpblue/article/details/9304459 public void synDevNameWithItil() {Session session = null;Transaction tr = null;try{session = HibernateUtil.getSession();tr = session.beginTran
  • 读《研磨设计模式》-代码笔记-观察者模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.List; import java.util.Observable; import java.util.Observer; /** * “观
  • 重置MySQL密码 chenhbc mysql重置密码忘记密码
    如果你也像我这么健忘，把MySQL的密码搞忘记了，经过下面几个步骤就可以重置了（以Windows为例，Linux/Unix类似）： 1、关闭MySQL服务 2、打开CMD，进入MySQL安装目录的bin目录下，以跳过权限检查的方式启动MySQL mysqld --skip-grant-tables  3、新开一个CMD窗口，进入MySQL mysql -uroot  
  • 再谈系统论，控制论和信息论 comsci 设计模式生物能源企业应用领域模型
                               再谈系统论，控制论和信息论     偶然看
  • oracle moving window size与 AWR retention period关系 daizj oracle
    转自： http://tomszrp.itpub.net/post/11835/494147 晚上在做11gR1的一个awrrpt报告时,顺便想调整一下AWR snapshot的保留时间,结果遇到了ORA-13541这样的错误.下面是这个问题的发生和解决过程. SQL> select * from v$version; BANNER -------------------
  • Python版B树 dieslrae python
    话说以前的树都用java写的,最近发现python有点生疏了,于是用python写了个B树实现,B树在索引领域用得还是蛮多了,如果没记错mysql的默认索引好像就是B树... 首先是数据实体对象,很简单,只存放key,value class Entity(object): '''数据实体''' def __init__(self,key,value)
  • C语言冒泡排序 dcj3sjt126com 算法
    代码示例： # include <stdio.h> //冒泡排序 void sort(int * a, int len) { int i, j, t; for (i=0; i<len-1; i++) { for (j=0; j<len-1-i; j++) { if (a[j] > a[j+1]) // >表示升序
  • 自定义导航栏样式 dcj3sjt126com 自定义
    -(void)setupAppAppearance { [[UILabel appearance] setFont:[UIFont fontWithName:@"FZLTHK—GBK1-0" size:20]]; [UIButton appearance].titleLabel.font =[UIFont fontWithName:@"FZLTH
  • 11.性能优化-优化-JVM参数总结 frank1234 jvm参数性能优化
    1.堆 -Xms --初始堆大小 -Xmx --最大堆大小 -Xmn --新生代大小 -Xss --线程栈大小 -XX:PermSize  --永久代初始大小 -XX:MaxPermSize  --永久代最大值 -XX:SurvivorRatio --新生代和suvivor比例,默认为8 -XX:TargetSurvivorRatio --survivor可使用
  • nginx日志分割 for linux HarborChung nginxlinux脚本
    nginx日志分割 for linux 默认情况下，nginx是不分割访问日志的，久而久之，网站的日志文件将会越来越大，占用空间不说，如果有问题要查看网站的日志的话，庞大的文件也将很难打开，于是便有了下面的脚本   使用方法，先将以下脚本保存为 cutlog.sh，放在/root 目录下，然后给予此脚本执行的权限   复制代码代码如下: chmo
  • Spring4新特性——泛型限定式依赖注入 jinnianshilongnian springspring4泛型式依赖注入
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • centOS安装GCC和G++ liuxihope centosgcc
    Centos支持yum安装，安装软件一般格式为yum install .......，注意安装时要先成为root用户。 按照这个思路，我想安装过程如下： 安装gcc：yum install gcc 安装g++： yum install g++ 实际操作过程发现，只能有gcc安装成功，而g++安装失败，提示g++ command not found。上网查了一下，正确安装应该
  • 第13章 Ajax进阶（上） onestopweb Ajax
    index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
  • How to determine BusinessObjects service pack and fix pack blueoxygen BO
    http://bukhantsov.org/2011/08/how-to-determine-businessobjects-service-pack-and-fix-pack/   The table below is helpful. Reference   BOE XI 3.x 12.0.0. y BOE XI 3.0 12.0. x. y BO
  • Oracle里的自增字段设置 tomcat_oracle oracle
    　大家都知道吧，这很坑，尤其是用惯了mysql里的自增字段设置，结果oracle里面没有的。oh，no 　　我用的是12c版本的，它有一个新特性，可以这样设置自增序列，在创建表是，把id设置为自增序列 create table t ( id 　　 　　 number generated by default as identity (start with 1 increment b
  • Spring Security（01）——初体验 yang_winnie springSecurity
    Spring Security（01）——初体验     博客分类： spring Security Spring Security入门安全认证        首先我们为Spring Security专门建立一个Spring的配置文件，该文件就专门用来作为Spring Security的配置
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他