七月的你
七月的你

js实现简单的购物车功能

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>购物车</title>
    <script type="text/javascript">
        /**
         * 功能分析
         *      1.统计购物车中所有商品的数量
         *      2.增加|减少单品数量
         *      3.可以删除单品
         *      4.清空购物车
         *      5.小文本框可以直接修改商品数量
         */
        function Cart(){
            this.take=function(){//取数据，该方法运行完毕以后，this.storage一定是一个数组
                this.storage=window.localStorage.getItem("KFC");//localStorage中获取出来的是字符串
                /**
                 * 当前用户是否是新用户
                 * 如果是新用户，浏览器中没有"KFC"对应的商品信息,getItem()==null
                 * 如果是重复使用的用户，可能有购物车的信息。
                 */
                if(!this.storage){
                    this.storage=[];
                }else{
                    this.storage=JSON.parse(this.storage);
                }
            };
            this.save=function(){//将内存中的数据再保存到localStorage中
                window.localStorage.setItem("KFC",JSON.stringify(this.storage));
            };
            this.plus=function(_identify,_counter,_config){//增加购物车单品数量
                /**
                 * 将商品加入购物车之前，要考虑原来的购物车中是否有该商品
                 * 如果有该商品，数量增加
                 * 如果没有该商品，新产生一条商品购物信息
                 */
                let _has=0;
                this.take();
                for(var i=0;i<this.storage.length;i++){
                    if(this.storage[i]["ID"]===_identify && this.storage[i]["config"]===_config){
                        this.storage[i]["counter"]+=_counter;
                        _has=1;
                        break;
                    }
                }
                //需要比较完毕以后才能知道购物车中是否有该商品
                if(_has===0){
                    this.storage.push({
                        "ID":_identify,
                        "config":_config,
                        "counter":_counter
                    });
                }
                this.save();
            };
            this.subtract=function(_identify,_counter,_config){//减少购物车单品数量
                this.take();
                for(var i=0;i<this.storage.length;i++){
                    if(this.storage[i]["ID"]===_identify && this.storage[i]["config"]===_config){
                        if(this.storage[i].counter>_counter){
                            this.storage[i].counter-=_counter;
                        }else{
                            this.storage.splice(i,1);
                        }
                        this.save();
                        break;
                    }
                }
            };
            this.statistics=function(){//统计
                let _summary=0;
                this.take();
                for(var i=0;i<this.storage.length;i++){
                    _summary+=this.storage[i].counter;
                }
                return _summary;
            };
            this.remove=function(_identify,_config){//移除单品
                this.take();
                for(var i=0;i<this.storage.length;i++){
                    if(this.storage[i]["ID"]===_identify && this.storage[i]["config"]===_config){
                        this.storage.splice(i,1);
                        this.save();
                        break;
                    }
                }
            };
            this.clear=function(){//清空购物车
                this.storage=[];
                this.save();
            };
            this.change=function(){
                this.take();
                for(var i=0;i<this.storage.length;i++){
                    var _input=document.getElementById("summary");                   
                    this.storage[i]["counter"]=Number(_input.value);
                    this.save();
                }
            };
            
        }
        window.onload=function(){//测试
            var _cart=new Cart();
            document.getElementById("plus").onclick=function(){
                _cart.plus(this.getAttribute("identify"),1,"红色|M");
                document.getElementById("summary").value=_cart.statistics();
            };
            document.getElementById("sub").onclick=function(){
                _cart.subtract(this.getAttribute("identify"),1,"红色|M");
                document.getElementById("summary").value=_cart.statistics();
            };
            document.getElementById("summary").value=_cart.statistics();
            document.getElementById("summary").onchange=function(){
                _cart.change();
            };
            document.getElementById("clear").onclick=function(){
                _cart.clear();
                document.getElementById("summary").value="0";
            };       
        };
    </script>
