陈莺莺呀
陈莺莺呀

JS简易计算器的实现，以及代码的优化

用JS实现简易计算器

首先创建结构和样式

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
    <style>
        body{
            margin:0;
            padding:0;
            background-color: #abcdef;
        }
        .cal{
            width:560px;
            height:100px;
            margin:0 auto;
            padding-top:300px;
        }
    style>
head>
<body>

    <div class="cal">
        <p>
            <input type="text" class="num1" value="1">
            <span class="sign">+span>
            <input type="text" class="num2" value="1">
            <span>=span>
            <span class="res">2span>
        p>
        <p>
            <input type="button" value="+">
            <input type="button" value="-">
            <input type="button" value="*">
            <input type="button" value="/">
        p>            
    div>
<script>


script>

body>
html>

JS简易计算器的实现，以及代码的优化_第1张图片

 

 添加javascript功能

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
    <style>
        body{
            margin:0;
            padding:0;
            background-color: #abcdef;
        }
        .cal{
            width:560px;
            height:100px;
            margin:0 auto;
            padding-top:300px;
        }
    style>
head>
<body>

    <div class="cal">
        <p>
            <input type="text" class="num1" value="1">
            <span class="sign">+span>
            <input type="text" class="num2" value="1">
            <span>=span>
            <span class="res">2span>
        p>
        <p>
            <input type="button" value="+" class="btn">
            <input type="button" value="-" class="btn">
            <input type="button" value="*" class="btn">
            <input type="button" value="/" class="btn">
        p>            
    div>

<script>
    var cal=document.querySelector(".cal");
    var num1=cal.querySelector(".num1");
    var num2=cal.querySelector(".num2");
    var sign=cal.querySelector(".sign");
    var res=cal.querySelector(".res");

    var btns=cal.querySelectorAll(".btn");

    btns[0].onclick=add;
    btns[1].onclick=subtract;
    btns[2].onclick=multiply;
    btns[3].onclick=divide;

    function add(){
        sign.innerHTML="+";
        //由于DOM获取到的值都是字符串形式，因此进行操作时需要先转为number类型
        res.innerHTML=Number(num1.value)+Number(num2.value);
    }
    function subtract(){
        sign.innerHTML="-";
        res.innerHTML=Number(num1.value)-Number(num2.value);
    }
    function multiply(){
        sign.innerHTML="*";
        res.innerHTML=Number(num1.value)*Number(num2.value);    
    }
    function divide(){
        sign.innerHTML="/";
        res.innerHTML=Number(num1.value)/Number(num2.value);    
    }
script>

body>
html>

代码的优化：

循环实现绑定

给一个外部接口，用于新增运算

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
    <style>
        body{
            margin:0;
            padding:0;
            background-color: #abcdef;
        }
        .cal{
            width:560px;
            height:100px;
            margin:0 auto;
            padding-top:300px;
        }
    style>
head>
<body>

    <div class="cal">
        <p>
            <input type="text" class="num1" value="1">
            <span class="sign">+span>
            <input type="text" class="num2" value="1">
            <span>=span>
            <span class="res">2span>
        p>
        <p>
            <input type="button" value="+" class="btn" title="add">
            <input type="button" value="-" class="btn" title="subtract">
            <input type="button" value="*" class="btn" title="multiply">
            <input type="button" value="/" class="btn" title="divide">
            <input type="button" value="%" class="btn" title="mod">
        p>            
    div>

<script>
    var cal=document.querySelector(".cal");
    var num1=cal.querySelector(".num1");
    var num2=cal.querySelector(".num2");
    var sign=cal.querySelector(".sign");
    var res=cal.querySelector(".res");

    var btns=cal.querySelectorAll(".btn");

    //给每个按钮绑定事件
    for(var i=0;i<btns.length;i++){
        operate(i);
    }

    //运算函数
    function operate(i){
        var op=btns[i].value;//获取运算
        var opName=btns[i].title;//获取运算名
        //绑定事件
        btns[i].onclick=function(){
            sign.innerHTML=op;
            res.innerHTML=operation[opName](Number(num1.value),Number(num2.value));
        }
    }

    var operation={
        add:function(n1,n2){
            return n1+n2;
        },
        subtract:function(n1,n2){
            return n1-n2;
        },
        multiply:function(n1,n2){
            return n1*n2;
        },
        divide:function(n1,n2){
            return n1/n2;
        },
        //给一个新增运算的接口
        addOperation:function(name,fn){
            //如果该运算不存在
            if(!this.name){
                this[name]=fn;
            }
        }
    }

    //新增取余运算
    operation.addOperation("mod",function(n1,n2){
        return n1%n2;
    });
