Python小子
Python小子

jQuery 和DOM 实现的简易购物车

  • 注意：请自动忽略css，实在是太丑了 ? ? ?
  • 使用 jQuery 实现的购物车，代码量要小于DOM版，开发效率更高
1、DOM版
<html>
<head>
    <meta charset="UTF-8">
    <title>DOM版我的购物车</title>
    <style>
        #tb{
            border:1px solid #000;
            width: 750px;
            border-collapse: collapse;
        }
        #tb td{
           border:1px solid #000;
        }
    </style>
</head>
<body>
    <p>
        <input type="text" placeholder="商品名称" id="goodsName">
        <input type="text" placeholder="商品价格" id="goodsPrice">
        <input type="text" placeholder="商品数量" id="goodsNum">
        <button onclick="buttonAdd()">增加</button>
    </p>
    <table id="tb">
        <thead>
            <tr>
            <td>商品名称</td>
            <td>商品价格</td>
            <td>商品数量</td>
            <td>操作</td>
            </tr>
        </thead>
        <tbody id="tbody"></tbody>
    </table>
    <script>
        function $(id) {
            return document.getElementById(id);
        }
        function buttonAdd() {
            var goodsName = $("goodsName").value;
            var goodsPrice = $("goodsPrice").value;
            var goodsNum = $("goodsNum").value;

            var tdGoodsName = document.createElement("td");
            tdGoodsName.innerHTML = goodsName;
            var tdGoodsPrice = document.createElement("td");
            tdGoodsPrice.innerHTML = goodsPrice;
            var tdGoodsNum = document.createElement("td");
            tdGoodsNum.innerHTML = goodsNum;
            var tdOperation = document.createElement("td");
            var buttonDel = document.createElement("button");
            buttonDel.innerHTML = "删除";
            buttonDel.onclick = function () {
                if(confirm("确定删除")){
                    $("tbody").removeChild(this.parentNode.parentNode);
                }
            };
            var buttonUpdate = document.createElement("button");
            buttonUpdate.innerHTML = "修改";
            buttonUpdate.onclick = function(){
                var goodsNumTd = this.parentNode.previousSibling;
                var goodsNum = goodsNumTd.innerHTML;
                if(this.innerHTML == "修改"){
                    this.innerHTML = "确定";
                    var td = this.parentNode.previousElementSibling;
                    var text = "";
                    var btnRedu = "";
                    var btnAdd = "";
                    td.innerHTML = btnRedu + text + btnAdd;
                    $("btnRedu").onclick = function(){
                        var textNode = this.nextElementSibling;
                        if(parseInt(textNode.value) > 1){
                            textNode.value = parseInt(textNode.value) - 1;
                        }else {
                           textNode.value = 1;
                        }
                    };
                    $("btnAdd").onclick = function(){
                        var textNode = this.previousElementSibling;
                        if(parseInt(textNode.value) >= 1){
                            textNode.value = parseInt(textNode.value) + 1;
                        }else {
                           textNode.value = 1;
                        }
                    }
                }else if(this.innerHTML == "确定"){
                    this.innerHTML = "修改";
                    var td = this.parentNode.previousElementSibling;
                    var changedNum = td.children;
                    var num = changedNum[1].value;
                    td.innerHTML = num;
                }
            };
            tdOperation.appendChild(buttonUpdate);
            tdOperation.appendChild(buttonDel);

            var tr =  document.createElement("tr");
            tr.appendChild(tdGoodsName);
            tr.appendChild(tdGoodsPrice);
            tr.appendChild(tdGoodsNum);
            tr.appendChild(tdOperation);

            $("tbody").appendChild(tr);
        }
    </script>
</body>
</html>
2、jQuery版
<html>
<head>
    <meta charset="UTF-8">
    <title>jQuery版我的购物车</title>
    <script src="jquery-2.1.1.js"></script>
    <style>
        #tab{
            border:1px solid #000;
            width: 750px;
            border-collapse: collapse;
        }
        #tab td{
           border:1px solid #000;
        }
    </style>
