大白菜丶奇
大白菜丶奇

Vue基础案例：01-购物车：购买图书

效果

点击增加数量，总价格随之改变
数量为1时，减少数量按钮无法被点击
移除按钮将此书籍从表单移除，并且总价格变化
移除全部书后，隐藏表单，只显示：购物车为空

Vue基础案例：01-购物车：购买图书_第1张图片Vue基础案例：01-购物车：购买图书_第2张图片

<!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>Document</title>
  <style>
    /* 总组，字体大小 */
    .zu {
     
      font-size: 26px;
    }

    /* 合并单元格框 */
    table {
     
      border-collapse: collapse;
    }

    /* 表头 */
    th {
     
      border: #cccccc solid 2px;
      height: 60px;
      background-color: #e6e6e6;
    }

    /* 内容单元格 */
    tbody tr td {
     
      height: 50px;
      border: #cccccc solid 2px;
      text-align: center;
    }

    /* 移除按钮 */
    .btnhandle {
     
      width: 60px;
      height: 30px;
    }

    /* 按钮大小 */
    button {
     
      width: 30px;
      height: 30px;
    }

    /* 设置每个列的宽度 */
    .xuhao {
     
      width: 60px;
    }

    .xuhao2 {
     
      width: 300px;
    }

    .xuhao3 {
     
      width: 150px;
    }

    .xuhao4 {
     
      width: 150px;
    }

    .xuhao5 {
     
      width: 150px;
    }

    .xuhao6 {
     
      width: 100px;
    }
  </style>
</head>

<body>
  <!-- 
    步骤：
    1.制作表头固定内容表格（thead），调整css样式
    2.先动态的创建行（遍历创建v-for），同时手动创建对应数量的td（不使用遍历创建的原因：遍历之后设置价格样式、计算总价、按钮的创建都很麻烦）
    3.动态的从数组获取信息，填入td中（mustache写法提取数组中对象的属性值）
    4.完事表格（按钮补充、按钮内容、小数点保留后两位（.tofixed）、
    5.此时表格创建完毕，信息填入完毕
    6.给购买数量按钮绑定点击事件：@click/   （按钮不可用状态判断）
    7.移除按钮绑定点击事件：splice删除（当移除全部书籍后，隐藏界面，显示：购物车为空）
    8.计算总价格：先计算出每类书籍总价格，最后求和。+=
    
   -->
  <div class="zu">
    <div v-if='books.length'>
      <!-- 判断书籍数量，当存在书籍时显示下列信息，反之 -->
      <table>
        <thead>
          <tr class="head">
            <th></th>
            <th>名称</th>
            <th>出版日期</th>
            <th>价格</th>
            <th>购买数量</th>
            <th>操作</th>
          </tr>
        </thead>

        <tbody>
          <tr class="firsttr" v-for='(item,index) in books'>
            <td class="xuhao">{
     {
     item.id}}</td>
            <td class="xuhao2">{
     {
     item.bname}}</td>
            <td class="xuhao3">{
     {
     item.date}}</td>
            <td class="xuhao4">{
     {
     getPrice(item.price)}}</td>
            <td class="xuhao5">
              <button class="reduce" @click='reduceNum(index)'
                :disabled='item.num<=1'>-</button><span>{
     {
     item.num}}</span><button class="add"
                @click='addNum(index)'>+</button>
            </td>
            <td class="xuhao6"><button class="btnhandle" @click='removeBtn(index)'>{
     {
     item.handle}}</button></td>
          </tr>
        </tbody>
      </table>
      <div class="total">
        <div>总价格为：{
     {
     addPrice}}</div>
      </div>
    </div>
    <!-- 当删除所有的书籍时，隐藏全部，显示下列内容 -->
    <div v-else>购物车为空</div>
  </div>


  <!--  -->
  <script src="./js文件/vue.js"></script>
  <script>
    const zu = new Vue({
     
      el: '.zu',
      data: {
     
        //books是数组，里面由多个对象组成。所以我们提取的是数组里面的对象里的属性值：books[索引号].属性名
        books: [{
     
            id: 1,
            bname: '《格列夫》',
            date: '2021-2',
            price: 85,
            num: 1,
            handle: '移除'
          },
          {
     
            id: 2,
            bname: '《JS基础理论与实践》',
            date: '2021-4',
            price: 44,
            num: 1,
            handle: '移除'
          },
          {
     
            id: 3,
            bname: '《无情》',
            date: '2021-8',
            price: 48,
            num: 1,
            handle: '移除'
          },
          {
     
            id: 3,
            bname: '《格列夫》',
            date: '2021-1',
            price: 102,
            num: 1,
            handle: '移除'
          },
        ]

      },
      //方法：
      methods: {
     
        //价格显示函数：保留后两位小数
        getPrice(price) {
     
          return '￥' + price.toFixed(2)
        },
        //增加数量事件
        addNum(index) {
     
          this.books[index].num++ //数组里的第index个元素的num进行递加
        },
        //减少数量事件
        reduceNum(index) {
     
          this.books[index].num-- //数组里的第index个元素的num进行递减
        },
        //移除按钮事件
        removeBtn(index) {
     
          this.books.splice(index, 1) //用法：数组名.splice(被删除项目的索引号，要删除的个数)
        }
      },
      //计算属性
      computed: {
     
        //计算总价格的函数
        addPrice() {
     
          let totalnum = 0
          for (let i = 0; i < this.books.length; i++) {
      //遍历的计算每个书籍的总价格，迭代相加
            totalnum += this.books[i].num * this.books[i].price //计算公式：数量*价格
          }
          return totalnum //给调用者返回值
        }
      }
    })
  </script>