script>

body>
html>

JS简易计算器的实现，以及代码的优化_第2张图片

 

你可能感兴趣的:(JS简易计算器的实现，以及代码的优化)

  • Vue3 使用 pinia 有一个好名字 javascript开发语言ecmascript
    什么是PiniaPinia是Vue的存储库，它允许您跨组件/页面共享状态，与vuex功能一样。准备安装npminstallpinia或者yarnaddpinia使用首先修改main.ts文件main.tsimport'./assets/main.css'import{createApp}from'vue'importAppfrom'./App.vue'import{createPinia}from
  • leetcode19-删除链表的第n结点 记得早睡~ 算法小课堂链表数据结构leetcode算法
    leetcode19思路要删除倒数第n个元素，那么就要找到倒数第n+1个元素，那么我们需要两个指针来记录，首先快指针需要先走n+1步，然后快慢指针一起进行移动，直到快指针为null的时候，此时慢指针恰好走到倒数第n+1个元素，这时候再设置slow.next=slow.next.next即实现了删除操作实现varremoveNthFromEnd=function(head,n){constdummy
  • Hadoop 和 Spark 的内存管理机制分析 王子良. 经验分享hadoopspark大数据
    欢迎来到我的博客！非常高兴能在这里与您相遇。在这里，您不仅能获得有趣的技术分享，还能感受到轻松愉快的氛围。无论您是编程新手，还是资深开发者，都能在这里找到属于您的知识宝藏，学习和成长。博客内容包括：Java核心技术与微服务：涵盖Java基础、JVM、并发编程、Redis、Kafka、Spring等，帮助您全面掌握企业级开发技术。大数据技术：涵盖Hadoop（HDFS）、Hive、Spark、Fli
  • ::v-deep的理解 记得早睡~ vue.js前端javascript
    vue样式穿透在刚开始使用element-ui组件库时，想要修改其内部的样式，但总是不生效，通过查询资料，了解到了深度作用选择器。如果希望scoped样式中的一个选择器能够作用得“更深”，例如影响子组件，可以使用>>>操作符：.a>>>.b{width:100%;height:100%;background:red;}但是像scss等预处理器却无法解析>>>，所以我们使用下面的方式：.a{/dee
  • Oracle系列---【ORA-01017用户名密码无效】 少年攻城狮 oracle数据库
    1.问题项目启动时，报：ORA-01017用户名密码不对的错误，但是没有报具体哪个库错误，因为我是多数据源的项目。2.解决方案2.1定位到连接数据报错的用户和库名select*fromdba_audit_sessionwhereACTION_NAME='LOGON'ANDRETURNCODE=1017ORDERBYTIMESTAMPDESC;1.OS_USERNAME-客户端操作系统登录用户名,2
  • Oracle系列---【Smallfile模式的表空间如何确定单个数据文件的最大大小？】 少年攻城狮 oracle数据库
    如果你的数据版本是oracle12c以上的版本，直接跳到最下面执行5.1和5.4即可。在Oracle数据库中，MAXSIZE参数用于限制数据文件的最大大小，确保表空间不会无限制增长。MAXSIZE的最大值主要受到以下因素的影响：1.操作系统的文件系统限制不同的操作系统和文件系统有不同的单个文件大小限制。例如：ext4文件系统(Linux)：单个文件最大支持16TB。NTFS文件系统(Windows
  • leetcode 66 ：加一【JavaScript/JS解法】 yuri.css 算法leetcode算法javascript
    还是先上题给定一个由整数组成的非空数组所表示的非负整数，在该数的基础上加一。最高位数字存放在数组的首位，数组中每个元素只存储单个数字。你可以假设除了整数0之外，这个整数不会以零开头。看完题之后感受就是join和split来回跳return(Number(digits.join(""))+1n).toString().split("");然后出现两个问题：1存在[0,0]这样的输入，如果直接转换为零
  • 华为OD机试2024年E卷-喊7的次数重排[100分]（ Java | Python3 | C++ | C语言 | JsNode | Go）实现100%通过率 梅花C 华为OD题库华为od
    题目描述喊7是一个传统的聚会游戏，N个人围成一圈，按顺时针从1到N编号。编号为1的人从1开始喊数，下一个人喊的数字为上一个人的数字加1，但是当将要喊出来的数字是7的倍数或者数字本身含有7的话，不能把这个数字直接喊出来，而是要喊"过"。假定玩这个游戏的N个人都没有失误地在正确的时机喊了"过"，当喊到数字K时，可以统计每个人喊"过"的次数。现给定一个长度为N的数组，存储了打乱顺序的每个人喊"过"的次数
  • C/C++中的strcmp函数的源代码 凌龍墨 C语言c语言中strcm的源代码strcmp函数
    附上源代码，不懂得地方可以提问共同提高`#includeintmy_strcmp(constchar*string1,constchar*string2){intret=0;while(!(ret=*(unsignedchar*)string1-*(unsignedchar*)sting2)&&*string2){//从两个字符串的首字母开始比较，相等则进入循环，继续后面字符的比较++string
  • 用c语言写出变色的心形图案 凌龍墨 C语言c语言心形图案变色心形图案
    直接上代码啦！#include#include#include#defineI20#defineR340intmain(){inti,j,e;inta;longtime;for(i=1,a=I;i0;j--)printf("");for(e=1;e0;j--)printf("");for(e=1;e0;j--)printf("");for(e=1;e<=2*(sqrt(R*R-i*i)-(R-2*
  • SQL 查询表中某个字段数据的最大长度 凌龍墨 sql数据库sqlservermysql
    mysqlselect字段名,length(字段名)from表名wherelength(字段名)=(selectmax(length(字段名))from表名)#示例：获取user表中的最大长度的name值selectname,length(name)fromuserwherelength(name)=(selectmax(length(name)fromuser))SqlServerselect字
  • python读取文件路径中有中文_转 python 读取中文文件名/中文路径 weixin_39845406
    原博文2015-03-1322:22−python直接读取中文路径的文件时失败，可做如下处理：inpath='D:/work/yuanxx/在线导航/驾车导航/walk_log/20130619_172355.txt'uipath=unicode(ipath,"utf8")然后用"uipath"经...相关推荐2015-12-1421:45−前言：需要对某目录下的文件进行分类，目录是中文名字就会报
  • python传参是什么意思_如何最简单、通俗地理解Python的传入参数？ weixin_39857876 python传参是什么意思
    目录：一、笔记二、我的自学路线三、笔记目录一、笔记①传入参数分为形参和实参两种，形参是形式参数(变量)，实参是实际参数(值)。②传入参数，一个星号*表示传入一个元组，两个星号表示传入一个字典。③加了星号*的变量会存放所有未命名的变量参数。④加了星号**的变量会存放所有命名的变量参数。⑤*号的使用使得传入的参数不定长。⑥传入参数中，默认值参数都是放在后面。#coding=utf-8#形参是定义函数后
  • Python爬虫项目 | 二、每日天气预报 聪明的墨菲特i Python爬虫项目python爬虫开发语言
    文章目录1.文章概要1.1实现方法1.2实现代码1.3最终效果1.3.1编辑器内打印显示效果实际应用效果2.具体讲解2.1使用的Python库2.2代码说明2.2.1获取天气预报信息2.2.2获取当天日期信息，格式化输出2.2.3调用函数，输出结果2.3过程展示3总结1.文章概要继续学习Python爬虫知识，实现简单的案例，发送每日天气预报1.1实现方法本文使用Python中常用的requests
  • JavaFx的PopupWindow不能输入中文的问题 weixin_34104341 python
    2019独角兽企业重金招聘Python工程师标准>>>1.当主界面的文本输入框有焦点时，弹出框中的文本输入框不能输入中文。原因是：InputMethodEvent在主界面的文本输入框处理后，传入到PopupWindow中的InputMethodEvent没有中文信息。2.主界面没有节点拥有焦点时，弹出框中的文本输入框不能输入中文原因是：InputMethodEvent不能传入PopupWindow
  • linux9位文件权限码,linux文件权限 详解 林忆酒 linux9位文件权限码
    -------------------------Linux权限755表示该文件所有者对该文件具有读、写、执行权限，该文件所有者所在组用户及其他用户对该文件具有读和执行权限。linux文件权限一般都以8进制表示，格式为abc的形式，其中a,b,c各为一个数字，分别表示User、Group、及Other对该文件的操作权限；如果文件权限用二进制表示那么是9位bit，从左至右，1-3位数字代表文件所有者
  • java jtextfield不能输入_ubuntu下的java swing应用JTextField无法输入中文 weixin_36344231 javajtextfield不能输入
    importjava.awt.BorderLayout;importjavax.swing.JFrame;importjavax.swing.JLabel;importjavax.swing.JOptionPane;importjavax.swing.JPanel;importjavax.swing.JTextField;importjavax.swing.SwingUtilities;impor
  • java 自定义控件_自定义控件 – JavaFX自定义控件(TextField)不起作用 CodeWhiz java自定义控件
    我试图用JavaFX和SceneBuilder1.1进行自定义控件.我有这个代码：FXMLCustomComponent.javapackagelibreria.javaFX.componentes.componenteTextField;importjavafx.scene.control.TextField;publicclassCustomComponentextendsTextField{
  • 【Leetcode】24-两两交换链表中的节点 wanlinBee要努力 算法与数据结构leetcode链表算法
    题目简述给你一个链表，两两交换其中相邻的节点，并返回交换后链表的头节点。你必须在不修改节点内部的值的情况下完成本题（即，只能进行节点交换）。测试案例：输入：head=[1,2,3,4]输出：[2,1,4,3]数据结构：classListNode:def__init__(self,val=0,next=None):self.val=valself.next=next解法一（迭代）主要思路根据数据结构
  • 提升效率的印象笔记（Evernote）使用指南 vvvae1234 印象笔记
    印象笔记（Evernote）是一个功能强大、跨平台的笔记管理工具，它不仅能帮助你记录日常笔记，还可以用于整理工作计划、管理项目、存储灵感和信息等。为了最大化地提高你的生产力，以下将介绍一些高效使用印象笔记的技巧，帮助你充分发挥其潜力。一、入门基础：理解印象笔记的基本概念1.1笔记本与笔记印象笔记的核心概念是笔记本和笔记。笔记是你存储信息的基本单位，它可以包含文字、图片、音频、视频、文件等内容。而笔
  • VBS恶搞病毒，慎用 vliu612 整人
    1.逼用户叫爸爸，不叫就加密所有.docx文件SetobjShell=CreateObject("WScript.Shell")SetobjFSO=CreateObject("Scripting.FileSystemObject")'弹出输入框strInput=InputBox("请输入'爸爸'否则后果自负！","叫爸爸")IfstrInput="爸爸"Then'解除注册表限制（示例：禁用UAC）
  • 微信小程序-base64加解密 叶落无痕123 微信小程序小程序
    思路：先创建一个base64.js的文件，这个文件可以作为专门加解密的文件模块，需要时就引用；创建好后，引用base64.js里的加解密函数。注意：引用模块一定要引用正确的路径，否则会报错。base64.js://实现Base64加密functionbase64Encode(str){letbase64=newBase64();returnbase64.encode(str);}//实现Base6
  • leetcode:66. 加一 uncle_ll 编程练习-Leetcodeleetcode算法加法
    题目来源：力扣（LeetCode）链接：https://leetcode-cn.com/problems/plus-one给定一个由整数组成的非空数组所表示的非负整数，在该数的基础上加一。最高位数字存放在数组的首位，数组中每个元素只存储单个数字。你可以假设除了整数0之外，这个整数不会以零开头。示例1：输入：digits=[1,2,3]输出：[1,2,4]解释：输入数组表示数字123。示例2：输入：
  • leetcode:66.加一 uncle_ll 编程练习-Leetcodeleetcode数组加一从后往前
    66.加一来源：力扣（LeetCode）链接:https://leetcode.cn/problems/plus-one/给定一个由整数组成的非空数组所表示的非负整数，在该数的基础上加一。最高位数字存放在数组的首位，数组中每个元素只存储单个数字。你可以假设除了整数0之外，这个整数不会以零开头。示例1：输入：digits=[1,2,3]输出：[1,2,4]解释：输入数组表示数字123。示例2：输入：
  • UITextField自定义（custom） 阿飞要赚钱养家 IOS之编程知识iosobjective-cuitextfield软件开发
    UItextfielduserInfoText=[[CustomTextFieldalloc]init];userInfoText.frame=CGRectMake(34,127,252,35);userInfoText.placeholder=@"请输入您的个人信息";userInfoText.font=[UIFontsystemFontOfSize:15];userInfoText.layer
  • PyCharm中解决依赖冲突 drebander pycharmchromeide
    1.创建虚拟环境确保为项目创建了一个虚拟环境，这样可以隔离项目的依赖，避免全局依赖冲突。检查当前项目的Python环境打开PyCharm。点击菜单栏的File>Settings>Project:[YourProjectName]>PythonInterpreter。确保已选择一个虚拟环境：如果没有，点击右上角的齿轮图标，选择AddInterpreter，创建一个新的虚拟环境。选择Python版本并
  • Sealos 将计算节点加入 kubeadm 安装的 Kubernetes 集群 ivwdcwso 运维kubernetes容器云原生k8ssealos
    引言Kubernetes是云原生应用的核心平台，而kubeadm是官方推荐的Kubernetes集群部署工具。然而，随着集群规模的扩大，手动管理节点变得越来越复杂。Sealos作为一款以Kubernetes为内核的云操作系统，提供了简单高效的节点管理功能，能够轻松地将计算节点加入到现有的Kubernetes集群中。本文将详细介绍如何在使用kubeadm安装主节点的基础上，使用Sealos将计算节点
  • [SWPUCTF 2021 新生赛] snowlyzz nssctfjson
    [SWPUCTF2021新生赛]jicao进入环境：post传id对get传的json进行json解码示例：int(1)["b"]=>int(2)["c"]=>int(3)["d"]=>int(4)["e"]=>int(5)所以我们只要传get:json={"x":“wllm”}post:id=wllmNB就可以了[SWPUCTF2021新生赛]pop很基础的pop链构造：
  • Java 中可作为 GC Roots 的对象有哪几种？ 码炫课堂-码哥 java面试题jvm面试
    作者简介：大家好，我是码炫码哥，前中兴通讯、美团架构师，现任某互联网公司CTO，兼职码炫课堂主讲源码系列专题代表作：《jdk源码&多线程&高并发》，《深入tomcat源码解析》，《深入netty源码解析》，《深入dubbo源码解析》，《深入springboot源码解析》，《深入spring源码解析》，《深入redis源码解析》等联系qq：184480602，加我进群，大家一起学习，一起进步，一起对
  • 当遇到 502 错误（Bad Gateway）怎么办 rgrgrwfe gateway
    很多安装雷池社区版的时候，配置完成，访问的时候可能会遇到当前问题，如何解决呢？客户端，浏览器排查1.刷新页面和清除缓存首先尝试刷新页面，因为有时候502错误可能是由于网络临时波动导致服务器无法连接。清除浏览器缓存和Cookie，因为旧的缓存数据可能会干扰新的网页请求。不同浏览器清除缓存的方式有所不同，以谷歌浏览器为例，可以通过点击浏览器右上角的三个点，选择“更多工具”-“清除浏览数据”，然后在弹出
  • 枚举的构造函数中抛出异常会怎样 bylijinnan javaenum单例
    首先从使用enum实现单例说起。 为什么要用enum来实现单例？ 这篇文章（ http://javarevisited.blogspot.sg/2012/07/why-enum-singleton-are-better-in-java.html）阐述了三个理由： 1.enum单例简单、容易，只需几行代码： public enum Singleton { INSTANCE;
  • CMake 教程 aigo C++
    转自：http://xiang.lf.blog.163.com/blog/static/127733322201481114456136/   CMake是一个跨平台的程序构建工具，比如起自己编写Makefile方便很多。 介绍：http://baike.baidu.com/view/1126160.htm 本文件不介绍CMake的基本语法，下面是篇不错的入门教程： http:
  • cvc-complex-type.2.3: Element 'beans' cannot have character Cb123456 springWebgis
      cvc-complex-type.2.3: Element 'beans' cannot have character     Line 33 in XML document from ServletContext resource [/WEB-INF/backend-servlet.xml] is i
  • jquery实例:随页面滚动条滚动而自动加载内容 120153216 jquery
    <script language="javascript"> $(function (){ var i = 4;$(window).bind("scroll", function (event){ //滚动条到网页头部的 高度，兼容ie,ff,chrome var top = document.documentElement.s
  • 将数据库中的数据转换成dbs文件 何必如此 sqldbs
    旗正规则引擎通过数据库配置器（DataBuilder）来管理数据库，无论是Oracle，还是其他主流的数据都支持，操作方式是一样的。旗正规则引擎的数据库配置器是用于编辑数据库结构信息以及管理数据库表数据，并且可以执行SQL 语句，主要功能如下。 1)数据库生成表结构信息：         主要生成数据库配置文件(.conf文
  • 在IBATIS中配置SQL语句的IN方式 357029540 ibatis
    在使用IBATIS进行SQL语句配置查询时，我们一定会遇到通过IN查询的地方，在使用IN查询时我们可以有两种方式进行配置参数：String和List。具体使用方式如下： 1.String:定义一个String的参数userIds，把这个参数传入IBATIS的sql配置文件，sql语句就可以这样写： <select id="getForms" param
  • Spring3 MVC 笔记（一） 7454103 springmvcbeanRESTJSF
             自从 MVC 这个概念提出来之后 struts1.X  struts2.X   jsf 。。。。。 这个view 层的技术一个接一个！ 都用过！不敢说哪个绝对的强悍！ 要看业务，和整体的设计！      最近公司要求开发个新系统！
  • Timer与Spring Quartz 定时执行程序 darkranger springbean工作quartz
    有时候需要定时触发某一项任务。其实在jdk1.3，java sdk就通过java.util.Timer提供相应的功能。一个简单的例子说明如何使用，很简单： 1、第一步，我们需要建立一项任务，我们的任务需要继承java.util.TimerTask package com.test; import java.text.SimpleDateFormat; import java.util.Date;
  • 大端小端转换，le32_to_cpu 和cpu_to_le32 aijuans C语言相关
    大端小端转换，le32_to_cpu 和cpu_to_le32  字节序 http://oss.org.cn/kernel-book/ldd3/ch11s04.html         小心不要假设字节序. PC 存储多字节值是低字节为先(小端为先, 因此是小端), 一些高级的平台以另一种方式(大端)
  • Nginx负载均衡配置实例详解 avords
    [导读] 负载均衡是我们大流量网站要做的一个东西，下面我来给大家介绍在Nginx服务器上进行负载均衡配置方法，希望对有需要的同学有所帮助哦。负载均衡先来简单了解一下什么是负载均衡，单从字面上的意思来理解就可以解 负载均衡是我们大流量网站要做的一个东西，下面我来给大家介绍在Nginx服务器上进行负载均衡配置方法，希望对有需要的同学有所帮助哦。 负载均衡 先来简单了解一下什么是负载均衡
  • 乱说的 houxinyou 框架敏捷开发软件测试
    从很久以前，大家就研究框架，开发方法，软件工程，好多！反正我是搞不明白！ 这两天看好多人研究敏捷模型，瀑布模型！也没太搞明白. 不过感觉和程序开发语言差不多， 瀑布就是顺序，敏捷就是循环. 瀑布就是需求、分析、设计、编码、测试一步一步走下来。而敏捷就是按摸块或者说迭代做个循环，第个循环中也一样是需求、分析、设计、编码、测试一步一步走下来。 也可以把软件开发理
  • 欣赏的价值——一个小故事 bijian1013 有效辅导欣赏欣赏的价值
    　　第一次参加家长会，幼儿园的老师说："您的儿子有多动症，在板凳上连三分钟都坐不了，你最好带他去医院看一看。"　　回家的路上，儿子问她老师都说了些什么，她鼻子一酸，差点流下泪来。因为全班30位小朋友，惟有他表现最差；惟有对他，老师表现出不屑，然而她还在告诉她的儿子："老师表扬你了，说宝宝原来在板凳上坐不了一分钟，现在能坐三分钟。其他妈妈都非常羡慕妈妈，因为全班只有宝宝
  • 包冲突问题的解决方法 bingyingao eclipsemavenexclusions包冲突
    包冲突是开发过程中很常见的问题： 其表现有： 1.明明在eclipse中能够索引到某个类，运行时却报出找不到类。 2.明明在eclipse中能够索引到某个类的方法，运行时却报出找不到方法。 3.类及方法都有，以正确编译成了.class文件，在本机跑的好好的，发到测试或者正式环境就 抛如下异常： java.lang.NoClassDefFoundError: Could not in
  • 【Spark七十五】Spark Streaming整合Flume-NG三之接入log4j bit1129 Stream
    先来一段废话： 实际工作中，业务系统的日志基本上是使用Log4j写入到日志文件中的，问题的关键之处在于业务日志的格式混乱，这给对日志文件中的日志进行统计分析带来了极大的困难，或者说，基本上无法进行分析，每个人写日志的习惯不同，导致日志行的格式五花八门，最后只能通过grep来查找特定的关键词缩小范围，但是在集群环境下，每个机器去grep一遍，分析一遍，这个效率如何可想之二，大好光阴都浪费在这上面了
  • sudoku solver in Haskell bookjovi sudokuhaskell
    这几天没太多的事做，想着用函数式语言来写点实用的程序，像fib和prime之类的就不想提了（就一行代码的事），写什么程序呢？在网上闲逛时发现sudoku游戏，sudoku十几年前就知道了，学生生涯时也想过用C/Java来实现个智能求解，但到最后往往没写成，主要是用C/Java写的话会很麻烦。   现在写程序，本人总是有一种思维惯性，总是想把程序写的更紧凑，更精致，代码行数最少，所以现
  • java apache ftpClient bro_feng java
    最近使用apache的ftpclient插件实现ftp下载，遇见几个问题，做如下总结。 1. 上传阻塞，一连串的上传，其中一个就阻塞了，或是用storeFile上传时返回false。查了点资料，说是FTP有主动模式和被动模式。将传出模式修改为被动模式ftp.enterLocalPassiveMode();然后就好了。 看了网上相关介绍，对主动模式和被动模式区别还是比较的模糊，不太了解被动模
  • 读《研磨设计模式》-代码笔记-工厂方法模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ package design.pattern; /* * 工厂方法模式：使一个类的实例化延迟到子类 * 某次，我在工作不知不觉中就用到了工厂方法模式（称为模板方法模式更恰当。2012-10-29）： * 有很多不同的产品，它
  • 面试记录语 chenyu19891124 招聘
    或许真的在一个平台上成长成什么样，都必须靠自己去努力。有了好的平台让自己展示，就该好好努力。今天是自己单独一次去面试别人，感觉有点小紧张，说话有点打结。在面试完后写面试情况表，下笔真的好难，尤其是要对面试人的情况说明真的好难。 今天面试的是自己同事的同事，现在的这个同事要离职了，介绍了我现在这位同事以前的同事来面试。今天这位求职者面试的是配置管理，期初看了简历觉得应该很适合做配置管理，但是今天面
  • Fire Workflow 1.0正式版终于发布了 comsci 工作workflowGoogle
    Fire Workflow 是国内另外一款开源工作流，作者是著名的非也同志，哈哈.... 官方网站是 http://www.fireflow.org 经过大家努力,Fire Workflow 1.0正式版终于发布了 正式版主要变化: 1、增加IWorkItem.jumpToEx(...)方法，取消了当前环节和目标环节必须在同一条执行线的限制，使得自由流更加自由 2、增加IT
  • Python向脚本传参 daizj python脚本传参
    如果想对python脚本传参数，python中对应的argc, argv(c语言的命令行参数)是什么呢？ 需要模块：sys 参数个数：len(sys.argv) 脚本名：    sys.argv[0] 参数1：     sys.argv[1] 参数2：     sys.argv[
  • 管理用户分组的命令gpasswd dongwei_6688 passwd
    NAME： gpasswd - administer the /etc/group file SYNOPSIS： gpasswd group gpasswd -a user group gpasswd -d user group gpasswd -R group gpasswd -r group gpasswd [-A user,...] [-M user,...] g
  • 郝斌老师数据结构课程笔记 dcj3sjt126com 数据结构与算法
    <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
  • yii2 cgridview加上选择框进行操作 dcj3sjt126com GridView
    页面代码 <?=Html::beginForm(['controller/bulk'],'post');?> <?=Html::dropDownList('action','',[''=>'Mark selected as: ','c'=>'Confirmed','nc'=>'No Confirmed'],['class'=>'dropdown',])
  • linux mysql fypop linux
    enquiry mysql version in centos linux yum list installed | grep mysql yum -y remove mysql-libs.x86_64 enquiry mysql version in yum repositoryyum list | grep mysql oryum -y list mysql* install mysq
  • Scramble String hcx2013 String
    Given a string s1, we may represent it as a binary tree by partitioning it to two non-empty substrings recursively. Below is one possible representation of s1 = "great":
  • 跟我学Shiro目录贴 jinnianshilongnian 跟我学shiro
    历经三个月左右时间，《跟我学Shiro》系列教程已经完结，暂时没有需要补充的内容，因此生成PDF版供大家下载。最近项目比较紧，没有时间解答一些疑问，暂时无法回复一些问题，很抱歉，不过可以加群（334194438/348194195）一起讨论问题。     ----广告-----------------------------------------------------
  • nginx日志切割并使用flume-ng收集日志 liyonghui160com
         nginx的日志文件没有rotate功能。如果你不处理，日志文件将变得越来越大，还好我们可以写一个nginx日志切割脚本来自动切割日志文件。第一步就是重命名日志文件，不用担心重命名后nginx找不到日志文件而丢失日志。在你未重新打开原名字的日志文件前，nginx还是会向你重命名的文件写日志，linux是靠文件描述符而不是文件名定位文件。第二步向nginx主
  • Oracle死锁解决方法 pda158 oracle
    　select p.spid,c.object_name,b.session_id,b.oracle_username,b.os_user_name from v$process p,v$session a, v$locked_object b,all_objects c where p.addr=a.paddr and a.process=b.process and c.object_id=b.
  • java之List排序 shiguanghui list排序
       在Java Collection Framework中定义的List实现有Vector，ArrayList和LinkedList。这些集合提供了对对象组的索引访问。他们提供了元素的添加与删除支持。然而，它们并没有内置的元素排序支持。 　　你能够使用java.util.Collections类中的sort()方法对List元素进行排序。你既可以给方法传递
  • servlet单例多线程 utopialxw 单例多线程servlet
    转自http://www.cnblogs.com/yjhrem/articles/3160864.html 和   http://blog.chinaunix.net/uid-7374279-id-3687149.html Servlet 单例多线程 Servlet如何处理多个请求访问？Servlet容器默认是采用单实例多线程的方式处理多个请求的：1.当web服务器启动的
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他