</head>
<body>
    <p>
        <input type="text", placeholder="商品名称", id="goodsName">
        <input type="text", placeholder="商品价格", id="goodsPrice">
        <input type="text", placeholder="商品数量", id="goodsNum">
        <button id="btn">添加</button>
    </p>
    <p>
        <table id="tab">
            <thead>
                <tr>
                    <td>商品名称</td>
                    <td>商品价格</td>
                    <td>商品数量</td>
                    <td>操作</td>
                </tr>
            </thead>
            <tbody id="tbody"></tbody>
        </table>
    </p>
    <script>
        $(function () {
            $("#btn").click(function () {
                var $goodsName = $("");
                var goodsName = $("#goodsName").val();
                $goodsName.html(goodsName);

                var $goodsPrice = $("");
                var goodsPrice = $("#goodsPrice").val();
                $goodsPrice.html(goodsPrice);

                var $goodsNum = $("");
                var goodsNum = $("#goodsNum").val();
                $goodsNum.html(goodsNum);

                var $goodsOpt = $("");
                var $delBtn = $("");
                var $updataBtn = $("");
                $delBtn.html("删除");
                $updataBtn.html("修改");
                $goodsOpt.append($delBtn);
                $goodsOpt.append($updataBtn);
                
                $delBtn.click(function () {
                    $(this).parent().parent().remove();
                });

                $updataBtn.click(function () {
                    if($(this).html() == "修改"){
                        $(this).html("确定");
                        var $gNumInput = $("");
                        var $btnAdd = $("");
                        var $btnRedu = $("");
                        var gNum = $(this).parent().prev().html();
                        $(this).parent().prev().empty();
                        $gNumInput.val(gNum);
                        $(this).parent().prev().append($btnAdd);
                        $(this).parent().prev().append($gNumInput);
                        $(this).parent().prev().append($btnRedu);

                        $btnAdd.click(function () {
                            var gNum = $(this).next().val();
                            if (gNum > 0){
                                $(this).next().val(++gNum);
                            }else if (gNum <=0){
                                $(this).next().val(1);
                            }
                        });

                        $btnRedu.click(function () {
                            var gNum = $(this).prev().val();
                            if (gNum > 1){
                                $(this).prev().val(--gNum);
                            }else if (gNum <= 1){
                                $(this).prev().val(1);
                            }
                        });
                    } else if($(this).html() == "确定"){
                        $(this).html("修改");
                        var updateNum = $(this).parent().prev().children("input").val();
                        if (updateNum > 0){
                            $(this).parent().prev().html(updateNum);
                        } else if (updateNum < 0) {
                            $(this).parent().prev().html(1);
                        } else if (updateNum == 0){
                            $(this).parent().parent().remove();
                        }
                    }
                });

                var $tr = $("");
                $tr.append($goodsName);
                $tr.append($goodsPrice);
                $tr.append($goodsNum);
                $tr.append($goodsOpt);
                $("#tbody").append($tr);
            })
        })
    </script>
</body>
</html>

