青空95
青空95

08-书籍购物车案例


<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Titletitle>
  <link rel="stylesheet" href="style.css">
head>
<body>
<div id="app">
  <div v-if="books.length">
  <table>
    <thead>
    <th>th>
    <th>书籍名称th>
    <th>出版日期th>
    <th>价格th>
    <th>购买数量th>
    <th>操作th>
    <tbody>
  <tr v-for="(item,index) in books">
    <td>{{item.id}}td>
    <td>{{item.name}}td>
    <td>{{item.data}}td>
    <td>{{item.price | showPrice}}td>
    <td>
     <button @click="decrement(index)" v-bind:disabled="item.count<=1">-button>
      {{item.count}}
      <button @click="increment(index)">+button>
    td>
    <td><button @click="removeHandle">移除button>td>
  tr>
    tbody>
    thead>
  table>
<h2>总价格：{{totalPrice | showPrice}}h2>
  div>
  <h2 v-else>购物车为空h2>
div>
<script src="../js/vue.js">script>
<script src="main.js">script>
body>
html>

const  app = new Vue({
  el:'#app',
  data:{
    books:[
      {
        id:1,
        name:'《算法导论》',
        data: '2006-9',
        price:85.00,
        count:1
      },
      {
        id:2,
        name:'《UNIX编程艺术》',
        data: '2006-2',
        price:59.00,
        count:1
      },
      {
        id:3,
        name:'《编程珠玑》',
        data: '2008-10',
        price:39.00,
        count:1
      },
      {
        id:4,
        name:'《代码大全》',
        data: '2006-3',
        price:128.00,
        count:1
      },
    ]
  },
  methods:{
    increment(index) {
      this.books[index].count++
    },
    decrement(index){
      this.books[index].count--
    },
    removeHandle(index){
      this.books.splice(index,1)
    }

  },
  filters:{
    showPrice(price){
      return '￥'+price.toFixed(2)
    }
  },
  computed:{
    totalPrice(){
      let totalPrice = 0
      for (let i=0;i<this.books.length;i++){
        totalPrice += this.books[i].count*this.books[i].price
      }
      return totalPrice
    }
  }
})

table{
  border: 1px solid #e9e9e9;
  border-collapse: collapse;
  border-spacing: 0;
}
th,td{
  padding: 8px 16px;
  border: 1px solid #e9e9e9;
  text-align: left;
}

th{
  background-color: #f7f7f7;
  color: #5c6b77;
  font-weight: 600;
}

包含知识点：

  1. v-if的使用
  2. v-for的使用
  3. @click绑定事件
  4. 过滤器 showPrice
  5. 计算属性 totalPrice
  6. splice方法