</body>

</html>

未入门的大白菜

你可能感兴趣的:(Vue基础案例)

  • MySQL 主从同步一致性详解 Java之路行者 JAVA后端SpringBootMySqlmysqlandroid数据库
    MySQL主从同步是一种数据复制技术，它允许数据从一个数据库服务器（主服务器）自动同步到一个或多个数据库服务器（从服务器）。这种技术主要用于实现读写分离、提升数据库性能、容灾恢复以及数据冗余备份等目的。下面将详细解析MySQL主从同步的一致性问题，并通过案例分析其工作原理。一、MySQL主从同步一致性详解主从同步原理MySQL主从同步基于二进制日志（binlog）进行。主库将数据的变更写入binl
  • wps2019数据分析加载项_怎样用Excel做数据分析（电商案例） weixin_39907939 wps2019数据分析加载项
    一、数据分析步骤明确问题：知道你要研究什么问题，从而有目地的查找数据理解数据：寻找与问题相关的数据；从数据中你能得出的信息；理解字段信息数据清洗（数据预处理）：选择子集；列名重命名；删除重复值；缺失值处理；一致化处理；数据排序；异常值处理数据分析或构建模型：数据透视表；在Excel安装数据分析功能（安装步骤：文件～选项～加载项～Excel加载项转到～分析工具库，注意！这是MicrosoftExce
  • QT学习小案例 Liguopi666 qt学习
    dialog.h#ifndefDIALOG_H#defineDIALOG_H#include#include#include#include#includeQT_BEGIN_NAMESPACEnamespaceUi{classDialog;}QT_END_NAMESPACEclassDialog:publicQDialog{Q_OBJECTpublic:Dialog(QWidget*parent=
  • Maven的继承与聚合特性：大型项目管理的利器 时雨h JAVAmavenpythonjava
    Maven的继承与聚合特性：大型项目管理的利器一、引言在Java项目开发中，尤其是大型项目，管理项目的配置和模块构建是一项具有挑战性的任务。Maven作为一款强大的项目管理工具，提供了继承和聚合等特性，有效地解决了这些问题。本文将深入探讨Maven的继承和聚合特性，并通过实战案例展示如何在搭建微服务项目中应用它们。二、Maven工程继承关系2.1继承概念Maven继承是一种在Maven项目中让一个
  • 解锁编程智慧：23种设计模式案例分享 码农技术栈 设计模式
    为什么要学习设计模式？你可以把设计模式想象成一些做饭的菜谱。当我们需要做一道菜（开发一个功能）时，如果按照自己的想法随意添加调料（编写代码），很可能做出的菜味道不好（功能不稳定或有bug）。但是，如果我们按照一个成功的菜谱（设计模式）来做，就能更容易地做出美味的菜肴（开发出稳定的功能）。设计模式就是一些在软件开发中经常被使用的“菜谱”，它们可以帮助我们更好地组织代码、提高代码的可读性和可维护性。这
  • 软件架构师的秘密武器：23个经典案例助你轻松驾驭复杂系统 码农技术栈 设计模式
    设计模式的重要性设计模式，听起来挺高大上的，但其实它就是一些解决常见编程问题的“套路”或“模板”。想象一下你在做饭，有时候你会按照某个固定的步骤来做一道菜，这样既能保证味道好，又省时省力。设计模式在编程中也是这样的作用。设计模式提供了一套经过验证的解决方案，可以在不同的项目中复用，减少重复劳动。通过设计模式，软件可以更容易地适应未来的变化，比如添加新功能或修改现有功能。遵循设计模式的代码通常结构更
  • C语言青蛙跳台阶问题 共享家9527 c语言
    在算法学习中，青蛙跳台阶问题是一个经典的递归和动态规划入门案例。它通过简单的场景，揭示了复杂的算法思想，非常适合初学者理解递归与动态规划的核心概念。一、问题描述一只青蛙要跳上n级台阶，每次它可以跳1级或者2级台阶。那么，青蛙跳上n级台阶总共有多少种不同的跳法呢？二、解题思路递归思路：-对于第n级台阶，青蛙到达它的方式要么是从第n-1级台阶跳1级上来，要么是从第n-2级台阶跳2级上来。-所以，跳上n
  • 动态规划详解-最小路径和问题【python】 数据分析螺丝钉 LeetCode刷题与模拟面试动态规划算法leetcodepython数据结构
    作者介绍：10年大厂数据\经营分析经验，现任大厂数据部门负责人。会一些的技术：数据分析、算法、SQL、大数据相关、python欢迎加入社区：码上找工作作者专栏每日更新：LeetCode解锁1000题:打怪升级之旅python数据分析可视化：企业实战案例备注说明：方便大家阅读，统一使用python，带必要注释，公众号数据分析螺丝钉一起打怪升级1.问题介绍和应用场景最小路径和问题是一个常见的动态规划问
  • 用Python打造精彩动画与视频，6.3 项目案例分析 蝴蝶江湖 python开发语言
    6.3项目案例分析在这一节中，我们将通过具体的项目案例，深入探索Manim的潜力，并展示如何使用Manim创建复杂且富有表现力的动画。这些案例将涵盖数学、物理以及其他科学领域，帮助您更好地理解和应用Manim。6.3.1案例一：展示数学定理frommanimimport*classPythagoreanTheorem(Scene):defconstruct(self):#创建一个直角三角形tria
  • 「全网最细 + 实战源码案例」设计模式——简单工厂模式 松弛进取 设计模式简单工厂模式后端java
    核心思想简单工厂模式是一种创建者模式，它通过一个工厂类负责创建不同类型的对象，根据传入的参数决定实例化的具体类，也被称为“静态工厂方法”模式，因为工厂方法通常是静态的。结构1.工厂类：提供一个静态方法，根据不同条件创建并返回具体的产品对象。2.产品接口（抽象类）定义产品的通用行为。3.具体产品类工厂根据条件创建的具体实例。适用场景1.创建的对象种类少。2.调用者不需要关心具体产品类的创建细节。优缺
  • [Python从零到壹] 七十七.图像识别及经典案例篇之目标检测入门普及和ImageAI对象检测详解 Eastmount Python从零到壹python目标检测ImageAI图像是被基础系列
    欢迎大家来到“Python从零到壹”，在这里我将分享约200篇Python系列文章，带大家一起去学习和玩耍，看看Python这个有趣的世界。所有文章都将结合案例、代码和作者的经验讲解，真心想把自己近十年的编程经验分享给大家，希望对您有所帮助，文章中不足之处也请海涵。Python系列整体框架包括基础语法10篇、网络爬虫30篇、可视化分析10篇、机器学习20篇、大数据分析20篇、图像识别30篇、人工智
  • 「全网最细 + 实战源码案例」设计模式——工厂方法模式 松弛进取 设计模式工厂方法模式后端java
    核心思想简单工厂模式是一种创建者模式，它通过一个工厂类负责创建不同类型的对象，根据传入的参数决定实例化的具体类，也被称为“静态工厂方法”模式，因为工厂方法通常是静态的。结构1.工厂类：提供一个静态方法，根据不同条件创建并返回具体的产品对象。2.产品接口（抽象类）定义产品的通用行为。3.具体产品类工厂根据条件创建的具体实例。适用场景1.创建的对象种类少。2.调用者不需要关心具体产品类的创建细节。优缺
  • Golang的图形编程应用案例分析与技术深入 武昌库里写JAVA 面试题汇总与解析课程设计springbootlayui毕业设计spring
    Golang的图形编程应用案例分析与技术深入一、Golang在图形编程中的应用介绍作为一种高效、简洁的编程语言，近年来在图形编程领域也逐渐展露头角。其并发性能优势和丰富的标准库使得它成为了一个越来越受欢迎的选择。与传统的图形编程语言相比，Golang具有更好的性能和可伸缩性。它的并发原语和轻量级线程（goroutine）模型使得它在处理图形界面事件和渲染时更加高效。此外，Golang也有丰富的第三
  • RabbitMQ-SpringBoot案例 -topic模式 毕竟尹稳健 RabbitMQSpringBootrabbitmqspringbootjava
    生产者工程1、RabbitTemplate配置类无,其实并不是没有，而是将配置类的方式换成了注解的。但实际上开发建议用配置类，注解也就图一乐。2、消息发送服务packagecom.sky.service.impl;importcom.sky.service.OrderService;importorg.springframework.amqp.rabbit.core.RabbitTemplate;
  • RabbitMQ-SpringBoot 案例 路面烧卖 从零开始学RabbitMQrabbitmqspringbootjava
    RabbitMQ-SpringBoot案例00、环境搭建1、IDEA创建生产者工程：springboot-rabbitmq-producer2、IDEA创建消费者工程：springboot-rabbitmq-consumer3、生产者和消费者分别引入spring-boot-rabbitmq的依赖和配置连接信息4、进行消息的分发和测试5、查看和观察web控制台的状况1、首先使用IDEA创建Sprin
  • 什么是分布式架构？ 找藉口是失败者的习惯 分布式架构
    文章目录前言一、什么是分布式架构？1.分布式架构的类型微服务架构：2.服务导向架构（SOA）3.点对点架构4.客户端-服务器架构架构对比分布式架构优缺点总结前言随着互联网的快速发展，越来越多的应用程序需要处理大量用户请求和数据。这促使开发者采用分布式架构，以提高系统的可扩展性和可靠性。本文将通过一个简单的在线外卖平台案例，深入浅出地解释分布式架构的基本概念和优势。提示：以下是本篇文章正文内容，下面
  • Kotlin | Android Provider 的实现案例 Dic- #AndroidAPPKotlin自学笔记AndroidKotlin数据库Provider
    目标使用AndroidRoom实现持久化库。代码Kotlin代码编写DemoDatabase，在build生成DemoDatabase_Impl疑问Provider的数据会存在设备吗？内部存储:当使用Room创建数据库（如DemoDatabase），数据库文件通常会存储在data/data//databases/目录下。例如，如果包名是com.example.yourapp，则数据库文件将存储在d
  • 六个步骤学会CNAS软件检测机构的不确定度评定 daopuyun CNAS\CMA专栏不确定度CNAS检测机构
    测量不确定度是CNAS软件检测机构过程要求中非常重要的一个部分。测量不确定度作为测量结果的一部分，合理表征了被测量量值的分散性，对测量结果的可信性、可比性和可接受性都有重要影响，是评价测量活动质量的重要指标。CNAS软件检测机构在软件检测过程中应识别测量不确定度的贡献，评定测量不确定度。当软件检测项目中有测量不确定度要求时，应建立相应的数学模型，给出相应的测评不确定度案例。当软件检测出现临界值、内
  • 【Flutter原理】平台视图系列问题分析 2401_84520401 程序员flutter
    其实上面几种情况，通过之前的文章原理分析，也能知道结果，本文将通过实际案例来分析不同场景下的处理方式。widgettree中多个PlatformView不重叠话不多说我们首先来看同一个FlutterUI显示多个PlatformView，不重叠的情况是什么样的UI效果：通过LayoutInspect我们可以很清晰的看到，在HybridComposition模式下的PlatformView就是通过Fl
  • python 查询sqlserver 视图_SQL Server 2017 数据库教与学（教学大纲，含Python+SQL Server案例）... weixin_39724748 python查询sqlserver视图
    原标题：SQLServer2017数据库教与学(教学大纲，含Python+SQLServer案例)本书提供Python+SQLServer案例SQLServer教学大纲一、课程的性质和教学目的课程性质：数据库技术是各类信息系统、管理系统的基础。SQLServer数据库是微软公司的一款数据库产品，它被广泛应用到各大软件公司。本课程适合在计算机专业、非计算机专业但需要数据库辅助科研的理工科专业。教学目
  • python连sql server学生管理系统_SQL Server 2017 数据库教与学（教学大纲，含Python+SQL Server案例）... weixin_39529302 python连sqlserver学生管理系统
    原标题：SQLServer2017数据库教与学(教学大纲，含Python+SQLServer案例)本书提供Python+SQLServer案例SQLServer教学大纲一、课程的性质和教学目的课程性质：数据库技术是各类信息系统、管理系统的基础。SQLServer数据库是微软公司的一款数据库产品，它被广泛应用到各大软件公司。本课程适合在计算机专业、非计算机专业但需要数据库辅助科研的理工科专业。教学目
  • python查询sqlserver视图_SQL Server 2017 数据库教与学（教学大纲，含Python+SQL Server案例）... weixin_39614874
    原标题：SQLServer2017数据库教与学(教学大纲，含Python+SQLServer案例)本书提供Python+SQLServer案例SQLServer教学大纲一、课程的性质和教学目的课程性质：数据库技术是各类信息系统、管理系统的基础。SQLServer数据库是微软公司的一款数据库产品，它被广泛应用到各大软件公司。本课程适合在计算机专业、非计算机专业但需要数据库辅助科研的理工科专业。教学目
  • 【趣学SQL】第八章：SQL 实战案例 8.1 编写可维护的 SQL 代码——从“代码屎山“到“代码花园“的改造指南 精通代码大仙 数据库sql数据库java
    第八章：SQL最佳实践8.1编写可维护的SQL代码——从"代码屎山"到"代码花园"的改造指南欢迎来到「SQL代码整形医院」！今天我们将化身"代码园丁"，用一家因SQL代码混乱导致全员加班的虚拟电商公司案例，教你如何把"祖传屎山代码"修剪成"清爽可维护的艺术品"。8.1.1代码整洁的原则——SQL界的"优雅八荣八耻"案例：一段让同事想拔刀的代码SELECTa.id,b.total,c.nameFRO
  • 深度探索 DeepSeek-R1：国产大模型的AGI雏形与创新进展 微凉的衣柜 科技头条agi人工智能
    随着人工智能技术的飞速发展，国内外企业纷纷发布了一系列创新的大模型，推动了AGI（通用人工智能）领域的探索。近期，DeepSeek-R1这一模型的发布引起了广泛关注，它不仅标志着国产大模型在智能化上的一次重大突破，还提出了全新的训练方法，解决了过去依赖大量人类数据的问题。本篇文章将详细介绍DeepSeek-R1的核心优势、技术创新以及实际应用案例，揭示它在AGI领域的潜力。1.DeepSeek-R
  • 适配器模式详解：解决接口不兼容问题的灵活设计模式 Nita. 设计模式C#适配器模式设计模式c#
    适配器模式目录1概述2主要角色3适配器模式的两种实现方式类适配器3.1.1示例3.1.2Mermaid图对象适配器3.2.1示例3.2.2MerMaid类图双向适配器模式3.3.1示例接口实现具体实现3.3.2MerMaid类图缺省适配器模式3.4.1示例3.4.2Mermaid类图4适用场景具体场景示例5适配器模式的优缺点5.1优点5.2缺点6.NET中的适配器模式案例DataAdapter：H
  • 2024人工智能AI+制造业应用落地研究报告汇总PDF洞察（附原数据表） 拓端研究室 人工智能
    原文链接：https://tecdat.cn/?p=39068本报告合集洞察深入剖析当前技术应用的现状，关键技术创新方向，以及行业应用的具体情况，通过制造业具体场景的典型案例揭示人工智能如何助力制造业研发设计、生产制造、运营管理和产品服务的全流程智能化升级。在此基础上对制造业人工智能的未来发展趋势进行展望，以期为相关政策制定者以及行业从业者提供决策支持，共同助力我国制造业在人工智能时代的转型升级和
  • 系统相关类——java.lang.Math （三）（案例详细拆解小白友好） 励志去大厂的菜鸟 Java思想和方法Java学习白话拆解Javajava开发语言服务器深度学习学习方法
    前言：小编打算近期更俩三期类的专栏，一些常用的专集类，给大家分好类别总结和详细的代码举例解释。今天是第三个java.lang.Math类我们一直都是以这样的形式，让新手小白轻松理解复杂晦涩的概念，把Java代码拆解的清清楚楚，每一步都知道他是怎么来的，为什么用这串代码关键字，对比同类型的代码，让大家真正看完以后融会贯通，举一反三，实践应用！！！！①官方定义和大白话拆解对比②举生活中常见贴合例子、图
  • < HarmonyOS TechTalk 32 > 全场景协同开发实践 harmonyos
    课程简介本课程是【HarmonyOSTechTalk】的第32课。本课程主题为全场景协同开发实践，主要针对鸿蒙全场景协同场景的讲解，包含接续、跨设备互通、跨设备剪贴板等协同场景，并提供了多个实践案例。标签高级课程HarmonyOS全场景接续跨设备互通跨设备剪贴板观看课程点击链接，立马观看学习：全场景协同开发实践学习全部课程共33个课程，欢迎小伙伴们观看学习，掌握更多鸿蒙开发技能。事件通知高频场景串
  • 【趣学SQL】第四章：高级 SQL 功能 4.1 触发器与存储过程——数据库的“自动机器人“和“万能工具箱“ 精通代码大仙 数据库sqloracle
    第四章：高级SQL功能4.1触发器与存储过程——数据库的"自动机器人"和"万能工具箱"欢迎来到「数据库魔法工坊」！今天我们将化身"SQL巫师"，用一家虚拟咖啡店的会员系统崩溃案例，教你如何用触发器和存储过程打造自动化的数据流水线。☕️4.1.1触发器的基本概念——当数据库学会"条件反射"真实惨案：某咖啡店因人工操作失误导致：VIP会员充值100元，积分却未到账新用户注册未分配默认优惠券凌晨3点订单
  • SQL之分析函数/开窗函数案例分析与题目练习 QQ糖~~~~ mysqloracleoraclesqlmysql
    开窗函数简介:与聚合函数一样，开窗函数也是对行集组进行聚合计算，但是它不像普通聚合函数那样每组只返回一个值，开窗函数可以为每组返回多个值，因为开窗函数所执行聚合计算的行集组是窗口。在ISOSQL规定了这样的函数为开窗函数，在Oracle中则被称为分析函数。下面有一些习题来练习一下：数据表（Oracle）：T_Person表保存了人员信息，FName字段为人员姓名，FCity字段为人员所在的城市名，
  • Spring中@Value注解，需要注意的地方 无量 springbean@Valuexml
    Spring 3以后,支持@Value注解的方式获取properties文件中的配置值，简化了读取配置文件的复杂操作 1、在applicationContext.xml文件(或引用文件中)中配置properties文件 <bean id="appProperty" class="org.springframework.beans.fac
  • mongoDB 分片 开窍的石头 mongodb
        mongoDB的分片。要mongos查询数据时候 先查询configsvr看数据在那台shard上，configsvr上边放的是metar信息，指的是那条数据在那个片上。由此可以看出mongo在做分片的时候咱们至少要有一个configsvr,和两个以上的shard（片）信息。     第一步启动两台以上的mongo服务 &nb
  • OVER(PARTITION BY)函数用法 0624chenhong oracle
    这篇写得很好，引自 http://www.cnblogs.com/lanzi/archive/2010/10/26/1861338.html OVER(PARTITION BY)函数用法 2010年10月26日 OVER(PARTITION BY)函数介绍 开窗函数        &nb
  • Android开发中，ADB server didn't ACK 解决方法 一炮送你回车库 Android开发
    首先通知：凡是安装360、豌豆荚、腾讯管家的全部卸载，然后再尝试。   一直没搞明白这个问题咋出现的，但今天看到一个方法，搞定了！原来是豌豆荚占用了 5037 端口导致。 参见原文章：一个豌豆荚引发的血案——关于ADB server didn't ACK的问题 简单来讲，首先将Windows任务进程中的豌豆荚干掉，如果还是不行，再继续按下列步骤排查。 &nb
  • canvas中的像素绘制问题 换个号韩国红果果 JavaScriptcanvas
    pixl的绘制，1.如果绘制点正处于相邻像素交叉线，绘制x像素的线宽，则从交叉线分别向前向后绘制x/2个像素，如果x/2是整数，则刚好填满x个像素，如果是小数，则先把整数格填满，再去绘制剩下的小数部分，绘制时，是将小数部分的颜色用来除以一个像素的宽度，颜色会变淡。所以要用整数坐标来画的话（即绘制点正处于相邻像素交叉线时），线宽必须是2的整数倍。否则会出现不饱满的像素。 2.如果绘制点为一个像素的
  • 编码乱码问题 灵静志远 javajvmjsp编码
    1、JVM中单个字符占用的字节长度跟编码方式有关，而默认编码方式又跟平台是一一对应的或说平台决定了默认字符编码方式；2、对于单个字符：ISO-8859-1单字节编码，GBK双字节编码，UTF-8三字节编码；因此中文平台(中文平台默认字符集编码GBK)下一个中文字符占2个字节，而英文平台(英文平台默认字符集编码Cp1252(类似于ISO-8859-1))。 3、getBytes()、getByte
  • java 求几个月后的日期 darkranger calendargetinstance
    Date plandate = planDate.toDate(); SimpleDateFormat df = new SimpleDateFormat("yyyy-MM-dd"); Calendar cal = Calendar.getInstance(); cal.setTime(plandate); // 取得三个月后时间 cal.add(Calendar.M
  • 数据库设计的三大范式（通俗易懂） aijuans 数据库复习
    关系数据库中的关系必须满足一定的要求。满足不同程度要求的为不同范式。数据库的设计范式是数据库设计所需要满足的规范。只有理解数据库的设计范式，才能设计出高效率、优雅的数据库，否则可能会设计出错误的数据库. 目前，主要有六种范式：第一范式、第二范式、第三范式、BC范式、第四范式和第五范式。满足最低要求的叫第一范式，简称1NF。在第一范式基础上进一步满足一些要求的为第二范式，简称2NF。其余依此类推。
  • 想学工作流怎么入手 atongyeye jbpm
    工作流在工作中变得越来越重要，很多朋友想学工作流却不知如何入手。 很多朋友习惯性的这看一点，那了解一点，既不系统，也容易半途而废。好比学武功，最好的办法是有一本武功秘籍。研究明白，则犹如打通任督二脉。 系统学习工作流，很重要的一本书《JBPM工作流开发指南》。 本人苦苦学习两个月，基本上可以解决大部分流程问题。整理一下学习思路，有兴趣的朋友可以参考下。 1  首先要
  • Context和SQLiteOpenHelper创建数据库 百合不是茶 androidContext创建数据库
           一直以为安卓数据库的创建就是使用SQLiteOpenHelper创建,但是最近在android的一本书上看到了Context也可以创建数据库,下面我们一起分析这两种方式创建数据库的方式和区别,重点在SQLiteOpenHelper     一:SQLiteOpenHelper创建数据库:   1,SQLi
  • 浅谈group by和distinct bijian1013 oracle数据库group bydistinct
            group by和distinct只了去重意义一样，但是group by应用范围更广泛些，如分组汇总或者从聚合函数里筛选数据等。         譬如：统计每id数并且只显示数大于3 select id ,count(id) from ta
  • vi opertion 征客丶 macoprationvi
    进入 command mode （命令行模式） 按 esc 键 再按 shift + 冒号 注：以下命令中 带 $ 【在命令行模式下进行】，不带 $ 【在非命令行模式下进行】 一、文件操作 1.1、强制退出不保存 $ q! 1.2、保存 $ w 1.3、保存并退出 $ wq 1.4、刷新或重新加载已打开的文件 $ e 二、光标移动 2.1、跳到指定行 数字
  • 【Spark十四】深入Spark RDD第三部分RDD基本API bit1129 spark
      对于K/V类型的RDD,如下操作是什么含义？   val rdd = sc.parallelize(List(("A",3),("C",6),("A",1),("B",5)) rdd.reduceByKey(_+_).collect  reduceByKey在这里的操作，是把
  • java类加载机制 BlueSkator java虚拟机
    java类加载机制 1.java类加载器的树状结构 引导类加载器 ^ | 扩展类加载器 ^ | 系统类加载器 java使用代理模式来完成类加载，java的类加载器也有类似于继承的关系，引导类是最顶层的加载器，它是所有类的根加载器，它负责加载java核心库。当一个类加载器接到装载类到虚拟机的请求时，通常会代理给父类加载器，若已经是根加载器了，就自己完成加载。 虚拟机区分一个Cla
  • 动态添加文本框 BreakingBad 文本框
      <script>     var num=1; function AddInput() {      var str="";     str+="<input 
  • 读《研磨设计模式》-代码笔记-单例模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ public class Singleton { } /* * 懒汉模式。注意，getInstance如果在多线程环境中调用，需要加上synchronized，否则存在线程不安全问题 */ class LazySingleton
  • iOS应用打包发布常见问题 chenhbc iosiOS发布iOS上传iOS打包
    这个月公司安排我一个人做iOS客户端开发，由于急着用，我先发布一个版本，由于第一次发布iOS应用，期间出了不少问题，记录于此。   1、使用Application Loader 发布时报错：Communication error.please use diagnostic mode to check connectivity.you need to have outbound acc
  • 工作流复杂拓扑结构处理新思路 comsci 设计模式工作算法企业应用OO
    我们走的设计路线和国外的产品不太一样，不一样在哪里呢？  国外的流程的设计思路是通过事先定义一整套规则(类似XPDL)来约束和控制流程图的复杂度(我对国外的产品了解不够多，仅仅是在有限的了解程度上面提出这样的看法)，从而避免在流程引擎中处理这些复杂的图的问题，而我们却没有通过事先定义这样的复杂的规则来约束和降低用户自定义流程图的灵活性，这样一来，在引擎和流程流转控制这一个层面就会遇到很
  • oracle 11g新特性Flashback data archive daizj oracle
    1. 什么是flashback data archive Flashback data archive是oracle 11g中引入的一个新特性。Flashback archive是一个新的数据库对象，用于存储一个或多表的历史数据。Flashback archive是一个逻辑对象，概念上类似于表空间。实际上flashback archive可以看作是存储一个或多个表的所有事务变化的逻辑空间。
  • 多叉树:2-3-4树 dieslrae 树
        平衡树多叉树,每个节点最多有4个子节点和3个数据项,2,3,4的含义是指一个节点可能含有的子节点的个数,效率比红黑树稍差.一般不允许出现重复关键字值.2-3-4树有以下特征:     1、有一个数据项的节点总是有2个子节点(称为2-节点)     2、有两个数据项的节点总是有3个子节点(称为3-节
  • C语言学习七动态分配 malloc的使用 dcj3sjt126com clanguagemalloc
    /* 2013年3月15日15:16:24 malloc 就memory(内存) allocate(分配)的缩写 本程序没有实际含义，只是理解使用 */ # include <stdio.h> # include <malloc.h> int main(void) { int i = 5; //分配了4个字节 静态分配 int * p
  • Objective-C编码规范[译] dcj3sjt126com 代码规范
      原文链接 : The official raywenderlich.com Objective-C style guide 原文作者 : raywenderlich.com Team 译文出自 : raywenderlich.com Objective-C编码规范 译者 : Sam Lau
  • 0.性能优化-目录 frank1234 性能优化
    从今天开始笔者陆续发表一些性能测试相关的文章，主要是对自己前段时间学习的总结，由于水平有限，性能测试领域很深，本人理解的也比较浅，欢迎各位大咖批评指正。 主要内容包括： 一、性能测试指标 吞吐量、TPS、响应时间、负载、可扩展性、PV、思考时间 http://frank1234.iteye.com/blog/2180305 二、性能测试策略 生产环境相同 基准测试 预热等 htt
  • Java父类取得子类传递的泛型参数Class类型 happyqing java泛型父类子类Class
      import java.lang.reflect.ParameterizedType; import java.lang.reflect.Type; import org.junit.Test; abstract class BaseDao<T> { public void getType() { //Class<E> clazz =
  • 跟我学SpringMVC目录汇总贴、PDF下载、源码下载 jinnianshilongnian springMVC
      ----广告-------------------------------------------------------------- 网站核心商详页开发 掌握Java技术，掌握并发/异步工具使用，熟悉spring、ibatis框架； 掌握数据库技术，表设计和索引优化，分库分表/读写分离； 了解缓存技术，熟练使用如Redis/Memcached等主流技术； 了解Ngin
  • the HTTP rewrite module requires the PCRE library 流浪鱼 rewrite
    ./configure: error: the HTTP rewrite module requires the PCRE library. 模块依赖性Nginx需要依赖下面3个包 1. gzip 模块需要 zlib 库 ( 下载: http://www.zlib.net/ ) 2. rewrite 模块需要 pcre 库 ( 下载: http://www.pcre.org/ ) 3. s
  • 第12章 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/
  • Optimize query with Query Stripping in Web Intelligence blueoxygen BO
    http://wiki.sdn.sap.com/wiki/display/BOBJ/Optimize+query+with+Query+Stripping+in+Web+Intelligence and a very straightfoward video http://www.sdn.sap.com/irj/scn/events?rid=/library/uuid/40ec3a0c-936
  • Java开发者写SQL时常犯的10个错误 tomcat_oracle javasql
    1、不用PreparedStatements 　　有意思的是，在JDBC出现了许多年后的今天，这个错误依然出现在博客、论坛和邮件列表中，即便要记住和理解它是一件很简单的事。开发者不使用PreparedStatements的原因可能有如下几个： 　　他们对PreparedStatements不了解 　　他们认为使用PreparedStatements太慢了 　　他们认为写Prepar
  • 世纪互联与结盟有感 阿尔萨斯
    10月10日，世纪互联与（Foxcon）签约成立合资公司，有感。 全球电子制造业巨头（全球500强企业）与世纪互联共同看好IDC、云计算等业务在中国的增长空间，双方迅速果断出手，在资本层面上达成合作，此举体现了全球电子制造业巨头对世纪互联IDC业务的欣赏与信任，另一方面反映出世纪互联目前良好的运营状况与广阔的发展前景。 众所周知，精于电子产品制造（世界第一），对于世纪互联而言，能够与结盟
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他