你可能感兴趣的:(jQuery,DOM,jQuery)

  • 移动端城市区县二级联动选择功能实现包 good2know
    本文还有配套的精品资源，点击获取简介：本项目是一套为移动端设计的jQuery实现方案，用于简化用户在选择城市和区县时的流程。它包括所有必需文件：HTML、JavaScript、CSS及图片资源。通过动态更新下拉菜单选项，实现城市到区县的联动效果，支持数据异步加载。开发者可以轻松集成此功能到移动网站或应用，并可基于需求进行扩展和优化。1.jQuery移动端解决方案概述jQuery技术简介jQuery
  • js操作样式 郝加升
    DOM样式属性和方法：指定的元素，它的style有这么几个属性和方法：cssText：通过这个属性可以访问到元素的特性style设置的属性，并且可以直接赋值设置。removeProperty（属性名称）：从样式中删除给定属性。setProperty（属性名称，值，权重）：可以通过这个方法设置给定样式的同时设置其权重，可以传入”important”或者一个空字符串。获取计算后样式：window.ge
  • 12. 什么是事件委托 yqcoder 前端面试-CSScss面试
    总结事件委托（EventDelegation）是JavaScript中一种重要的事件处理机制，它利用了事件冒泡的特性，将事件的处理程序绑定到父元素或祖先元素上，而不是直接绑定到具体的子元素上。什么是事件委托？事件冒泡：在DOM中，事件通常会从触发元素开始，然后逐级向上冒泡到其父元素、祖先元素，直到window对象。核心思想：事件委托的核心思想是利用事件冒泡机制，在父元素上监听事件，而不是在每个子元
  • MutationObserver接口性能分析与优化：DOM监控利器背后的性能陷阱与内存危机 coding随想 JavaScriptjavascript前端开发语言
    一、DOM的“哨兵”：MutationObserver的崛起在Web开发的江湖中，MutationObserver是一个低调却强大的角色。它像一位忠诚的哨兵，时刻监控着DOM树的风吹草动——属性变化、子节点增删、文本内容更新……开发者们用它来实现动态内容监听、表单验证、甚至自动化测试。然而，这位“哨兵”的背后，却隐藏着不容忽视的性能陷阱和内存危机。1.1MutationObserver的诞生背景在
  • 震惊！DOM变化监控神器MutationObserver，前端开发必知的隐藏武器！ coding随想 JavaScript前端javascripthtml5
    一、什么是MutationObserver？如果你是一个前端开发者，一定会遇到这样的场景：页面动态加载内容后，某些操作失效了。比如，你写了一个监听按钮点击的代码，但按钮是通过AJAX动态加载的，你的代码根本无法触发。这个时候，你就需要一个“监控哨兵”——MutationObserver，它能实时监听DOM树的变化，帮你捕获那些“暗中作祟”的节点变动。MutationObserver是HTML5引入
  • ＜六＞ CentOS 8 配置YUM源超详细教程（本地源+网络源） 随风fraya Dockercentos网络linux
    一、本地YUM源配置（离线环境适用）1.挂载ISO镜像创建挂载目录并执行挂载命令：sudomkdir-p/mnt/cdrom sudomount/app/CentOS-8.1.1911-x86_64-dvd1.iso/mnt/cdrom #mount后第一个参数为ISO文件路径，也可替换为/dev/sr0为光驱设备注意：若提示设备未就绪，需检查虚拟机光驱设置或ISO文件完整性13。2.配置仓库文件
  • Tensorflow-gpu运行时报错Non-OK-status: GpuLaunchKernel GEM的左耳返 pythontensorflow深度学习python
    Tensorflow-gpu运行时报错Non-OK-status:GpuLaunchKernel(FillPhiloxRandomKernelLaunch,num_blocks,block_size,0,d.stream(),gen,data,size,dist)status:Internal:invaliddevicefunctionFatalPythonerror:Aborted说明你安装的C
  • Python爬虫IP被封的5种解决方案
    前言做爬虫的朋友都遇到过这种情况：程序跑得好好的，突然就开始返回403错误，或者直接连接超时。十有八九是IP被网站封了。现在的网站反爬虫越来越严格，稍微频繁一点就会被拉黑。今天分享几个实用的解决方案，都是我在实际项目中用过的。方案一：代理IP池这是最直接的办法，换个马甲继续干活。基本实现importrequestsimportrandomimporttimeclassProxyPool:def__
  • Python BeautifulSoup 解析网页按钮元素 PythonAI编程架构实战家 Python人工智能与大数据Python编程之道pythonbeautifulsoup开发语言ai
    PythonBeautifulSoup解析网页按钮元素：从基础原理到工程实践的深度解析关键词BeautifulSoup、HTML解析、按钮元素定位、DOM树遍历、CSS选择器、网络爬虫、前端自动化摘要本文系统解析使用PythonBeautifulSoup库定位和提取网页按钮元素的全流程技术方案。从HTML文档的底层结构出发，结合BeautifulSoup的核心解析机制，覆盖从基础概念到高级工程实践
  • CIRL：因果启发的表征学习框架——从域泛化到奖励分解的因果革命 大千AI助手 人工智能Python#OTHER学习深度学习人工智能机器学习表征学习因果推断域泛化
    CIRL（因果启发的表征学习）是由国内顶尖AI研究团队于CVPR2022提出的创新框架，最初用于解决域泛化（DomainGeneralization,DG）问题，其核心思想是通过结构因果模型（SCM）分离数据中的因果与非因果因素，构建鲁棒表征。后续研究（如GRD、Diaster算法）将其扩展至强化学习的奖励分解领域，通过因果充分性、稀疏性与正交性约束，解决延迟奖励与奖励黑客问题。原始论文发表于CV
  • Spring 框架中获取 org.w3c.dom.Document 对象的完整流程 探索java Springjavaspring
    引言在Java开发中，XML是一种广泛使用的格式，用于定义配置文件、数据交换等场景。在Spring框架中，XML文件常用于配置应用程序上下文（如applicationContext.xml），或者处理外部系统传输的XML数据。org.w3c.dom.Document是JavaDOMAPI的核心接口，表示一个XML文档的树形结构，允许开发者以编程方式访问和操作XML的内容。Spring框架本身并不直
  • python3基础语法梳理(三) 幼稚园的山代王 pythonpython开发语言
    接上一篇博客猜数字小游戏-Python版游戏规则：系统随机生成一个1到10的整数玩家输入猜测的数字使用if语句判断玩家猜得是否正确提示“猜对了”或“太大/太小了”importrandomsecret_number=random.randint(1,10)attempts=0#尝试次数print("欢迎来到猜数字游戏！")print("我已经想好了一个1到10之间的数字。")print("快来猜一猜
  • Educoder–Java 第1关：Object类 第2关：JAVA基础类型包装类-练习 第3关：String&StringBuilder&StringBuffer类-练习 第4关：Random类
    文章目录第1关：Object类编程要求答案第2关：JAVA基础类型包装类-练习任务描述编程要求测试说明答案第3关：String&StringBuilder&StringBuffer类-练习任务描述测试说明答案第4关：Random类测试说明答案第1关：Object类编程要求请仔细阅读右侧代码，根据方法内的提示，在Begin-End区域内进行代码补充，具体任务如下：Demo类和Person类已经写好，
  • 大学生入门：Random类及其易踩坑的点
    和之前提到的Scanner一样，Random同样是java.util包中的一个类。大学生入门：Scanner简单介绍及易踩坑的点_javascanner使用的坑-CSDN博客https://blog.csdn.net/qq_73698057/article/details/149448413?spm=1001.2014.3001.5501主要作用就是用来生成随机数，构造方法和Scanner看上去一
  • 【第六节】方法与事件处理器 枫，为落叶 vuevue.js
    方法与事件处理器方法处理器可以用v-on指令监听DOM事件:Greet绑定一个单击事件处理器到一个方法greet。下面在Vue实例中定义这个方法varvm=newVue({el:'#example',data:{name:'Vue.js'//在'methods’对象中定义方法methods:{greet:function(event)(//方法内'this”指向vmalert('Hello+thi
  • ESP32+MicroPython随机颜色生成器 sunsunyu03 pythonMicroPythonESP32ESP8266WS2812B
    概述本文档将介绍一个基于MicroPython环境下，为ESP32(基本含有MicroPython环境中都可以使用)开发板上的WS2812B灯珠设计的随机颜色生成器。此生成器包括了一个自定义的随机数生成器Random类和一个用于生成随机颜色的RandomColor类。该方案特别适合于那些固件中未包含标准随机数生成功能的情况。优点独立性：由于集成了自定义的随机数生成器，使得代码在缺乏系统级随机数支持
  • 果子酱的scalerstalk第六轮新概念朗读持续力训练day102 20210121 S果子酱
    练习材料：新概念3l3-(2)任务配置：L0+L1+L4知识笔记：字母组合：nnonefindnonamenosenotenothingnnwinnerfunnydinnersunnyknk不发音kneeknifeknowgng不发音signdesignforeigncampaign短语：remains名词，遗址，遗迹B.C.beforeChrist公元前A.D.annodomini公元happe
  • JAVA HTTP大文件分片断点续传 weixin_52041354 java大文件上传java大文件秒传java大文件上传下载java文件传输解决方案jsp大文件上传java断点续传jsp加密传输
    要求：开源，免费，技术支持技术：分片,分块,断点续传,加密传输,加密存储需求：大文件上传，批量上传，断点续传，文件夹上传，大文件下载，批量下载，断点下载，文件夹下载文件夹：上传下载需要支持层级结构，采用非压缩方式文件大小：100G前端：vue2,vue3,vue-cli,jquery,html,webuploader后端：java,JSP,springboot,struts服务器：linux,信创
  • java：数组的冒泡排序 小鹿快跑～ Javajava
    eclipse使用Java实现数组的冒泡排序文章目录前言方案代码实现前言声明一个数组，包含10个元素，给每个元素赋值0~99的随机整数，使用冒泡算法对数组进行升序排序，并输出排序后的值方案生成随机数：arr[i]=(int)(Math.random()*100);//生成0~99的随机整数代码实现具体代码如下：packageday05;publicclassBubbleSort{publicsta
  • [Java集合]------ArrayList的扩容机制源码分析 麦兜仔 Java基础java
    一、ArrayList的简介publicclassArrayListextendsAbstractListimplementsList,RandomAccess,Cloneable,java.io.SerializableArrayList实现了List、RandomAccess、Cloneable、java.io.Serializable接口Lits:说明ArrayList是一个有序可重复的集合
  • 随笔录--虚拟 DOM 派大滨 随笔录前端javascriptjavapythonmybatisredis笔记
    官方解析虚拟DOM（VirtualDOM）是一种将浏览器DOM抽象为JavaScript对象的技术，用于提高DOM操作的效率和性能。虚拟DOM可以在渲染前对组件的变化进行计算，减少DOM操作的次数，从而提高渲染性能。使用虚拟DOM可以提高性能，但并不是一定更快。虚拟DOM需要进行额外的计算和比较操作，而这些操作也会消耗一定的时间和性能。因此，虚拟DOM适用于大规模、高度动态的页面，而在简单的静态页
  • jQuery：浅谈setInterval()方法 Dy大叔 前端开发记录jquery前端javascript
    定义和用法：setInterval()方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。setInterval()方法会不停地调用函数，直到clearInterval()被调用或窗口被关闭。由setInterval()返回的ID值可用作clearInterval()方法的参数。vartime=0；用法1：functionjump(){…………//函数内容}time=setInterval("
  • HTML5：中如何触发按钮点击事件 Dy大叔 前端开发记录HTML5html
    在HTML5中，可以通过多种方式触发按钮点击事件，包括使用JavaScript原生方法、使用jQuery库和使用HTML表单和提交按钮，根据项目需求和技术栈选择合适的方法来实现按钮点击事件的触发。使用JavaScript原生方法在HTML5中，可以使用JavaScript的addEventListener方法为按钮添加点击事件，需要在HTML文件中创建一个按钮元素，并为其设置一个唯一的ID，在Ja
  • Python XML解析 写程序的猿 python
    XML是一种用于存储和交换数据的标记语言。Python提供了多种库，可以用于解析XML文件。本指南将介绍三种最常用的解析库：xml.etree.ElementTree、xml.dom.minidom和lxml。xml.etree.ElementTreexml.etree.ElementTree是Python内置的库，用于解析XML文件并将其转换为Python对象。它使用DOM解析器，并且具有简单易
  • Animal Farm（64） 云手a
    Withoneaccordtheydasheddowntothespot.Napoleon，whoseldommovedoutofawalk，raisedaheadofthemall.Yes，thereitlay，thefruitofalltheirstruggles，levelledtoitsfoundations，thestonestheyhadbrokenandcarriedsolabori
  • Python 使用xml.etree.ElementTree 解析ARXML文件 流动的星 ClassicAutoSAR详解xmlARXMLpython
    目录一、简介二、库的导入及指向根目录三、遍历所有包节点四、变量所有SWC组件五、遍历所有P_Port端口六、遍历所有R_Port端口七、遍历所有R_Port索引八、总结一、简介前面介绍了ARXML的结构，本节讲述解析arxml文件的方法，及常用函数；使用xml.etree.ElementTree块实现了一个简单而高效的API，用于解析和创建XML数据。解析ARXML文件常用的库是：xml.dom.
  • Mysql ERROR 1698 小吉快跑呀
    之前MySQL服务端本机上使用密码登陆root账号是没有问题的，但是今天不知道是因为动了哪里，登陆失败并有这个错误代码：Enterpassword:ERROR1698(28000):Accessdeniedforuser'root'@'localhost'解决步骤：在登录命令前加上sudo，这样在输入密码时可以直接回车进去，不需要密码sudomysql-uroot-p查看一下user表，错误的起因
  • HTML5 新特性：MutationObserver 详解 索西引擎 #JavaScriptjavascript
    一、概念与背景MutationObserver是HTML5引入的一个强大的JavaScriptAPI，它用于异步观察DOM树的变化。在MutationObserver出现之前，开发者若要监测DOM变化，常采用轮询（如使用setInterval不断检查DOM状态）或依赖DOM事件（如DOMNodeInserted、DOMNodeRemoved等）的方式。但轮询效率低下，频繁检查会消耗大量资源；而旧的
  • Jsoup爬虫工具实现背景图片爬取 无脑程序猿 jsoup网络爬虫背景图片下载Jsoup-jar
    Jsoup爬虫工具实现背景图片爬取soup是一款Java的HTML解析器，可直接解析某个URL地址、HTML文本内容。它提供了一套非常省力的API，可通过DOM，CSS以及类似于jQuery的操作方法来取出和操作数据。复制代码之前准备工作首先要将需要的jar包复制到WEB-INF>>lib下面需要下载的Jsoup.jar包以及其使用的具体操作文档下载地址[点击下载]代码块亲测：1366x768大小
  • 如何将 Python代码打包成 exe程序 索拉里斯最强共鸣者 基础pythonpygame开发语言
    这篇文章主要介绍了如何把python代码打包成可执行软件，具有一定借鉴价值，需要的朋友可以参考下。1.首先python代码需要能运行。importpygameimportrandomimportsys#初始化Pygamepygame.init()#游戏常量WIDTH,HEIGHT=800,600GRID_SIZE=20GRID_WIDTH=WIDTH//GRID_SIZEGRID_HEIGHT=H
  • Hadoop(一) 朱辉辉33 hadooplinux
    今天在诺基亚第一天开始培训大数据，因为之前没接触过Linux，所以这次一起学了，任务量还是蛮大的。 首先下载安装了Xshell软件，然后公司给了账号密码连接上了河南郑州那边的服务器，接下来开始按照给的资料学习，全英文的，头也不讲解，说锻炼我们的学习能力，然后就开始跌跌撞撞的自学。这里写部分已经运行成功的代码吧.    在hdfs下，运行hadoop fs -mkdir /u
  • maven An error occurred while filtering resources blackproof maven报错
    转：http://stackoverflow.com/questions/18145774/eclipse-an-error-occurred-while-filtering-resources   maven报错： maven An error occurred while filtering resources   Maven -> Update Proje
  • jdk常用故障排查命令 daysinsun jvm
    linux下常见定位命令： 1、jps      输出Java进程       -q       只输出进程ID的名称，省略主类的名称；       -m      输出进程启动时传递给main函数的参数；     &nb
  • java 位移运算与乘法运算 周凡杨 java位移运算乘法
      对于 JAVA 编程中，适当的采用位移运算，会减少代码的运行时间，提高项目的运行效率。这个可以从一道面试题说起：     问题： 用最有效率的方法算出2 乘以8 等於几?” 答案：2 << 3 由此就引发了我的思考，为什么位移运算会比乘法运算更快呢？其实简单的想想，计算机的内存是用由 0 和 1 组成的二
  • java中的枚举(enmu) g21121 java
    从jdk1.5开始，java增加了enum(枚举)这个类型，但是大家在平时运用中还是比较少用到枚举的，而且很多人和我一样对枚举一知半解，下面就跟大家一起学习下enmu枚举。先看一个最简单的枚举类型，一个返回类型的枚举： public enum ResultType { /** * 成功 */ SUCCESS, /** * 失败 */ FAIL,
  • MQ初级学习 510888780 activemq
    1.下载ActiveMQ 去官方网站下载：http://activemq.apache.org/ 2.运行ActiveMQ 解压缩apache-activemq-5.9.0-bin.zip到C盘，然后双击apache-activemq-5.9.0-\bin\activemq-admin.bat运行ActiveMQ程序。 启动ActiveMQ以后，登陆：http://localhos
  • Spring_Transactional_Propagation 布衣凌宇 springtransactional
    //事务传播属性 @Transactional(propagation=Propagation.REQUIRED)//如果有事务，那么加入事务，没有的话新创建一个 @Transactional(propagation=Propagation.NOT_SUPPORTED)//这个方法不开启事务 @Transactional(propagation=Propagation.REQUIREDS_N
  • 我的spring学习笔记12-idref与ref的区别 aijuans spring
    idref用来将容器内其他bean的id传给<constructor-arg>/<property>元素，同时提供错误验证功能。例如： <bean id ="theTargetBean" class="..." /> <bean id ="theClientBean" class=&quo
  • Jqplot之折线图 antlove jsjqueryWebtimeseriesjqplot
    timeseriesChart.html <script type="text/javascript" src="jslib/jquery.min.js"></script> <script type="text/javascript" src="jslib/excanvas.min.js&
  • JDBC中事务处理应用 百合不是茶 javaJDBC编程事务控制语句
      解释事务的概念; 事务控制是sql语句中的核心之一;事务控制的作用就是保证数据的正常执行与异常之后可以恢复   事务常用命令:             Commit提交         
  • [转]ConcurrentHashMap Collections.synchronizedMap和Hashtable讨论 bijian1013 java多线程线程安全HashMap
    在Java类库中出现的第一个关联的集合类是Hashtable，它是JDK1.0的一部分。 Hashtable提供了一种易于使用的、线程安全的、关联的map功能，这当然也是方便的。然而，线程安全性是凭代价换来的――Hashtable的所有方法都是同步的。此时，无竞争的同步会导致可观的性能代价。Hashtable的后继者HashMap是作为JDK1.2中的集合框架的一部分出现的，它通过提供一个不同步的
  • ng-if与ng-show、ng-hide指令的区别和注意事项 bijian1013 JavaScriptAngularJS
            angularJS中的ng-show、ng-hide、ng-if指令都可以用来控制dom元素的显示或隐藏。ng-show和ng-hide根据所给表达式的值来显示或隐藏HTML元素。当赋值给ng-show指令的值为false时元素会被隐藏，值为true时元素会显示。ng-hide功能类似，使用方式相反。元素的显示或
  • 【持久化框架MyBatis3七】MyBatis3定义typeHandler bit1129 TypeHandler
    什么是typeHandler? typeHandler用于将某个类型的数据映射到表的某一列上，以完成MyBatis列跟某个属性的映射   内置typeHandler MyBatis内置了很多typeHandler，这写typeHandler通过org.apache.ibatis.type.TypeHandlerRegistry进行注册，比如对于日期型数据的typeHandler，
  • 上传下载文件rz,sz命令 bitcarter linux命令rz
    刚开始使用rz上传和sz下载命令： 因为我们是通过secureCRT终端工具进行使用的所以会有上传下载这样的需求： 我遇到的问题： sz下载A文件10M左右，没有问题 但是将这个文件A再传到另一天服务器上时就出现传不上去，甚至出现乱码，死掉现象，具体问题 解决方法： 上传命令改为;rz -ybe 下载命令改为：sz -be filename 如果还是有问题： 那就是文
  • 通过ngx-lua来统计nginx上的虚拟主机性能数据 ronin47 ngx-lua　统计 解禁ip
    介绍 以前我们为nginx做统计,都是通过对日志的分析来完成.比较麻烦,现在基于ngx_lua插件,开发了实时统计站点状态的脚本,解放生产力.项目主页: https://github.com/skyeydemon/ngx-lua-stats 功能 支持分不同虚拟主机统计, 同一个虚拟主机下可以分不同的location统计. 可以统计与query-times request-time
  • java-68-把数组排成最小的数。一个正整数数组，将它们连接起来排成一个数，输出能排出的所有数字中最小的。例如输入数组{32, 321}，则输出32132 bylijinnan java
    import java.util.Arrays; import java.util.Comparator; public class MinNumFromIntArray { /** * Q68输入一个正整数数组，将它们连接起来排成一个数，输出能排出的所有数字中最小的一个。 * 例如输入数组{32, 321}，则输出这两个能排成的最小数字32132。请给出解决问题
  • Oracle基本操作 ccii Oracle SQL总结Oracle SQL语法Oracle基本操作Oracle SQL
    一、表操作 1. 常用数据类型 NUMBER(p,s)：可变长度的数字。p表示整数加小数的最大位数，s为最大小数位数。支持最大精度为38位 NVARCHAR2(size)：变长字符串，最大长度为4000字节（以字符数为单位） VARCHAR2(size)：变长字符串，最大长度为4000字节（以字节数为单位） CHAR(size)：定长字符串，最大长度为2000字节，最小为1字节，默认
  • [强人工智能]实现强人工智能的路线图 comsci 人工智能
        1：创建一个用于记录拓扑网络连接的矩阵数据表      2:自动构造或者人工复制一个包含10万个连接(1000*1000)的流程图      3：将这个流程图导入到矩阵数据表中      4：在矩阵的每个有意义的节点中嵌入一段简单的
  • 给Tomcat，Apache配置gzip压缩(HTTP压缩)功能 cwqcwqmax9 apache
    背景： HTTP 压缩可以大大提高浏览网站的速度，它的原理是，在客户端请求网页后，从服务器端将网页文件压缩，再下载到客户端，由客户端的浏览器负责解压缩并浏览。相对于普通的浏览过程HTML ,CSS,Javascript , Text ，它可以节省40%左右的流量。更为重要的是，它可以对动态生成的，包括CGI、PHP , JSP , ASP , Servlet,SHTML等输出的网页也能进行压缩，
  • SpringMVC and Struts2 dashuaifu struts2springMVC
    SpringMVC VS Struts2 1: spring3开发效率高于struts 2: spring3 mvc可以认为已经100%零配置 3: struts2是类级别的拦截， 一个类对应一个request上下文， springmvc是方法级别的拦截，一个方法对应一个request上下文，而方法同时又跟一个url对应 所以说从架构本身上 spring3 mvc就容易实现r
  • windows常用命令行命令 dcj3sjt126com windowscmdcommand
    在windows系统中，点击开始－运行，可以直接输入命令行，快速打开一些原本需要多次点击图标才能打开的界面，如常用的输入cmd打开dos命令行，输入taskmgr打开任务管理器。此处列出了网上搜集到的一些常用命令。winver 检查windows版本 wmimgmt.msc 打开windows管理体系结构(wmi) wupdmgr windows更新程序 wscrip
  • 再看知名应用背后的第三方开源项目 dcj3sjt126com ios
    知名应用程序的设计和技术一直都是开发者需要学习的，同样这些应用所使用的开源框架也是不可忽视的一部分。此前《 iOS第三方开源库的吐槽和备忘》中作者ibireme列举了国内多款知名应用所使用的开源框架，并对其中一些框架进行了分析，同样国外开发者 @iOSCowboy也在博客中给我们列出了国外多款知名应用使用的开源框架。另外txx's blog中详细介绍了 Facebook Paper使用的第三
  • Objective-c单例模式的正确写法 jsntghf 单例iosiPhone
    一般情况下，可能我们写的单例模式是这样的： #import <Foundation/Foundation.h> @interface Downloader : NSObject + (instancetype)sharedDownloader; @end #import "Downloader.h" @implementation
  • jquery easyui datagrid 加载成功，选中某一行 hae jqueryeasyuidatagrid数据加载
    1.首先你需要设置datagrid的onLoadSuccess $( '#dg' ).datagrid({onLoadSuccess :  function (data){      $( '#dg' ).datagrid( 'selectRow' ,3); }});   2.onL
  • jQuery用户数字打分评价效果 ini JavaScripthtmljqueryWebcss
    效果体验：http://hovertree.com/texiao/jquery/5.htmHTML文件代码： <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery用户数字打分评分代码 - HoverTree</
  • mybatis的paramType kerryg DAOsql
    MyBatis传多个参数： 1、采用#{0},#{1}获得参数：    Dao层函数方法：     public User selectUser(String name,String area); 对应的Mapper.xml    <select id="selectUser" result
  • centos 7安装mysql5.5 MrLee23 centos
    首先centos7 已经不支持mysql，因为收费了你懂得，所以内部集成了mariadb，而安装mysql的话会和mariadb的文件冲突，所以需要先卸载掉mariadb，以下为卸载mariadb，安装mysql的步骤。   #列出所有被安装的rpm package rpm -qa | grep mariadb   #卸载 rpm -e mariadb-libs-5.
  • 利用thrift来实现消息群发 qifeifei thrift
               Thrift项目一般用来做内部项目接偶用的，还有能跨不同语言的功能，非常方便，一般前端系统和后台server线上都是3个节点，然后前端通过获取client来访问后台server，那么如果是多太server，就是有一个负载均衡的方法，然后最后访问其中一个节点。那么换个思路，能不能发送给所有节点的server呢，如果能就
  • 实现一个sizeof获取Java对象大小 teasp javaHotSpot内存对象大小sizeof
       由于Java的设计者不想让程序员管理和了解内存的使用，我们想要知道一个对象在内存中的大小变得比较困难了。本文提供了可以获取对象的大小的方法，但是由于各个虚拟机在内存使用上可能存在不同，因此该方法不能在各虚拟机上都适用，而是仅在hotspot 32位虚拟机上，或者其它内存管理方式与hotspot 32位虚拟机相同的虚拟机上 适用。     
  • SVN错误及处理 xiangqian0505 SVN提交文件时服务器强行关闭
    在SVN服务控制台打开资源库“SVN无法读取current” ---摘自网络 写道 SVN无法读取current修复方法 Can't read file : End of file found 文件：repository/db/txn_current、repository/db/current   其中current记录当前最新版本号，txn_current记录版本库中版本
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他