</head>
<body>
    <input type="button" id="plus" value="+" identify="M427">
    <input type="text" id="summary" value="0" identify="M427" style="width:20px;text-align: center;">
    <input type="button" id="sub" value="-" identify="M427">
    <input type="button" id="clear" value="清空购物车" identify="M427">
</body>
</html>

你可能感兴趣的:(javascript小案例)

  • 使用Node.js命令行进行编程 翠绿探寻 node.jsvim编辑器编程
    Node.js是一个基于ChromeV8JavaScript引擎构建的运行时环境，它可以让开发者使用JavaScript语言编写服务器端代码。Node.js命令行界面（CLI）是一个强大的工具，它提供了与Node.js交互和执行JavaScript代码的能力。在本文中，我们将介绍如何在Node.js命令行中使用JavaScript进行编程，并提供相应的源代码示例。1.安装Node.js首先，我们需
  • 反向遍历--当你修改一个元素的outerHTML时，该元素会被从 DOM 中移除 专注VB编程开发20年 htmljavascript
    varspans=editor.querySelectorAll('span[mytag]');//将NodeList转换为数组//varspansArray=Array.from(spans);varid=0spans.forEach(span=>{span.outerhtml这里无法直接修改吗?}在JavaScript中，outerHTML是一个可写属性，但你需要注意以下几点：1.属性名大小写
  • ASP.NET Web Pages - 教程 samFuB asp.net前端后端
    ASP.NET是一个使用HTML、CSS、JavaScript和服务器脚本创建网页和网站的开发框架。ASP.NET支持三种不同的开发模式：WebPages（Web页面）、MVC（ModelViewController模型-视图-控制器）、WebForms（Web窗体）：本教程介绍WebPages。WebPagesMVCWebForms从何入手？多数开发人员学习一个新技术，是从查看运行实例开始的。通
  • ASP.NET Web Pages 教程：从入门到精通 KrDebugging asp.net前端后端编程学习
    ASP.NETWebPages是一种用于构建动态网页的技术，它结合了传统的HTML、CSS和JavaScript，以及强大的服务器端编程语言C#。本教程将带您逐步学习ASP.NETWebPages的基础知识，并通过示例代码演示如何创建交互性强、功能丰富的网页应用程序。环境设置在开始学习ASP.NETWebPages之前，您需要进行以下环境设置：安装VisualStudio：您可以从Microsof
  • JavaScript中==和===的区别，以及应用场景 小熊哥^--^ 前端javascript前端开发语言
    比较操作符==与===的区别==是一个等于操作符，如果操作数相等就会返回true，但==涉及JavaScript中的隐式转换。在使用==时会先进行类型转换，再判断操作数是否相等。以下是示例：console.log(true==1);//trueconsole.log("1"==true);//trueconsole.log("55"==55);//trueconsole.log(0==false)
  • 支持向量机（SVM）在肝脏CT/MRI图像分类（肝癌检测）中的应用及实现 猿享天开 医学影像支持向量机机器学习人工智能算法
    博主简介：CSDN博客专家、CSDN平台优质创作者，高级开发工程师，数学专业，10年以上C/C++,C#,Java等多种编程语言开发经验，拥有高级工程师证书；擅长C/C++、C#等开发语言，熟悉Java常用开发技术，能熟练应用常用数据库SQLserver,Oracle,mysql,postgresql等进行开发应用，熟悉DICOM医学影像及DICOM协议,业余时间自学JavaScript,Vue,
  • React + PDF.js 预览 PDF 文件：从基础实现到高级优化的完整指南 EndingCoder 前端开发javascriptreact.jspdf前端前端框架
    关键点PDF.js：Mozilla开发的开源JavaScript库，用于在浏览器中渲染PDF文件。React集成：结合React组件化特性，实现高效、交互式的PDF预览功能。功能实现：支持PDF文件加载、页面导航、缩放、搜索、书签和注释。优化策略：包括性能优化（懒加载、缓存）、可访问性和手机端适配。常见问题：处理大文件加载、跨浏览器兼容性和内存管理。实践场景：通过一个文档管理应用，展示PDF.js
  • Vue3 学习教程，从入门到精通，Vue3 简介知识点及案例代码（1） 知识分享小能手 vue3前端开发网页开发学习bootstrapjavascripttypescript前端vue.jsvue
    Vue3简介知识点及案例代码一、Vue3简介Vue3是一款用于构建用户界面的渐进式JavaScript框架，采用MVVM模式，具有响应式、组件化等优点，可提高开发效率，优化应用性能。二、Web前端开发概述Web前端开发涉及HTML、CSS、JavaScript等技术，用于构建用户可直接交互的页面部分。随着技术发展，出现了多种前端框架，Vue3是其中的优秀代表，基于前后端分离模式，使前后端开发解耦，
  • 深入理解 classnames：React 动态类名管理的最佳实践 司南锤 前端react.js前端前端框架
    在现代前端开发中，我们经常需要根据组件的状态、属性或用户交互来动态切换CSS类名。虽然JavaScript提供了多种方式来处理字符串拼接，但随着应用复杂性的增加，传统的类名管理方式很快就会变得混乱不堪。这时，classnames库就像一个优雅的解决方案出现在我们面前。为什么需要classnames？想象一下这样的场景：你需要为一个按钮组件动态设置多个类名，包括基础样式、变体样式、状态样式等。传统的
  • RNN案例人名分类器（完整步骤） AI扶我青云志 rnn人工智能深度学习nlplstmgru
    今天给大家分享一个NLP（自然语言处理）中的一个小案例，本案例讲解了RNN、LSTM、GRU模型是如何使用并进行预测的，一、案例架构人名分类器的实现可分为以下五个步骤:第一步:导入必备的工具包第二步:对data文件中的数据进行处理，满足训练要求第三步:构建RNN模型(包括传统RNN,LSTM以及GRU)第四步:构建训练函数并进行训练五步第:构建评估函数并进行预测二、实现步骤1.导包#导入torch
  • HTML&CSS&Javascript学习总结
    HTMLHTML(*HypertextMarkupLanguage)是一种超文本标记语言一、HTML标记1.HTMl元素分析[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-dqwzelyx-1598868442842)(https://qige.io/web/brief-html/img/f63738cc51ebfa14.png)]*开始标签（Openingtag）：
  • 前端技术栈 —— HTML、CSS和JavaScirpt执行环境 CS-Polaris 前端技术栈前端htmlcss
    以下内容由GLM回答生成，不保证正确性。前端技术栈——HTML、CSS和JavaScirpt执行环境JavaScript的执行环境HTML和CSS的执行环境HTML和CSS是否可以在其他环境中执行？总结JavaScript是一种解释型语言，但它也可以被编译。JavaScript的执行方式取决于具体的运行环境。在浏览器中，JavaScript是通过解释器逐行执行的，但在某些情况下（如使用工具如Bab
  • JavaScript 中导入模块时，确实不需要显式地写 node_modules 路径。 咔咔咔索菲斯 javascriptvue
    1.正确的导入语法在Webpack、Vite等打包工具中，node_modules目录是默认的模块搜索路径，因此直接写包名即可：//✅正确：直接使用包名import'nprogress/nprogress.css';//❌错误：不需要显式写node_modules路径import'node_modules/nprogress/nprogress.css';2.为什么不需要写node_module
  • 通俗易懂，一看就懂的React与Vue的区别 More more react.jsvue.js
    React和Vue是当前最主流的前端框架，对开发者而言，日常开发中它们的区别可以总结为以下几点（用实际场景举例说明）：一、写模板的方式不同React：用JSX（JavaScript+HTML混合写法），所有UI逻辑都在JavaScript中完成。Vue：用类似HTML的模板语法，逻辑和模板分离，但也可以通过JSX扩展。//React组件（JSX）functionButton(){const[cou
  • 【TypeScript教程】 - 小白也能秒懂的TypeScript入门指南 一个水瓶座程序猿. TypeScriptJavaScript系列文章typescriptjavascript前端
    一、TS是什么？TypeScript（简称TS）是JavaScript的一个超集，由微软开发。简单来说，它就是在JavaScript的基础上增加了静态类型检查。那静态类型检查有啥好处呢？举个例子，在JavaScript里，我们写代码时可能会不小心把一个变量的类型用错，像这样：//JavaScript代码letnum=10;num="hello";//这里把数字类型的变量赋值为字符串，运行时可能会出
  • 简述：link与@import区别
    区别：link属于html标签。@import在css中使用表示导入外部样式表；页面被加载的时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载;import只在IE5以上才能识别，而link是HTML标签，无兼容问题;link方式的样式的权重高于@import的权重；link支持使用javascript改变样式（document.styleSheets），后者不可使用场
  • JavaScript与原生开发的较量：为何高性能可视化应用更适合选用SciChart？ 界面开发小八哥 javascript开发语言SciChart图表工具数据可视化
    SciChart是高性能数据可视化领域的优秀图表产品，深受数据密度和精度至关重要行业的信赖，包括航空航天、石油和天然气、科学研究和赛车运动等。作为F1中使用的解决方案，SciChart被NASA所依赖，并受到90%的顶级医疗技术公司青睐，它提供实时、跨平台的可视化，提供无与伦比的灵活性和定制性。立即获取SciChart正式版在为iOS和Android打造高性能数据可视化应用时，选择合适的开发方式至
  • JavaScript浅拷贝与深拷贝 旺代 JavaScript前端javascript开发语言
    目录浅拷贝（ShallowCopy）一、浅拷贝的定义二、直接赋值vs浅拷贝1.直接赋值2.浅拷贝三、数组的浅拷贝方法1.slice()2.concat()3.扩展运算符（...）四、对象的浅拷贝方法1.Object.assign()2.扩展运算符（...）五、浅拷贝的局限性六、总结深拷贝（DeepCopy）一、深拷贝的定义二、深拷贝的常见实现方式1.JSON.parse(JSON.stringif
  • 介绍electron 几道之旅 electronjavascript前端
    一、Electron是什么？Electron是一个基于Chromium和Node.js的框架，允许开发者使用前端技术（HTML/CSS/JavaScript）构建原生桌面应用。其核心优势在于：跨平台：一次开发，生成Windows、macOS、Linux三端应用；技术栈统一：前端开发者无需学习新语言，直接复用Web生态（如Vue/React）；混合架构：Chromium：负责渲染界面，支持现代CSS
  • 介绍Flutter
    一、Flutter的核心优势：不止于跨平台高性能原生渲染自研引擎Skia：直接调用GPU绘制UI，绕过原生控件依赖，消除JavaScript桥接性能损耗，实现60fps流畅动画。三棵树渲染机制（Widget-Element-RenderObject）：通过差异化更新最小化重绘范围，效率远超传统WebView方案。极速开发体验热重载（HotReload）：代码修改后毫秒级生效，保留应用状态调试，开发
  • ECMAScript 2025（ES15）核心新特性全面解析 neon1204 新技术ecmascript前端开发语言
    ECMAScript2025（ES15）核心新特性全面解析本文深入探讨ECMAScript2025（ES15）的最新语言特性一、ES2025核心特性概览ECMAScript2025（通常简称为ES15）作为JavaScript的最新年度标准更新，引入了一些新特性，优化了一些问题。这些改进主要体现在以下方向：模块系统增强：原生JSON模块与延迟加载优化数据结构扩展：不可变数据类型与集合操作增强流程控
  • R语言的游戏开发 柳婉晴 包罗万象golang开发语言后端
    R语言在游戏开发中的应用随着科技的发展，游戏行业已经成为一个巨大的市场。虽然通常我们会认为游戏开发主要是使用C++、C#、JavaScript等语言，但实际上，R语言在游戏开发中也有其独特的应用，尤其是在数据分析和可视化方面。本文将探讨R语言在游戏开发中的应用，涵盖它的基础、游戏设计的复杂性、实际案例分析、以及未来的发展方向。一、R语言基础R语言是一种用于统计计算和数据分析的编程语言。它具有强大的
  • Fiber是什么? 醉方休 react.js
    对React的Fiber架构的理解需要从React的核心目标与面临的挑战说起。它本质上是React16引入的全新协调（Reconciliation）引擎，旨在解决React15及之前版本在处理大型应用和复杂更新时遇到的根本性性能瓶颈和用户体验问题。核心理解：Fiber是什么？虚拟的底层数据结构：Fiber是对React组件、DOM节点或其他UI元素的轻量级、链式表示的JavaScript对象。每个
  • javascript基础从小白到高手系列四千八百七十一：读取响应状态信息 完美句号 javascript开发语言ecmascript
    Response对象包含一组只读属性，描述了请求完成后的状态，如下表所示。属性值headers响应包含的Headers对象ok布尔值，表示HTTP状态码的含义。200~299的状态码返回true，其他状态码返回falseredirected布尔值，表示响应是否至少经过一次重定向status整数，表示响应的HTTP状态码statusText字符串，包含对HTTP状态码的正式描述。这个值派生自可选的H
  • javascript基础从小白到高手系列四千八百七十二：数值范围
    除了"email"和"url"，HTML5还定义了其他几种新的输入元素类型，它们都是期待某种数值输入的，包括：“number”、“range”、“datetime”、“datetime-local”、“date”、“month”、“week”和"time"。并非所有主流浏览器都支持这些类型，因此使用时要当心。浏览器厂商目前正致力于解决兼容性问题和提供更逻辑化的功能。本节内容更多地是介绍未来趋势，而
  • 在 Vite 中将资源引入为字符串 苦夏木禾 Autox.jsvue
    在Vite中将资源引入为字符串：便捷导入非JavaScript资源的利器在前端项目开发过程中，我们常常需要处理各种类型的资源文件，如GLSL着色器、CSS样式表、HTML片段、配置文件等。这些资源并非JavaScript模块，但却需要在代码中被引用和使用。在Vite构建工具中，?raw后缀提供了一种简洁高效的方式，允许我们将这些资源以字符串的形式直接引入到代码中，无需复杂的配置或额外的处理步骤。本
  • java面试题61什么是Ajax？Ajax实现原理？列举Ajax的几种运用场景 码农颜 javaajaxokhttp
    什么是Ajax？Ajax(AsynchronousJavaScriptandXML)是一种用于创建异步Web应用的技术。它允许网页在不重新加载整个页面的情况下，通过后台与服务器交换少量数据并动态更新部分页面内容。核心特点：异步通信：浏览器在后台发送/接收数据，用户无需等待局部刷新：只更新页面中需要变化的部分无刷新体验：用户操作流畅，避免页面闪烁类比：传统网页像翻书（每次请求翻新页），Ajax像实时
  • Vue3高级-第二十六篇：Vue3 与 WebGL 的融合探索 程序员勇哥 前端全套教程vue.js前端javascript开发语言前端框架
    Vue3高级-第二十六篇：Vue3与WebGL的融合探索1.WebGL基础与Vue3集成准备深入了解WebGL的概念、功能与应用场景概念：WebGL（WebGraphicsLibrary）是一种用于在网页上进行2D和3D图形渲染的JavaScriptAPI。它基于OpenGLES2.0规范，允许开发者在浏览器环境中直接操作图形硬件，无需安装额外插件。WebGL通过在浏览器中创建一个绘图上下文，利用
  • TypeScript-Babel
    一、前言随着前端技术的发展，TypeScript已成为主流语言之一，它通过静态类型系统提升了代码的可维护性和健壮性。而Babel则是JavaScript的编译器，它可以将现代JavaScript（如ES6+）转换为向后兼容的版本，以适配更多浏览器环境。本文将带你全面了解：✅TypeScript与Babel的关系✅如何使用Babel编译TypeScript文件✅配置Webpack支持Babel+TS
  • JavaScript 函数 晚夜微雨问海棠呀 JavaScript教程javascript开发语言ecmascript
    JavaScript函数是代码执行的基本单元，具有灵活的定义方式和强大的功能特性。以下是核心要点：一、定义方式类型语法特性函数声明functionfn(){...}存在变量提升，可在定义前调用函数表达式constfn=function(){...}无变量提升，需先定义后调用箭头函数constfn=()=>{...}无this、arguments，不能作为构造函数构造函数newFunction('a
  • 解读Servlet原理篇二---GenericServlet与HttpServlet 周凡杨 javaHttpServlet源理GenericService源码
    在上一篇《解读Servlet原理篇一》中提到，要实现javax.servlet.Servlet接口（即写自己的Servlet应用），你可以写一个继承自javax.servlet.GenericServletr的generic Servlet ，也可以写一个继承自java.servlet.http.HttpServlet的HTTP Servlet（这就是为什么我们自定义的Servlet通常是exte
  • MySQL性能优化 bijian1013 数据库mysql
            性能优化是通过某些有效的方法来提高MySQL的运行速度，减少占用的磁盘空间。性能优化包含很多方面，例如优化查询速度，优化更新速度和优化MySQL服务器等。本文介绍方法的主要有：         a.优化查询         b.优化数据库结构  
  • ThreadPool定时重试 dai_lm javaThreadPoolthreadtimertimertask
    项目需要当某事件触发时，执行http请求任务，失败时需要有重试机制，并根据失败次数的增加，重试间隔也相应增加，任务可能并发。 由于是耗时任务，首先考虑的就是用线程来实现，并且为了节约资源，因而选择线程池。 为了解决不定间隔的重试，选择Timer和TimerTask来完成 package threadpool; public class ThreadPoolTest {
  • Oracle 查看数据库的连接情况 周凡杨 sqloracle 连接
    首先要说的是，不同版本数据库提供的系统表会有不同，你可以根据数据字典查看该版本数据库所提供的表。 select * from dict where table_name like '%SESSION%'; 就可以查出一些表，然后根据这些表就可以获得会话信息 select sid,serial#,status,username,schemaname,osuser,terminal,ma
  • 类的继承 朱辉辉33 java
    类的继承可以提高代码的重用行，减少冗余代码；还能提高代码的扩展性。Java继承的关键字是extends 格式:public class 类名（子类）extends 类名（父类）{ } 子类可以继承到父类所有的属性和普通方法，但不能继承构造方法。且子类可以直接使用父类的public和 protected属性，但要使用private属性仍需通过调用。 子类的方法可以重写，但必须和父类的返回值类
  • android 悬浮窗特效 肆无忌惮_ android
    最近在开发项目的时候需要做一个悬浮层的动画，类似于支付宝掉钱动画。但是区别在于，需求是浮出一个窗口，之后边缩放边位移至屏幕右下角标签处。效果图如下：   一开始考虑用自定义View来做。后来发现开线程让其移动很卡，ListView+动画也没法精确定位到目标点。   后来想利用Dialog的dismiss动画来完成。   自定义一个Dialog后，在styl
  • hadoop伪分布式搭建 林鹤霄 hadoop
    要修改4个文件    1: vim hadoop-env.sh  第九行    2: vim core-site.xml            <configuration>     &n
  • gdb调试命令 aigo gdb
    原文：http://blog.csdn.net/hanchaoman/article/details/5517362   一、GDB常用命令简介   r run 运行.程序还没有运行前使用 c             cuntinue 
  • Socket编程的HelloWorld实例 alleni123 socket
    public class Client { public static void main(String[] args) { Client c=new Client(); c.receiveMessage(); } public void receiveMessage(){ Socket s=null; BufferedRea
  • 线程同步和异步 百合不是茶 线程同步异步
    多线程和同步 : 如进程、线程同步，可理解为进程或线程A和B一块配合，A执行到一定程度时要依靠B的某个结果，于是停下来，示意B运行；B依言执行，再将结果给A；A再继续操作。 所谓同步，就是在发出一个功能调用时，在没有得到结果之前，该调用就不返回，同时其它线程也不能调用这个方法   多线程和异步:多线程可以做不同的事情,涉及到线程通知     &
  • JSP中文乱码分析 bijian1013 javajsp中文乱码
            在JSP的开发过程中，经常出现中文乱码的问题。         首先了解一下Java中文问题的由来：         Java的内核和class文件是基于unicode的，这使Java程序具有良好的跨平台性，但也带来了一些中文乱码问题的麻烦。原因主要有两方面，
  • js实现页面跳转重定向的几种方式 bijian1013 JavaScript重定向
            js实现页面跳转重定向有如下几种方式： 一.window.location.href <script language="javascript"type="text/javascript"> window.location.href="http://www.baidu.c
  • 【Struts2三】Struts2 Action转发类型 bit1129 struts2
     在【Struts2一】 Struts Hello World http://bit1129.iteye.com/blog/2109365中配置了一个简单的Action，配置如下   <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configurat
  • 【HBase十一】Java API操作HBase bit1129 hbase
    Admin类的主要方法注释：   1. 创建表 /** * Creates a new table. Synchronous operation. * * @param desc table descriptor for table * @throws IllegalArgumentException if the table name is res
  • nginx gzip ronin47 nginx gzip
    Nginx GZip 压缩 Nginx GZip 模块文档详见：http://wiki.nginx.org/HttpGzipModule 常用配置片段如下： gzip on; gzip_comp_level 2; # 压缩比例，比例越大，压缩时间越长。默认是1 gzip_types text/css text/javascript; # 哪些文件可以被压缩 gzip_disable &q
  • java-7.微软亚院之编程判断俩个链表是否相交 给出俩个单向链表的头指针，比如 h1 ， h2 ，判断这俩个链表是否相交 bylijinnan java
    public class LinkListTest { /** * we deal with two main missions: * * A. * 1.we create two joined-List(both have no loop) * 2.whether list1 and list2 join * 3.print the join
  • Spring源码学习-JdbcTemplate batchUpdate批量操作 bylijinnan javaspring
    Spring JdbcTemplate的batch操作最后还是利用了JDBC提供的方法，Spring只是做了一下改造和封装 JDBC的batch操作： String sql = "INSERT INTO CUSTOMER " + "(CUST_ID, NAME, AGE) VALUES (?, ?, ?)";
  • [JWFD开源工作流]大规模拓扑矩阵存储结构最新进展 comsci 工作流
        生成和创建类已经完成,构造一个100万个元素的矩阵模型,存储空间只有11M大,请大家参考我在博客园上面的文档"构造下一代工作流存储结构的尝试",更加相信的设计和代码将陆续推出.........     竞争对手的能力也很强.......,我相信..你们一定能够先于我们推出大规模拓扑扫描和分析系统的....
  • base64编码和url编码 cuityang base64url
    import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; import java.io.PrintWriter; import java.io.StringWriter; import java.io.UnsupportedEncodingException;
  • web应用集群Session保持 dalan_123 session
    关于使用 memcached 或redis 存储 session ，以及使用 terracotta 服务器共享。建议使用 redis，不仅仅因为它可以将缓存的内容持久化，还因为它支持的单个对象比较大，而且数据类型丰富，不只是缓存 session，还可以做其他用途，一举几得啊。1、使用 filter 方法存储这种方法比较推荐，因为它的服务器使用范围比较多，不仅限于tomcat ，而且实现的原理比较简
  • Yii 框架里数据库操作详解-[增加、查询、更新、删除的方法 'AR模式'] dcj3sjt126com 数据库
        public function getMinLimit () {        $sql = "...";        $result = yii::app()->db->createCo
  • solr StatsComponent（聚合统计） eksliang solr聚合查询solr stats
    StatsComponent 转载请出自出处：http://eksliang.iteye.com/blog/2169134 http://eksliang.iteye.com/ 一、概述        Solr可以利用StatsComponent 实现数据库的聚合统计查询，也就是min、max、avg、count、sum的功能   二、参数
  • 百度一道面试题 greemranqq 位运算百度面试寻找奇数算法bitmap 算法
    那天看朋友提了一个百度面试的题目：怎么找出{1,1,2,3,3,4,4,4,5,5,5,5}  找出出现次数为奇数的数字.   我这里复制的是原话，当然顺序是不一定的，很多拿到题目第一反应就是用map,当然可以解决，但是效率不高。   还有人觉得应该用算法xxx,我是没想到用啥算法好...！   还有觉得应该先排序...   还有觉
  • Spring之在开发中使用SpringJDBC ihuning spring
      在实际开发中使用SpringJDBC有两种方式：   1. 在Dao中添加属性JdbcTemplate并用Spring注入；     JdbcTemplate类被设计成为线程安全的，所以可以在IOC 容器中声明它的单个实例，并将这个实例注入到所有的 DAO 实例中。JdbcTemplate也利用了Java 1.5 的特定(自动装箱，泛型，可变长度
  • JSON API 1.0 核心开发者自述 | 你所不知道的那些技术细节 justjavac json
    2013年5月，Yehuda Katz 完成了JSON API(英文，中文) 技术规范的初稿。事情就发生在 RailsConf 之后，在那次会议上他和 Steve Klabnik 就 JSON 雏形的技术细节相聊甚欢。在沟通单一 Rails 服务器库—— ActiveModel::Serializers 和单一 JavaScript 客户端库——&
  • 网站项目建设流程概述 macroli 工作
    一.概念 网站项目管理就是根据特定的规范、在预算范围内、按时完成的网站开发任务。 二.需求分析 项目立项 　　我们接到客户的业务咨询，经过双方不断的接洽和了解，并通过基本的可行性讨论够，初步达成制作协议，这时就需要将项目立项。较好的做法是成立一个专门的项目小组，小组成员包括：项目经理，网页设计，程序员，测试员，编辑/文档等必须人员。项目实行项目经理制。 客户的需求说明书 　　第一步是需
  • AngularJs 三目运算 表达式判断 qiaolevip 每天进步一点点学习永无止境众观千象AngularJS
    事件回顾：由于需要修改同一个模板，里面包含2个不同的内容，第一个里面使用的时间差和第二个里面名称不一样，其他过滤器，内容都大同小异。希望杜绝If这样比较傻的来判断if-show or not，继续追究其源码。 var b = "{{", a = "}}"; this.startSymbol = function(a) {
  • Spark算子：统计RDD分区中的元素及数量 superlxw1234 sparkspark算子Spark RDD分区元素
    关键字：Spark算子、Spark RDD分区、Spark RDD分区元素数量     Spark RDD是被分区的，在生成RDD时候，一般可以指定分区的数量，如果不指定分区数量，当RDD从集合创建时候，则默认为该程序所分配到的资源的CPU核数，如果是从HDFS文件创建，默认为文件的Block数。   可以利用RDD的mapPartitionsWithInd
  • Spring 3.2.x将于2016年12月31日停止支持 wiselyman Spring 3
                  Spring 团队公布在2016年12月31日停止对Spring Framework 3.2.x（包含tomcat 6.x）的支持。在此之前spring团队将持续发布3.2.x的维护版本。          请大家及时准备及时升级到Spring
  • fis纯前端解决方案fis-pure zccst JavaScript
    作者：zccst FIS通过插件扩展可以完美的支持模块化的前端开发方案，我们通过FIS的二次封装能力，封装了一个功能完备的纯前端模块化方案pure。 1，fis-pure的安装 $ fis install -g fis-pure $ pure -v 0.1.4 2，下载demo到本地 git clone https://github.com/hefangshi/f
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他