大白菜丶奇
大白菜丶奇

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基础案例)

  • 一文读懂智能体架构：模块化设计如何提升效率与灵活性 功城师 人工智能大语言模型自然语言处理大模型深度学习智能体LLM
    随着人工智能技术的快速发展，智能体在企业知识管理、客户服务、业务数据分析等领域的应用愈加广泛。一个优秀的智能体设计不仅要具备高效处理用户需求的能力，还需要灵活适配不同场景的任务需求。本文将通过一个智能体的具体设计流程图，结合实际案例，详细解析其架构设计、功能实现及背后的技术逻辑，帮助大家深入了解智能体的构建过程。一、智能体设计的核心思路在智能体的设计过程中，最关键的是对用户需求的精准理解和快速响应
  • 【MCU输入捕获模式】 楼台的春风 嵌入式开发STM32单片机嵌入式硬件stm32mcu嵌入式c语言物联网
    MCU输入捕获模式目录MCU输入捕获模式引言一、基本概念二、实现原理三、应用案例四、优势与局限五、配置与注意事项（以STM32为例）引言输入捕获模式（InputCaptureMode）是一种用于捕获外部输入信号变化的微控制器（MCU）功能，通常集成在定时器（Timer）模块中。通过这种模式，MCU可以精确记录外部信号的边沿事件，如上升沿或下降沿，进而计算出信号的周期、脉宽等参数。这种方法在嵌入式系
  • JavaScript 番茄工作法倒计时器：轻松实现时间管理，新手友好教程前端倒计时设计案例：用 JavaScript 实现番茄工作法，代码全解析从零开始构建番茄工作法倒计时器：JavaScript 南北极之间 前端进阶练手实战javascript前端开发语言1024程序员节番茄工作法倒计时
    效果图：博客教程：用JavaScript构建番茄工作法倒计时器目录项目介绍工具与环境准备项目结构HTML构建页面结构CSS美化倒计时页面JavaScript实现倒计时与番茄工作法功能总结1.项目介绍在本教程中，我们将使用HTML、CSS和JavaScript创建一个带有番茄工作法的倒计时器。番茄工作法是一种有效的时间管理方法，将工作时间分为25分钟的工作时间和5分钟的休息时间循环。你将学习如何：使
  • Vue01 memorycx vue.jsjavascriptecmascript
    vuevue基础vue-clivue-routervuexelement-uivue3vue基础vue是什么一套用于构建用户界面的渐进式JavaScript框架采用组件化模式，提高diamagnetic复用率，让代码更好维护声明式编码，让编码人员无需直接操作DOM，提高开发效率去vue官网下载开发版本，然后在html文件中引入//这是在头部引入细节：root容器里的代码依然符合html规范，只不过
  • 鸿蒙5.0实战案例：基于原生能力的横竖屏旋转适配 敢嗣先锋 鸿蒙开发移动开发HarmonyOSharmonyos鸿蒙开发openharmony移动开发ArkUI
    往期推文全新看点（文中附带全新鸿蒙5.0全栈学习笔录）✏️鸿蒙（HarmonyOS）北向开发知识点记录~✏️鸿蒙（OpenHarmony）南向开发保姆级知识点汇总~✏️鸿蒙应用开发与鸿蒙系统开发哪个更有前景？✏️嵌入式开发适不适合做鸿蒙南向开发？看完这篇你就了解了~✏️对于大前端开发来说，转鸿蒙开发究竟是福还是祸？✏️鸿蒙岗位需求突增！移动端、PC端、IoT到底该怎么选？✏️记录一场鸿蒙开发岗位面
  • Python函数返回值处理全解析：单值、多值、`None`场景与应用技巧 燃灯工作室 Pythonpython开发语言
    一、函数返回值处理要点1.单值返回（最常见形式）案例：计算圆的面积defcalculate_circle_area(radius):return3.14159*radius**2#接收单个返回值area=calculate_circle_area(5)print(f"半径为5的圆面积：{area:.2f}")#输出：半径为5的圆面积：78.54易错点警示：#错误写法：误以为返回多个值result=
  • Python参数传递机制全解：位置参数 vs 关键字参数（含实战案例与最佳实践） 燃灯工作室 Pythonpython网络服务器
    正文内容一、核心概念解析1.1参数定义位置参数：基于参数位置的顺序传递关键字参数：通过参数名显式指定#函数定义中的参数defcalculate(a,b,operation='add'):#a,b是位置参数，operation是带默认值的位置参数pass1.2核心差异特性位置参数关键字参数传递方式按位置顺序按参数名指定灵活性低高可读性依赖顺序自我描述性强二、语法规则详解2.1基础语法规范#正确用法示
  • 数仓建模—数据管理能力成熟度评估模型(DCMM) 不二人生 数仓建模数据仓库数仓建模
    文章目录数仓建模—数据管理能力成熟度评估模型(DCMM)数据管理能力成熟度研究现状国外研究现状国内研究现状DCMM与其他数据管理体系有什么区别什么是DCMMDCMM包含哪些内容DCMM等级评估等级划分什么样的企业可以申请DCMM评估DCMM评估流程评估细节评估方式评估类型评估参考标准企业主要有哪些人参与目前哪些机构具备DCMM评估的资质收费情况DCMM的价值应用案例总结数仓建模—数据管理能力成熟度
  • Python 爬虫实战案例 - 获取BOSS直聘网招聘职位信息 西攻城狮北 python爬虫BOSS直聘招聘信息
    引言在当今竞争激烈的职场环境中，无论是求职者渴望找到理想工作，还是企业力求招揽优秀人才，精准、及时的招聘信息都至关重要。BOSS直聘作为国内知名的在线招聘平台，汇聚了海量的职位资源，涵盖各行各业、各个层级。对于求职者，这里宛如一座蕴藏无限机会的宝库，能助其快速锚定契合自身发展的岗位；对于企业，它则是发现千里马的优质猎场，可精准匹配所需人才。而Python爬虫技术恰似一把神奇钥匙，能开启这座宝库的大
  • Mamba架构深度解析：基于状态空间模型的线性复杂度序列处理实战指南（附代码+案例 燃灯工作室 Ai架构
    一、技术原理：状态空间模型与线性复杂度数学推导1.传统状态空间模型（SSM）连续系统描述：h′(t)=Ah(t)+Bx(t)y(t)=Ch(t)+Dx(t)\begin{aligned}h'(t)&=Ah(t)+Bx(t)\\y(t)&=Ch(t)+Dx(t)\end{aligned}h′(t)y(t)=Ah(t)+Bx(t)=Ch(t)+Dx(t)离散化后（零阶保持法）：hk=Aˉhk−1+Bˉ
  • DeepSeek技术解析：降本增效的“双刃剑”如何重塑AI产业？ 爱吃青菜的大力水手 人工智能
    DeepSeek技术解析：降本增效的“双刃剑”如何重塑AI产业？正面影响分析算力需求与成本大幅降低DeepSeek通过算法优化（如稀疏计算、知识蒸馏）和模型压缩技术，将云端训练算力需求降至传统大模型的35%，车端推理芯片需求减少至65%。例如，某车企使用高通8650平台后，智驾系统成本显著下降。这种优化使得中小企业能以更低成本部署AI，甚至支持本地化私有化部署（如金融行业案例），同时减少对英伟达高
  • 【MySQL】表数据的CRUD操作详解 可涵不会debug MySQL数据库mysqlc语言
    前言：CRUD操作CRUD:Create(创建),Retrieve(读取)，Update(更新)，Delete（删除）1.Createinsert插入语法：INSERT[INTO]table_name[(column[,column]...)]VALUES(value_list)[,(value_list)]...value_list:value,[,value]...案例：创建一个学生表CREA
  • 《流程思维》：解码流程管理本质，赋能企业高效进化 流程人工智能深度学习
    这是一本让“流程”从工具升维为战略思维的管理指南！书籍概况王玉荣与葛新红合著的《流程思维》，是一部系统阐述流程管理底层逻辑与实战价值的著作。作者基于多年企业咨询经验，将流程从“操作步骤”的浅层定义中剥离，赋予其“战略支撑”“动态进化”“价值创造”等深刻内涵。书中不仅以生态化视角重新定义流程，更结合数字化时代背景，剖析IT系统、数据资产与流程管理的深度融合路径，并通过大量制造业、服务业案例，揭示流程
  • 单片机程序的模块化设计 _祥子@ 单片机嵌入式硬件
    单片机程序的模块化设计是提高代码可维护性、可复用性和可扩展性的关键方法。以下是实现模块化的具体方法，结合技术要点和实际案例说明：1.功能拆分与模块划分原则：按功能或硬件外设划分独立模块（如LED、按键、UART、ADC等）。案例：//模块示例：LED驱动模块//led.h#ifndefLED_H#defineLED_HvoidLED_Init(void);voidLED_Toggle(uint8_
  • 单片机程序的分层设计方法 _祥子@ 单片机嵌入式硬件
    分层设计是单片机程序模块化的核心方法之一，通过将不同职责的代码分离到不同层次，能够显著提升代码的可维护性、可移植性和可扩展性。以下是分层设计的具体方法、实现步骤和实际案例：1.分层设计的核心思想目标：将代码按抽象级别分层，每一层只关注特定职责，上层依赖下层接口，但不依赖具体实现。优势：降低耦合：修改底层硬件时，上层业务逻辑无需改动。提高复用：同一驱动层可适配不同硬件（如STM32和ESP32）。简
  • 说说DNS劫持那点事儿 银之夏雪丶 前端web安全
    在互联网时代，我们每天都在通过浏览器访问各种网站，获取信息、进行社交、购物娱乐等。然而，在这看似便捷的网络交互背后，却隐藏着一种威胁——DNS劫持。DNS劫持就像一个隐形的“网络小偷”，悄然改变着我们的网络访问路径，带来诸多危害。那么，究竟什么是DNS劫持？它为何会出现？又有哪些实际案例和常见场景？我们该如何解决这一问题呢？想要深入了解这些，我们首先需要清楚DNS解析过程。一、DNS解析过程当我们
  • 为什么React Hooks需要顺序调用 银之夏雪丶 react.jsjavascript前端
    在享受ReactHooks带来的便捷性的同时，我们必须严格遵循顺序调用的规则，这一规则的重要性远超我们的想象。本文将深入探讨顺序调用对ReactHooks的重要性，并结合常见的缺陷，通过具体的代码案例进行详细阐述，揭示其背后深层次的原理。一、ReactHooks工作原理理解ReactHooks的工作原理是掌握顺序调用重要性的关键。React内部维护着一个Hooks链表，每次组件渲染时，React会
  • 项目管理的数字化转型：趋势与实践——从工具革新到效率革命 小稻草打打打 Prince项目管理Prince敏捷开发项目管理
    在数字化浪潮的推动下，项目管理正经历一场深刻的变革。传统依赖人工协调、纸质文档和静态计划的管理方式已无法应对日益复杂的项目需求。据统计，采用数字化工具的项目团队效率可提升40%以上，成本超支风险降低30%。本文将深入解析项目管理数字化转型的五大核心趋势，结合真实案例与工具应用，为读者提供可落地的实践指南。一、数字化转型的五大核心趋势1.虚拟团队与协作工具的常态化远程协作已成为项目管理的主流模式。通
  • 《ArkTs鸿蒙应用开发入门到实战》震感上市啦！ 敏敏_4148 我的好书harmonyos华为
    从传统HarmonyOS应用开发到元服务开发书籍结构基础篇：HarmonyOS历史、核心技术、ArkTS/ArkUI基础。进阶篇：布局容器、基础/高级组件、低代码开发，提升效率。实战篇：真实项目案例，理论转实战，应对复杂场景。书籍特色实战项目案例：23个应用案例+4个实战项目，基于作者实战经验，稍作调整即可实战。系统学习路径：从ArkTS语言、ArkUI框架讲起，助你快速上手。多样化技术对比：通过
  • 腾讯云容器与Serverless的融合：探索《2023技术实践精选集》中的创新实践 虎头金猫 云原生云原生dockerserverless容器运维运维开发腾讯云
    腾讯云容器与Serverless的融合：探索《2023技术实践精选集》中的创新实践文章目录腾讯云容器与Serverless的融合：探索《2023技术实践精选集》中的创新实践引言《2023腾讯云容器和函数计算技术实践精选集》整体评价特色亮点分析Serverless与Kubernetes的融合FinOps在资源配置优化中的应用云监控Barad的云原生实践对云计算领域的贡献和影响阅读体验分享案例的实用性
  • easy connect 连接不上网络，本地环境出现异常 玩人工智能的辣条哥 计算机应用软件easyconnect
    环境：Win7专业版easyconnect问题描述：easyconnect连接不上网络，本地环境出现异常解决方案：1.打开IE的lnternet选项–高级看看是否勾选了SSL3.0TLS1.0，取消（未解决）2.请先关闭防火墙和杀毒软件3.右击以管理员身份运行测试一下4.用windows环境诊断修复工具扫描测试5.卸载重装一下客户端,更新客户端（解决本案例）
  • 精选 ES（elasticsearch）添加、修改、查询、删除详细使用语法 代码讲故事 架构师成长之路ELK中间件elasticsearchES使用查询语法
    精选ES（elasticsearch）添加、修改、查询、删除详细使用语法。elasticsearch是一个分布式、RESTful风格的数据搜索和分析引擎。es使用简单，支持集群，适用于海量数据的存储、搜索与分析，应用十分广泛。Elastic有一条完整的产品线：Elasticsearch、Kibana、Logstash等，前面说的三个就是大家常说的ELK技术栈。案例一1、根据用户ID、是否隐藏、帖子
  • Mysql调优---Mysql锁机制（油炸圣女果的学习日记第七期） 油炸圣女果 mysql学习数据库
    本期来介绍一下Mysql中的锁机制。首先，分享一个今天抖音刷到的一个视频，很有意思且对上一期和这期的知识理解很有帮助，非常形象的体现了事务隔离级别在工作中出现的问题案例：6.41复制打开抖音，看看【孟小哥捉虫vlog的作品】想不通为啥有bug，骨干：你投下代码！#程序员...https://v.douyin.com/i5dpJhs6/[email protected]/25aNW:/锁机制详解锁是计算机协调多个进程
  • 深度融入行业的利器：Helsinki-NLP Opus-MT-zh-en模型的应用案例 彭榕赢Driscoll
    深度融入行业的利器：Helsinki-NLPOpus-MT-zh-en模型的应用案例opus-mt-zh-en项目地址:https://gitcode.com/mirrors/Helsinki-NLP/opus-mt-zh-en在当今全球化的大背景下，语言翻译的需求日益增长。Helsinki-NLPOpus-MT-zh-en模型，作为一款由赫尔辛基大学语言技术研究组开发的翻译模型，以其卓越的性能和
  • UE4 3D Widget 不显示问题 sh15285118586 UEUE43Dwidget不显示
    这是Epic公司官方讲解3DWidget案例：https://docs.unrealengine.com/latest/INT/Engine/UMG/HowTo/Create3DWidgets/index.html不现实情况一：将Actor拖到场景中，要按照Z轴旋转180度，正面朝向摄像机才显视。不现实情况二：所有步骤都安装官网做，也不是第一种情况，那么解决办法是，删除Saved和Intermed
  • 领航者-跟随者编队算法 定义+特性+原理+公式+Python示例代码（带详细注释） m0_74822999 面试学习路线阿里巴巴算法python开发语言
    文章目录引言定义特性基本原理和公式推导基本原理公式推导运动模型领航者的控制跟随者的控制示例推导实现步骤和代码实现实现步骤Python代码实现（带详细注释）代码运行结果代码和图表说明应用案例优化和挑战优化挑战结论引言在现代科技的发展中，无人机和自动驾驶汽车已经变得越来越普遍。这些技术依赖于多智能体系统（MAS），即多个智能设备一起协作完成任务。在这些系统中，领航者-跟随者编队算法是非常重要的一部分。
  • 数据安全_笔记系列01：数据分类分级与敏感数据识别详解 宁宁可可 数据安全分类人工智能大数据
    数据安全_笔记系列01：数据分类分级与敏感数据识别详解1)、数据分类分级与敏感数据识别详解数据分类分级是数据安全治理的核心环节，旨在根据数据的敏感性和重要性，制定差异化的保护策略。以下从定义、法规、方法、工具、案例等维度全面解析：一、数据分类分级是什么？数据分类（DataClassification）按数据的属性、用途、内容划分类型（如个人信息、财务数据、研发数据）。目标：明确数据归属，便于针对性
  • 探索Perl语言：入门学习与实战指南 洛秋_ 后端开发perl
    文章目录探索Perl语言：入门学习与实战指南一、Perl语言概述二、Perl的安装与配置安装PerlWindowsmacOSLinux配置Perl三、基本语法与数据类型标量变量数组哈希四、控制结构条件语句循环语句五、子程序与模块子程序模块六、文件操作与正则表达式文件读取与写入正则表达式应用七、常用模块介绍DBI模块LWP模块JSON模块八、实战案例简单的Web爬虫数据库操作九、测试接口与详细解释接
  • 新手SEO实战手册 老陈头聊SEO SEO其他
    内容概要对于刚接触SEO的新手而言，系统性理解优化框架是成功的第一步。《新手SEO实战手册》以“从理论到实践”为脉络，构建了涵盖基础认知、技术操作及效果追踪的全流程学习路径。通过拆解搜索引擎工作原理与排名规则，帮助用户建立清晰的优化逻辑，同时结合实战案例，降低学习门槛。下表概括了手册的核心学习模块与对应目标：学习模块核心要点关键词策略长尾词挖掘方法、搜索意图分析与竞争评估站内技术优化URL结构设计
  • 71、Go语言全局初始化利器：sync.Once的深度解析与应用 多多的编程笔记 Go语言开发golang开发语言后端
    Go语言开发：sync.Once的使用，实现全局唯一初始化本文将介绍Go语言中sync.Once的使用，以及如何利用它实现全局唯一的初始化。通过阅读本文，您将了解sync.Once的基本概念、应用场景以及一些实用的技巧和案例。1.sync.Once简介在Go语言中，sync.Once是一个同步原语，用于确保某个函数仅被执行一次。这对于初始化操作特别有用，例如全局变量的初始化，因为它们需要在程序启动
  • 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其他