你可能感兴趣的:(前端,vue)

  • React 17 + StoryBook 打造自己团队的UI库
    前言为了提升团队前端工作效率，打造一套团队UI库是有一个有效的方法。既可以减少重复劳动，又可以提高组件的复用率与统一性。创建了团队UI库后，就很有必要搭建一个静态文档网站，用于规范UI库的开发扩展以及规范使用。毕竟这东西不是你一个人开发的，也不是面向你一个人用的，有手册可以查，当然比每天都去问开发人员或者自己摸索来的快。以前是比较趋向于Docz这种静态文档生成插件，Docz的特色是零配置、简单、快
  • MVVM 模式和 MVC 模式区别 weixin_44356698 前端面试2025vue
    MVVMExample{{message}}//ViewModelnewVue({el:'#app',data:{//Modelmessage:''}});MVCExample//Modelletmodel={message:''};//Viewconstinput=document.getElementById('input');constoutput=document.getElementBy
  • 前端常用布局 ox0080 #北漂+滴滴出行VIP激励WebCSS前端布局html
    1.传统两栏布局+响应式适配文件名:traditional-two-column.html传统两栏布局示例*{margin:0;padding:0;box-sizing:border-box;}/*导航栏*/.nav{background:#2c3e50;padding:1rem;color:white;}/*主体容器*/.container{overflow:hidden;/*清除浮动*/}/*
  • 推荐一些免费开源支持Vue3甘特图组件 Microi风闲 【辅助工具】开发伴侣开源甘特图
    文章目录前言一、dhtmlxGantt二、frappe-gantt三、vue-ganttastic四、gantt-elastic五、v-gantt六、vue-gantt-schedule-timeline-calendar七、vue-gantt八、总结前言在现代项目管理和任务调度中，甘特图是一种非常实用的工具。它能够直观地展示任务的时间安排、进度和依赖关系。对于使用Vue3的开发者来说，选择一个合
  • 前端知识点---路由模式-实例模式和单例模式(ts) *星之卡比* 鸿蒙
    在ArkTS（ArkUI框架）中，路由实例模式（StandardInstanceMode）主要用于管理页面跳转。当创建一个新页面时，可以选择标准实例模式（StandardMode）或单实例模式（SingleMode）。路由实例模式标准实例模式（StandardMode）每次跳转都会创建一个新的页面实例。适用于允许用户打开多个相同页面的情况。不会复用已有的页面实例，每次跳转都会创建新的页面实例，用户
  • CefSharp 文件下载和保存功能-监听前端事件 Ben_F CefSharp前端
    重点在启用文件下载和通过JavaScript调用C#保存文件：1.添加文件下载处理器(DownloadHandler)在VueFormService类中，添加一个实现IDownloadHandler接口的类，用于处理文件下载到本地。//新增的DownloadHandler类publicclassDownloadHandler:IDownloadHandler{publicvoidOnBeforeD
  • spring mvc实现自定义验证器Validator 罗汉爷 #玩转Springspringmvcjava自定义Validator
    使用场景在接口开发的日常实践中，确保数据准确性是保障业务稳定性的关键一环。面对诸如登录时验证用户名密码非空、创建用户时检查邮箱和手机号格式的正确性等需求，手动编写校验逻辑不仅耗时费力，还会显著降低代码的可读性和维护性。鉴于网络环境的不确定性及前端数据易遭篡改的特性，后端实施严格的参数校验变得尤为关键，以确保存储和处理的数据在逻辑上的无懈可击。Validator介绍Validator框架凭借其遵循的
  • js操作数组常用的方法 weixin_46541579 javascript前端vue.js
    在前端开发中，操作数组是常见的操作。这里列举下在开发中常用的一些方法。正文开始concat拼接数组constarr1=[1,2,3];constarr2=['q','w','e']constarr3=arr1.concat(arr2);console.log('arr3',arr3);//打印结果[1,2,3,'q','w','e']join数组转成字符串//这里使用上面声明的arr3consti
  • 上传文件到对象存储是选择前端还是后端 nangonghen linux对象存储
    对于云上对象存储的上传方式选择（前端直传或后端代理上传），需综合考虑安全性、性能、成本、业务需求等因素。1.推荐前端直传的场景适用条件：大文件上传（如视频、大型数据集）高并发场景（如用户生成内容平台）需节省服务器带宽成本业务对实时性要求高方案设计：临时凭证（STS）或预签名URL：通过后端服务生成短期有效的安全凭证（如AWSS3预签名URL、阿里云OSSSTS），避免暴露长期密钥。分片上传与断点续
  • 华为OD技术面试真题 - 技术面】- 前端八股文真题题库（8) 算法大师 华为od面试前端华为OD机试E卷javascriptjavapython
    华为OD面试真题精选专栏：华为OD面试真题精选目录:2024华为OD面试手撕代码真题目录以及八股文真题目录文章目录华为OD面试真题精选1.vue中key的作用？为什么不能用index作为key作用为什么不能用index作为key示例说明2.Vue2和Vue3?defineProperty和Proxy?Vue2的`Object.defineProperty()`Vue3的`Proxy`比较和应用场景
  • JavaScript网页设计案例：动态交互式任务列表 学不完了是吧 jsjavascript
    在现代网页开发中，JavaScript被广泛应用于实现动态交互效果。看完这一篇你就可以设计一个动态任务列表，全面展示HTML、CSS和JavaScript在前端开发中的实际应用。通过本案例，你将深入了解事件监听、DOM操作以及用户交互设计的实现过程。案例需求在设计动态任务列表时，我们需要满足以下功能需求：动态添加任务，并显示在列表中。勾选任务表示完成状态，并通过样式标记。单独删除任务。一键清空所有
  • 前端装机必备(Mac、Window通用) m0_73523460 前端macos
    相信大家都遇到过这样一个场景，每次来到一家新公司使用新机开发的时候，都需要重新装一遍我们开发过程中需要的环境和软件以及插件等等，然而每次去找的汇总文章都不全且不尽相同，导致新机的开发体验很陌生。在这里，我给大家整理了一份新机环境、软件及插件清单，在Mac和Windows系统上都可以用，以后就只需要这一份了，还请大家收藏好~环境Git代码管理，项目版本管理Node.js工程化项目安装Npm依赖环境n
  • Vue.js：构建现代动态用户界面的强大工具 KBkongbaiKB vue.jsuiflutter
    在当今数字化时代，前端开发领域蓬勃发展，而Vue.js作为其中一颗耀眼的明星，正引领着一场关于高效、灵活和创新的前端开发革命。它以其独特的设计理念和卓越的性能表现，为开发者提供了一种全新的开发范式，使得构建交互性强、用户体验佳的网页应用变得更加便捷且富有创造力。一、Vue.js的核心概念与架构渐进式框架理念Vue.js秉持渐进式框架的理念，这一特性使其在各类项目中都具有极高的适应性。无论是简单的个
  • 员工管理系统（简单版） java王不二 后端java
    1、项目介绍员工管理系统9功能简单，实现了用户的注册和登录、增删改查用户，适合新手学习2、项目技术后端框架：Servlet、mvc模式前端技术：jsp、css、JavaScript、JQuery3、开发环境JAVA版本：JDK1.8IDE类型：IDEA、Eclipse都可运行tomcat版本：Tomcat7-10版本均可数据库类型：MySql（5.x和8.x版本都可）maven项目：否硬件环境：W
  • vue3开发uniapp转字节小程序注意事项 奔跑的代码！ vue3.0uniAppuni-app小程序vue
    vue3开发uniapp转字节小程序注意事项1.provide-inject跨层通信不支持问题2.不能自定义头部，需要去申请3.不能使用moment日期插件4.不要再组件中使用onShow、onLoad等生命周期5.picker-view、picker-view-column抖音小程序无法选中问题开发相关地址1.抖音开放平台2.开发者平台项目本身是vue3+ts+uniapp写的微信小程序，因产品
  • 云贝餐饮外卖O2O1.5.6+商家端1.1.4+前端 weixin_40214893 源码小程序
    版本号：1.5.6备注：本次更新不需要从头上传小程序【批改】直播插件【批改】微信会员卡图片问题【新增】券包功用云贝餐饮【新增】充值分账功用【新增】生日有礼(需配置独自定时使命,地址在添加生日活动页面获取)【优化】公众号分割红包按钮点了没反应【优化】公众号会员卡权益不显现【优化】会员卡公告显现问题【批改】美食分类查找问题【批改】账单订单类型查找下载地址：http://www.95vs.com/173
  • Vue _总结 北执南念 工作中开发总结Vuevue.js前端javascript
    文章目录一Vue介绍1什么是Vue.js2MVVM二第一个例子1引入vue2html中用法3创建vue实例对象三Vue基本语法1v-text2v-bind3v-on4v-model5v-if6v-for7计算属性8组件化全局注册本地注册9生命周期10员工程序使用vue.js重构list.htmladd.htmlupdate.html四使用vue-cli搭建Vue项目1node.js的安装设置npm
  • 构建现代化设计系统：基于 TypeScript 与 Storybook 的实战指南 全栈探索者chen vue前端typescriptjavascript前端node.js开发语言vue.jsecmascript
    构建现代化设计系统：基于TypeScript与Storybook的实战指南前言在企业级前端开发中，设计系统可以大幅提高开发效率、保证产品一致性，并为团队提供一套可复用的组件库。基于TypeScript构建组件不仅能够提升代码的可维护性和可读性，还能借助强类型检查减少运行时错误。同时，Storybook作为流行的UI组件开发工具，可帮助团队独立开发、预览和测试组件。本文将详细介绍如何构建现代化设计系
  • element的form校验问题 lydxwj 框架插件vuevue.jsjavascript前端
    环境：elementui：V2.13.1vue：2.X问题：表单项必填校验，内容为空时没问题，填写内容后不实时移除必填提示信息新增的动态表单项，不能实时校验，执行form.validate会进行校验分析：form标签上面增加rules来进行校验，el-form-item标签上面需要加prop属性，由于键中存在横杠所以在el-form-item中的表单项进行双向绑定值时是v-model="formD
  • 搭建规范化的vue2项目 lydxwj vuevueEslintPrettier
    项目包含的库Vue2+Vuex+Router+Eslint+Prettier环境vue：2.6.14eslint：7.32.0prettier：2.4.1eslint-plugin-prettier：4.0.0eslint-plugin-vue：8.0.3@vue/cli：5.0.8步骤全局安装cli工具npminstall-g@vue/cli运行创建项目命令vueui运行vuecreatexxx
  • 第三章：组件开发实战 - 第二节 - Tailwind CSS 表单元素样式处理
    在前端开发中，表单元素的样式处理一直是一个重要且复杂的话题。不同浏览器对表单元素有着不同的默认样式，而且某些表单元素的样式难以直接通过CSS进行修改。本节将介绍如何使用TailwindCSS优雅地处理各种表单元素的样式，确保在不同浏览器中呈现一致的外观。基础表单样式设置输入框样式在TailwindCSS中，我们可以使用多个工具类组合来创建美观的输入框样式：这个组合包含以下样式特性：w-full:宽
  • H5之webcoekt播放JPEG图片流 视频处理html5
    一、简介既然webcoekt是基于tcp连接的，理论上讲所有的浏览器是可以私有协议处理二进制的，如果我们需要播放视频，我们可以将视频数据在后端解码后直接将图片推送到webcoekt前端，然后前端通过websocket接收图片然后将图片显示到img或canvas中即可，当然这个是我自己设想的，也是应该可以做的到了，做到如下需要以下技术支持：后端直接ffmpeg转码为jpeg图片流后端定制播放协议包括
  • 前端知识点---库和包的概念 *星之卡比* 前端harmonyos鸿蒙
    1.什么是库（Library）？库（Library）是一组可复用的代码集合，提供特定功能（如网络请求、UI组件、数据处理等）。特点：只是代码的集合，没有完整的应用结构。不能单独运行，必须被应用或其他代码引用使用。可以理解为：「工具箱」里的一个工具（比如一把锤子）。2.什么是包（Package）？包（Package）是指一组代码库的封装，通常包含多个库（Library）、依赖关系和元数据（如pack
  • 制作前端开发中 SVG 图标 xieyan0811 前端前端
    1引言在前端开发中常用的图标通常是SVG格式的。SVG是一种矢量图形格式，可以根据背景变色，且在缩放时边缘不会模糊。像常用的ElementPlusIcon就是使用SVG格式实现的。不过，有时候会找不到我们想要的图标，比如“另存为”、“剪切板”等。引入其他图标集可能也未必包含所有需要的图标。此外，这样做改动太大，还需要确保所有图标在风格上的一致性（例如宽度、弧度的一致）。因此，需要自己制作一些图标。
  • Web3 DApp 测试指南 m0_51192916 web3DApp
    Web3DApp测试个人总结Web3DApp（去中心化应用）前端开发与传统Web2应用存在显著不同。由于DApp依赖智能合约、区块链RPC交互、钱包签名等技术，其测试方式也有别于传统前端测试。本指南系统介绍Web3DApp前端的测试方法，包括功能测试、兼容性测试、安全测试、性能测试，让你快速上手Web3DApp测试。1.Web3DApp基础知识1.1什么是Web3DApp？Web3DApp（Dec
  • 【开题报告】基于Springboot+vue智能停车场管理系统（程序+源码+论文) 计算机毕业设计 计算机程序_设计 springbootvue.js课程设计
    本系统（程序+源码）带文档lw万字以上文末可获取一份本项目的java源码和数据库参考。系统程序文件列表开题报告内容研究背景随着城市化进程的加速，车辆数量急剧增加，停车难问题已成为各大城市面临的严峻挑战。传统的停车场管理方式存在效率低下、资源浪费、用户体验差等问题，无法满足现代城市对高效、便捷停车服务的需求。智能停车场管理系统作为一种创新的解决方案，通过集成先进的物联网技术、云计算技术和大数据分析技
  • 深入理解Vue中的Component：构建灵活且可复用的前端模块 Earth explosion 前端vue.jsjavascript
    在前端开发的世界里，随着应用程序的规模和复杂度不断增加，如何有效地组织和管理代码成为了一个关键问题。Vue.js作为一款流行的前端框架，通过其强大的组件系统为开发者提供了一种优雅且高效的解决方案。本文将深入探讨Vue中的Component（组件），包括其基本概念、创建方式、通信机制以及实际应用场景，帮助开发者更好地理解和运用这一核心特性。一、什么是Vue组件在Vue.js中，组件是可复用的Vue实
  • DeepSeek 助力 Vue3 开发：打造丝滑的表格（Table）之功能优化，基础加载状态,Table8基础加载状态 宝码香车 #DeepSeekvue.jsjavascriptecmascript前端DeepSeek
    前言：哈喽，大家好，今天给大家分享一篇文章！并提供具体代码帮助大家深入理解，彻底掌握！创作不易，如果能帮助到大家或者给大家一些灵感和启发，欢迎收藏+关注哦目录DeepSeek助力Vue3开发：打造丝滑的表格（Table）之功能优化，基础加载状态页面效果整理后主要代码调用TableView8.vue测试代码正常跑通，附其他基本代码编写路由src\router\index.js编写展示入口src\Ap
  • vue管理布局左侧菜单栏NavMenu liuyang___ vue.jsjavascript前端
    我们接着上回的写，我们写一下左侧的菜单logo系统首页系统首页系统首页信息管理系统首页系统首页这就是左侧的代码，我加了一点样式，因为正常的都是上面有一个logo，下面再写菜单栏，我们写一下这个el-menu首先写一个el-menu，这个显然就是一级菜单，然后在里面写el-menu-item写出几项就可以了，然后我们再继续写二级菜单，就是el-submenu，这个东西吧，你可以在里面直接谢日el-m
  • H5播放Rtmp之vue-video-player播放播放 视频播放器html5
    一、简介我们看到了HLS播放视频实时性非常差，好的在6-7s，差点的就要10-12s了，也就是人走了，估计视频上还能看到，这对观感效果造成了很大的影响！但是好处就是它是基于http协议文件下载的，所以不需要任何插件，到处播放，处处兼容，所以rtmp和hls在web端的特点如下：HLS(1)使用http协议，兼容所有浏览器。(2)延时非常大，不太适合实时视频源，适合文件点播或历史录像直播。RTMP(
  • Maven Array_06 eclipsejdkmaven
    Maven Maven是基于项目对象模型(POM)， 信息来管理项目的构建，报告和文档的软件项目管理工具。 Maven 除了以程序构建能力为特色之外，还提供高级项目管理工具。由于 Maven 的缺省构建规则有较高的可重用性，所以常常用两三行 Maven 构建脚本就可以构建简单的项目。由于 Maven 的面向项目的方法，许多 Apache Jakarta 项目发文时使用 Maven，而且公司
  • ibatis的queyrForList和queryForMap区别 bijian1013 javaibatis
    一.说明         iBatis的返回值参数类型也有种：resultMap与resultClass，这两种类型的选择可以用两句话说明之：         1.当结果集列名和类的属性名完全相对应的时候，则可直接用resultClass直接指定查询结果类
  • LeetCode[位运算] - #191 计算汉明权重 Cwind java位运算LeetCodeAlgorithm题解
    原题链接：#191 Number of 1 Bits 要求： 写一个函数，以一个无符号整数为参数，返回其汉明权重。例如，‘11’的二进制表示为'00000000000000000000000000001011', 故函数应当返回3。 汉明权重：指一个字符串中非零字符的个数；对于二进制串，即其中‘1’的个数。 难度：简单 分析： 将十进制参数转换为二进制，然后计算其中1的个数即可。 “
  • 浅谈java类与对象 15700786134 java
          java是一门面向对象的编程语言，类与对象是其最基本的概念。所谓对象，就是一个个具体的物体，一个人，一台电脑，都是对象。而类，就是对象的一种抽象，是多个对象具有的共性的一种集合，其中包含了属性与方法，就是属于该类的对象所具有的共性。当一个类创建了对象，这个对象就拥有了该类全部的属性，方法。相比于结构化的编程思路，面向对象更适用于人的思维
  • linux下双网卡同一个IP 被触发 linux
    转自： http://q2482696735.blog.163.com/blog/static/250606077201569029441/ 由于需要一台机器有两个网卡，开始时设置在同一个网段的IP，发现数据总是从一个网卡发出，而另一个网卡上没有数据流动。网上找了下，发现相同的问题不少： 一、 关于双网卡设置同一网段IP然后连接交换机的时候出现的奇怪现象。当时没有怎么思考、以为是生成树
  • 安卓按主页键隐藏程序之后无法再次打开 肆无忌惮_ 安卓
    遇到一个奇怪的问题，当SplashActivity跳转到MainActivity之后，按主页键，再去打开程序，程序没法再打开（闪一下），结束任务再开也是这样，只能卸载了再重装。而且每次在Log里都打印了这句话"进入主程序"。后来发现是必须跳转之后再finish掉SplashActivity   本来代码：   // 销毁这个Activity fin
  • 通过cookie保存并读取用户登录信息实例 知了ing JavaScripthtml
    通过cookie的getCookies()方法可获取所有cookie对象的集合；通过getName()方法可以获取指定的名称的cookie；通过getValue()方法获取到cookie对象的值。另外，将一个cookie对象发送到客户端，使用response对象的addCookie()方法。 下面通过cookie保存并读取用户登录信息的例子加深一下理解。 （1）创建index.jsp文件。在改
  • JAVA 对象池 矮蛋蛋 javaObjectPool
    原文地址： http://www.blogjava.net/baoyaer/articles/218460.html Jakarta对象池       ☆为什么使用对象池   恰当地使用对象池化技术，可以有效地减少对象生成和初始化时的消耗，提高系统的运行效率。Jakarta Commons Pool组件提供了一整套用于实现对象池化
  • ArrayList根据条件+for循环批量删除的方法 alleni123 java
    场景如下： ArrayList<Obj> list Obj-> createTime, sid. 现在要根据obj的createTime来进行定期清理。（释放内存） ------------------------- 首先想到的方法就是 for(Obj o:list){ if(o.createTime-currentT>xxx){
  • 阿里巴巴“耕地宝”大战各种宝 百合不是茶 平台战略
    “耕地保”平台是阿里巴巴和安徽农民共同推出的一个 “首个互联网定制私人农场”，“耕地宝”由阿里巴巴投入一亿 ，主要是用来进行农业方面，将农民手中的散地集中起来 不仅加大农民集体在土地上面的话语权，还增加了土地的流通与 利用率，提高了土地的产量，有利于大规模的产业化的高科技农业的 发展，阿里在农业上的探索将会引起新一轮的产业调整，但是集体化之后农民的个体的话语权 将更少，国家应出台相应的法律法规保护
  • Spring注入有继承关系的类（1） bijian1013 javaspring
    一个类一个类的注入 1.AClass类 package com.bijian.spring.test2; public class AClass { String a; String b; public String getA() { return a; } public void setA(Strin
  • 30岁转型期你能否成为成功人士 bijian1013 成功
            很多人由于年轻时走了弯路，到了30岁一事无成，这样的例子大有人在。但同样也有一些人，整个职业生涯都发展得很优秀，到了30岁已经成为职场的精英阶层。由于做猎头的原因，我们接触很多30岁左右的经理人，发现他们在职业发展道路上往往有很多致命的问题。在30岁之前，他们的职业生涯表现很优秀，但从30岁到40岁这一段，很多人
  • [Velocity三]基于Servlet+Velocity的web应用 bit1129 velocity
    什么是VelocityViewServlet 使用org.apache.velocity.tools.view.VelocityViewServlet可以将Velocity集成到基于Servlet的web应用中，以Servlet+Velocity的方式实现web应用   Servlet + Velocity的一般步骤 1.自定义Servlet，实现VelocityViewServl
  • 【Kafka十二】关于Kafka是一个Commit Log Service bit1129 service
    Kafka is a distributed, partitioned, replicated commit log service.这里的commit log如何理解？   A message is considered "committed" when all in sync replicas for that partition have applied i
  • NGINX + LUA实现复杂的控制 ronin47 lua nginx 控制
    安装lua_nginx_module 模块 lua_nginx_module 可以一步步的安装，也可以直接用淘宝的OpenResty Centos和debian的安装就简单了。。 这里说下freebsd的安装： fetch http://www.lua.org/ftp/lua-5.1.4.tar.gz tar zxvf lua-5.1.4.tar.gz cd lua-5.1.4 ma
  • java-14.输入一个已经按升序排序过的数组和一个数字， 在数组中查找两个数，使得它们的和正好是输入的那个数字 bylijinnan java
    public class TwoElementEqualSum { /** * 第 14 题： 题目：输入一个已经按升序排序过的数组和一个数字， 在数组中查找两个数，使得它们的和正好是输入的那个数字。 要求时间复杂度是 O(n) 。如果有多对数字的和等于输入的数字，输出任意一对即可。 例如输入数组 1 、 2 、 4 、 7 、 11 、 15 和数字 15 。由于
  • Netty源码学习-HttpChunkAggregator-HttpRequestEncoder-HttpResponseDecoder bylijinnan javanetty
    今天看Netty如何实现一个Http Server org.jboss.netty.example.http.file.HttpStaticFileServerPipelineFactory： pipeline.addLast("decoder", new HttpRequestDecoder()); pipeline.addLast(&quo
  • java敏感词过虑-基于多叉树原理 cngolon 违禁词过虑替换违禁词敏感词过虑多叉树
    基于多叉树的敏感词、关键词过滤的工具包，用于java中的敏感词过滤 1、工具包自带敏感词词库，第一次调用时读入词库，故第一次调用时间可能较长，在类加载后普通pc机上html过滤5000字在80毫秒左右，纯文本35毫秒左右。   2、如需自定义词库，将jar包考入WEB-INF工程的lib目录，在WEB-INF/classes目录下建一个 utf-8的words.dict文本文件，
  • 多线程知识 cuishikuan 多线程
    T1，T2，T3三个线程工作顺序，按照T1，T2，T3依次进行 public class T1 implements Runnable{           @Override      
  • spring整合activemq dalan_123 java spring jms
    整合spring和activemq需要搞清楚如下的东东1、ConnectionFactory分：     a、spring管理连接到activemq服务器的管理ConnectionFactory也即是所谓产生到jms服务器的链接      b、真正产生到JMS服务器链接的ConnectionFactory还得
  • MySQL时间字段究竟使用INT还是DateTime？ dcj3sjt126com mysql
      环境：Windows XPPHP Version 5.2.9MySQL Server 5.1 第一步、创建一个表date_test（非定长、int时间） CREATE TABLE `test`.`date_test` (`id` INT NOT NULL AUTO_INCREMENT ,`start_time` INT NOT NULL ,`some_content`
  • Parcel: unable to marshal value dcj3sjt126com marshal
    在两个activity直接传递List<xxInfo>时，出现Parcel: unable to marshal value异常。   在MainActivity页面（MainActivity页面向NextActivity页面传递一个List<xxInfo>）：   Intent intent = new Intent(this, Next
  • linux进程的查看上（ps） eksliang linux pslinux ps -llinux ps aux
    ps:将某个时间点的进程运行情况选取下来 转载请出自出处：http://eksliang.iteye.com/admin/blogs/2119469 http://eksliang.iteye.com         ps 这个命令的man page 不是很好查阅，因为很多不同的Unix都使用这儿ps来查阅进程的状态，为了要符合不同版本的需求，所以这个
  • 为什么第三方应用能早于System的app启动 gqdy365 System
    Android应用的启动顺序网上有一大堆资料可以查阅了，这里就不细述了，这里不阐述ROM启动还有bootloader，软件启动的大致流程应该是启动kernel -> 运行servicemanager 把一些native的服务用命令启动起来（包括wifi, power, rild, surfaceflinger, mediaserver等等）-> 启动Dalivk中的第一个进程Zygot
  • App Framework发送JSONP请求(3) hw1287789687 jsonp跨域请求发送jsonpajax请求越狱请求
    App Framework 中如何发送JSONP请求呢? 使用jsonp,详情请参考:http://json-p.org/ 如何发送Ajax请求呢? (1)登录 /*** * 会员登录 * @param username * @param password */ var user_login=function(username,password){ // aler
  • 发福利，整理了一份关于“资源汇总”的汇总 justjavac 资源
    觉得有用的话，可以去github关注：https://github.com/justjavac/awesome-awesomeness-zh_CN 通用 free-programming-books-zh_CN 免费的计算机编程类中文书籍 精彩博客集合 hacke2/hacke2.github.io#2 ResumeSample 程序员简历
  • 用 Java 技术创建 RESTful Web 服务 macroli java编程WebREST
    转载：http://www.ibm.com/developerworks/cn/web/wa-jaxrs/   JAX-RS (JSR-311) 【 Java API for RESTful Web Services 】是一种 Java™ API，可使 Java Restful 服务的开发变得迅速而轻松。这个 API 提供了一种基于注释的模型来描述分布式资源。注释被用来提供资源的位
  • CentOS6.5-x86_64位下oracle11g的安装详细步骤及注意事项 超声波 oraclelinux
    前言： 这两天项目要上线了，由我负责往服务器部署整个项目，因此首先要往服务器安装oracle，服务器本身是CentOS6.5的64位系统，安装的数据库版本是11g，在整个的安装过程中碰到很多的坑，不过最后还是通过各种途径解决并成功装上了。转别写篇博客来记录完整的安装过程以及在整个过程中的注意事项。希望对以后那些刚刚接触的菜鸟们能起到一定的帮助作用。   安装过程中可能遇到的问题（注
  • HttpClient 4.3 设置keeplive 和 timeout 的方法 supben httpclient
    ConnectionKeepAliveStrategy kaStrategy = new DefaultConnectionKeepAliveStrategy() { @Override public long getKeepAliveDuration(HttpResponse response, HttpContext context) { long keepAlive
  • Spring 4.2新特性-@Import注解的升级 wiselyman spring 4
    3.1 @Import @Import注解在4.2之前只支持导入配置类 在4.2,@Import注解支持导入普通的java类,并将其声明成一个bean 3.2 示例 演示java类 package com.wisely.spring4_2.imp; public class DemoService { public void doSomethin
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他