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)

  • selenium 等待方式 不负韶华ღ #seleniumseleniumpython测试工具
    概述在selenium中，等待指的是在执行下一个任务之前需要等待前一个任务完成，在前一个任务没有完成之前，后一个任务会一直处于阻塞状体，有点类似于数据库中的事务。比如，在定位元素之前需要加载完DOM。selenium有三种等待方式：显示等待、隐式等待、流畅等待。方式显示等待WebDriverWait(driver,timeout).until(method,message)显示等待是seleniu
  • 创建数据/采集数据+从PI数据到PC+实时UI+To PLC 资深设备全生命周期管理 ui
    Get_Data----------importcsvimportosimportrandomfromdatetimeimportdatetimeimportloggingimporttime#配置日志记录logging.basicConfig(filename='D:/_Study/Case/Great_Data/log.txt',level=logging.INFO,format='%(asc
  • C# WebAPI的几种返回类型方式 她说彩礼65万 c#http
    在ASP.NETCore中有三种返回数据和HTTP状态码的方式，最简单的就是直接返回指定的类型实例，如下代码所示：[ApiController][Route("[controller]")]publicclassWeatherForecastController:ControllerBase{[HttpGet]publicIEnumerableGet(){varrng=newRandom();re
  • 基于python+mysql+vue的医院门诊管理系统 自不量力的A同学 mysql
    主要使用技术环境需要1.运行环境：python3.82.IDE环境：pycharm+mysql5.73.数据库工具：Navicat154.硬件环境：windows10/118G内存以上；或者MacOS；5.数据库：MySql5.7版本；技术栈后端：python+django前端：vue+CSS+JavaScript+jQuery+antdesign代码结构server目录是后端代码web目录是前端
  • Next：ReferenceError: document is not defined dingcho 前端前端javascript开发语言
    next配置路由报错nextReferenceError:documentisnotdefined，这个解决方案import{BrowserRouterasRouter,Routes,Route}from'react-router-dom';原使用react-router-dom修改为(建议)import{useRouter}from'next/router';如果使用react-router-d
  • vue2和vue3的diff算法有什么区别？ 浮生无聊 vue.jsjavascript前端面试
    1、diff算法是什么？diff算法是一种通过同层的树节点进行比较的高效算法。其有两个特点：只会在同层进行比较，不会跨层比较在diff比较过程中，循环从两边向中间比较diff算法在很多场景下都有应用，在vue中，作用于虚拟dom渲染成真实dom的新旧虚拟节点比较。diff整体策略为：深度优先，同层比较。Vue2和Vue3中的diff算法的主要区别：1、vue2的diff算法vue2使用了经典的di
  • CentOS 6 YUM源切换成国内yum源 longerxin2020 Linuxcentoslinux运维
    由于CentOS6已于2020年11月进入EOL（EndofLife），官方软件源已不再提供更新，因此你可能会遇到`yummakecache`命令失败的问题。以下是解决该问题的详细步骤：###解决方案1.**备份原有yum源文件**```bashsudomv/etc/yum.repos.d/CentOS-Base.repo/etc/yum.repos.d/CentOS-Base.repo.back
  • 【CodeMirror】系列（一）官网文档学习（一）系统指南 一棵开花的树，枝芽无限靠近你 CodeMirror学习CodeMirror前端编辑器
    这个系列来学习一下CodeMirror编辑器。这篇文章主要是记录一下官方文档的学习，先把官方文档大致浏览一遍。CodeMirror是一个Web端的代码编辑器，和前面学习的MonacoEditor一样。应该比MonacoEditor轻便一些，而且有Vue版本，对Vue用户友好。另外可以将代码显示成DOM元素，对于代码和DOM元素的转换这块比较简单，在MonacoEditor中就没有这么方便，Mona
  • VMware中linux系统与主机win系统设置共享文件夹、安装VMware tools 鲁鲁在川 linux运维服务器
    1.设置.虚拟机==》设置==硬件/选项==》共享文件夹==》总是启用总是启用为灰色，在虚拟机未开启其设置2.添加共享文件夹3..否存在/mnt/hgfs文件夹没有创建，有则提示sudomkdir/mnt/hgfs4.挂载共享文件夹!!挂载共享文件夹!!挂载共享文件夹!!下次启动虚拟机，还需要再填一次！！每次启用，每次挂载！！！！！！！！sudovmhgfs-fuse.host://mnt/hgf
  • 嵌入式学习——3——域套接字UNIX koka_jerry 学习unix服务器
    1、域套接字UNIX1、域套接字是最原始的套接字通信方式，是完成同一主机之间多个进程间通信2、由于不需要跨主机进行通信了，那么就无需使用ip地址和端口号了3、通信本质：依然使用的是内核空间4、域套接字的通信介质为套接字文件bcd-lsp5、域套接字也分为流式域套接字和报式域套接字6、跟网络通信中相关函数的区别#include#includeintsocket(intdomain,inttype,i
  • 【0189】UNIX域套接字（UNIX Domain Socket）（1） 内核之道 #▲初阶篇PostgreSQLUNIX套接字UDS
    文章目录1.UNIX域套接字（UNIXDomainSocket）2.UNIX套接字使用2.1套接字（socket）如何工作2.2实践中的套接字使用2.2.1Unix流套接字连接2.2.2UNIX套接字数据写入磁盘文件吗？2.2.3当两个进程监听同一个Berkeley/Unix[文件]套接字时会发生什么？2.3列出机器本地UNIX套接字1.UNIX域套接字（UNIXDomainSocket）当需要在
  • ubuntu部署ssl证书 QC七哥 建站技能ubuntussllinuxhttps
    证书安装在进行证书安装前，需要将域名的DNS指定到你的ubuntu服务器节点上，ubuntu安装Let’sEncrypt证书步骤如下安装certbot工具aptupdateaptinstallcertbotpython3-certbot-nginx运行certbot命令进行证书安装对于nginxcertbot--nginx-dmydomain.com-dwww.mydomain.com对于apac
  • PostgreSQL数据库怎么生成一个随机的UUID chen2017sheng 经验总结数据库postgresql
    如果需要在pg数据库中生成UUID做表的主键该如何实现，有两种方法：方法一：使用pgcrypto扩展的pg_random_uuid()函数要在PostgreSQL中使用pg_random_uuid()函数，你需要首先确保pgcrypto扩展已经被安装在你的数据库中，并且对于你想要使用它的数据库（或schema）已经启用了这个扩展。以下是如何启用pgcrypto扩展的步骤：登录到PostgreSQL
  • leetcode, LC13: copy-list-with-random-pointer 不喜欢敲代码的医生不是一个好Zach leetcode链表指针算法数据结构
    1题目描述现在有一个这样的链表：链表的每一个节点都附加了一个随机指针，随机指针可能指向链表中的任意一个节点或者指向空。请对这个链表进行深拷贝。Alinkedlistisgivensuchthateachnodecontainsanadditionalrandompointerwhichcouldpointtoanynodeinthelistornull.Returnadeepcopyoftheli
  • 什么是遍历？ dengjuanshou7445 javascriptViewUI
    jQuery遍历，意为“移动”，用于根据其相对于其他元素的关系来“查找”（或选取）HTML元素。以某项选择开始，并沿着这个选择移动，直到抵达您期望的元素为止。下图展示了一个家族树。通过jQuery遍历，您能够从被选（当前的）元素开始，轻松地在家族树中向上移动（祖先），向下移动（子孙），水平移动（同胞）。这种移动被称为对DOM进行遍历。图示解释：元素是的父元素，同时是其中所有内容的祖先。元素是元素的
  • UI自动化测试之CSS Selector 定位秘籍：解锁 WEB UI 自动化测试的高效之道 做测试的小薄 测试进阶cssseleniumUI自动化测试元素定位方式
    在WebUI自动化测试中，元素定位是实现自动化操作的核心步骤。SeleniumWebDriver提供了多种元素定位方式，其中CSSSelector是一种功能强大且灵活的定位方法。它基于CSS选择器语法，能够快速、精准地定位目标元素，尤其适用于复杂的DOM结构。本文将深入解析CSSSelector的工作原理、使用技巧以及需要注意的事项，帮助你在自动化测试中更高效地运用这一工具。一、CSSSelect
  • echarts雷达图实现动态扫描效果 阔爱滴二狗子 echartstypescriptcss
    最终实现效果图：首先画出一个雷达图，然后使用css画出旋转光圈效果定位到雷达图正中心，就实现了该特效。其中绿色扇形光圈是顺时针转动的。实现代码如下：privategetRadarChart(){constchartDom:any=this.$refs.chartthis.myChart=echarts.init(chartDom)constthat=this//监听屏幕变化自动缩放图表window
  • ubuntu12 mysql5.6_Ubuntu 12 安装 MySQL 5.6.26 及 问题汇总 乔德地 ubuntu12mysql5.6
    安装过程：#安装依赖库sudoapt-getinstalllibaio-dev#移动到安装目录sudomkdir/opt/software/mysqlcd/opt/software-backup/lnmp/source2/mysqltar-xzvf./mysql-5.6.26-linux-glibc2.5-x86_64.tar.gzsudomv./mysql-5.6.26-linux-glibc2
  • TPAMI 2024 | 学习人类教育智慧：以学生为中心的知识蒸馏方法 小白学视觉 论文解读IEEETPAMI知识蒸馏TPAMI论文解读深度学习
    题目：LearningFromHumanEducationalWisdom:AStudent-CenteredKnowledgeDistillationMethod学习人类教育智慧：以学生为中心的知识蒸馏方法作者：S.Yang;J.Yang;M.Zhou;Z.Huang;W.-S.Zheng;X.Yang;J.Ren摘要现有的知识蒸馏研究通常侧重于以教师为中心的方法，其中教师网络根据自身标准进行训
  • Vue3使用ECharts入门示例 牧小七 Vueecharts前端javascript
    ApacheECharts介绍一个基于JavaScript的开源可视化图表库。官方网址使用示例第一步：NPM安装EChartsnpminstallecharts--save第二步：使用EChartsimport*asechartsfrom'echarts';constmain=ref()consttu=()=>{//基于准备好的dom，初始化echarts实例varmyChart=echarts.
  • uniapp中生成视频的第一帧图片 进阶的巨人001 uni-app音视频mp4第一帧封面
    需求页面显示这个视频，封面要求是视频里面的内容，然后点击出现弹窗，视频在弹窗里面播放constvideo_url='.mp4'一.最好用的办法是，直接用背景图二.就是用renderjs了(因为app没有dom)，通过创建video标签，然后通过canvas绘制图片的方式设置链接-->设置链接exportdefault{data(){return{vsrc:{},//用于renderjs通信imgS
  • ribbon负载均衡策略说明 高飞的Leo ribbon负载均衡java
    Ribbon负载均衡策略说明和比较类名说明特点使用场景RoundRobinRule基于轮询算法选择服务实例。简单、公平，每个实例被选择的机会均等。适用于所有服务实例性能相近的场景。RandomRule随机选择服务实例。简单、随机，每个实例被选择的概率相同。适用于需要随机负载均衡的场景。WeightedResponseTimeRule根据服务实例的响应时间分配权重，选择响应时间短的实例。动态调整权重
  • 深入理解 GPU 渲染加速与合成层（Composite Layers）
    一、前端视角下的GPU加速1.CPU与GPU的协作模式在前端渲染流程中，GPU加速通过硬件并行计算能力显著提升图形处理效率。传统浏览器渲染依赖CPU处理DOM解析、样式计算和布局，但CPU的串行处理模式在处理大规模图形数据（如复杂动画、3D变换、高清图像）时易成为性能瓶颈。GPU的介入解决了这一核心矛盾：流处理器核心并行计算：GPU拥有数千个小型核心，可同时处理大量像素数据，例如同时对元素的所有像
  • AI大模型测试用例生成平台 王根生 测试开发测试用例质量保障AI编程nlp测试管理软件测试
    AI测试用例生成平台项目背景技术栈业务描述项目展示项目重难点项目背景针对传统接口测试用例设计高度依赖人工经验、重复工作量大、覆盖场景有限等行业痛点，基于大语言模型技术实现接口测试用例智能生成系统。技术栈LangChain框架+GLM-4模型+PromptEngineering+Flask+Python+Bootstrap+jQuery业务描述用户在该平台上传Markdown形式的接口文档，点击生成
  • 物联网开发-jetlinks 开发协议包时引入dom4j提示 clasnotfound lynn-66 jar物联网springcloudmaven
    在开发协议jar包时需要解析xml,但是工程引入jetlinks-core包，这个包又引用了dom4j-1.6.1.jar，所以pom就没有配dom4j,编译不报错。本地main和测试方法都正常。但是包在项目中运行时，提示ClassNotFound.检查了工程Libraries，里面有dom4j的包。打印了System.getProperty("java.class.path")发现里面没有dom
  • 信息技术基础专有名词和计算机硬件学习笔记 learning-striving 信息技术学习笔记信息技术计算机硬件
    信息技术常见专有名词信息技术基础课程中常见的专有名词英文缩写或简称及其详细含义，按领域分类整理：硬件与存储CPU(CentralProcessingUnit)中央处理器，负责执行计算机指令和处理数据。GPU(GraphicsProcessingUnit)图形处理器，专用于处理图形和并行计算。RAM(RandomAccessMemory)随机存取存储器，临时存储运行中的程序和数据。ROM(Read-
  • Vue3项目白屏问题深度解析：从AI辅助诊断到性能优化实战 TE-茶叶蛋 前端项目性能优化vueelementui
    一、问题背景：令人困惑的白屏现象在开发一个基于Vue3+Vite+TypeScript的中后台管理系统时，我们遭遇了一个典型的性能问题：页面刷新后出现持续1-2秒的白屏，随后才正常渲染内容。尽管在index.html中加入了Loading动画，但动画结束后仍存在明显的空白间隙。关键现象特征：开发环境请求数达400+（Vite按需编译特性）生产环境构建后请求50+，资源总体积8.6MBDOMCont
  • JavaScript性能优化指南：聚焦DOM操作优化 桃木山人 技术杂谈javascript性能优化开发语言
    引言：性能优化的关键路径在Web应用开发中，JavaScript性能直接影响用户体验。虽然存在多种优化手段，但DOM操作优化往往能带来最显著的性能提升。本文将以DOM操作为核心展开深入分析，并简要概述其他优化方向。核心优化：DOM操作性能提升1.问题根源分析浏览器渲染引擎与JavaScript引擎独立运作，频繁的DOM操作会导致：重排（Reflow）：计算元素几何属性重绘（Repaint）：更新元
  • PO、DTO、VO等9大对象划分详解，让你的代码不再“一团糟” 码熔burning SpringBootJavaJavaSpringBoot
    目录一、PO(PersistentObject)二、DO(DomainObject)三、TO(TransferObject)四、DTO(DataTransferObject)五、VO(ViewObject)六、BO(BusinessObject)七、POJO(PlainOrdinaryJavaObject)八、DAO(DataAccessObject)九、Entity对象转换与使用场景总结何时使用
  • Dotnet洋葱架构实践 福伴
    实现数据层在DomainLayer目录里，建一个Models目录。在Models目录下，建两个类：BaseEntity.cspublicclassBaseEntity{publicintId{get;set;}publicDateTimeCreatedDate{get;set;}publicDateTimeModifiedDate{get;set;}publicboolIsActive{get;s
  • 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其他