MVVM架构~knockoutjs实现简单的购物车

返回目录

概念相关

购物车相信大家都用过，很方便，可以将多个商品添加到购物车，并且可以修改购买商品的数据，当然为了用户体验好，在修改数据时，你的价格也会出现变化的，这使用JS可以实现，但我认为，代码量挺大的，而使用knockoutjs可以大大减少代码量，而且更重要的是，当前台页面有所调整时，这个JS只需要简单调整，而不需要改后台代码！

代码相关

下面看一下实现简单购物车的代码

1 View部分

 <table>

        <thead>

            <tr>

                <th>商品</th>

                <th>单价</th>

                <th>数量</th>

                <th>小计</th>

                <th></th>

            </tr>

        </thead>

        <tbody data-bind="foreach:lines">

            <tr>

                <td data-bind="with:product">

                    <span data-bind="text:name"></span></td>

                <td data-bind="with:product"><span data-bind='text:formatCurrency(price)' /></td>

                <td>

                    <input data-bind='visible: product, value: productCount, valueUpdate: "afterkeydown"' />

                </td>

                <td><span data-bind="visible:product,text:formatCurrency(subtotal())"></span></td>

                <td><a href='#' data-bind='click: $parent.removeLine'>Remove</a></td>

            </tr>

        </tbody>

    </table>

    <p class='grandTotal'>

        Total value: <span data-bind='text: grandTotal()'></span>

    </p>

    <button data-bind='click: addLine'>Add product</button>

2 JS部分

 <script type="text/ecmascript">

        function formatCurrency(value) {

            return "￥" + value;

        }

        var Product = function (id, name, price) {

            self = this;

            self.id = id;

            self.name = name;

            self.price = price;

        }

        var CartItem = function (product) {

            self = this;



            self.product = ko.observable(product);

            self.productCount = ko.observable(1);



            self.subtotal = ko.dependentObservable(function () {

                return this.product() ? this.product().price * parseInt("0" + this.productCount(), 10) : 0;

            }.bind(self));

        };

        var CartList = function () {

            var self = this;

            self.lines = ko.observableArray([new CartItem(new Product(1, "test1", 100))]);



            self.addLine = function () { self.lines.push(new CartItem(new Product(2, "test2", 200))) };



            self.removeLine = function (line) { self.lines.remove(line) };



            self.grandTotal = ko.computed(function () {

                var total = 0;

                $.each(self.lines(), function () { total += this.subtotal(); })

                return total;

            });

        };

        ko.applyBindings(new CartList());



    </script>

3 有图有真相

 完成代码如下

MVVM架构~knockoutjs实现简单的购物车 
<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title></title>

    <script src="jquery-1.7.1.min.js" type="text/javascript"></script>

    <script src="knockout-2.1.0.js" type="text/javascript"></script>



</head>

<body>

    <table>

        <thead>

            <tr>

                <th>商品</th>

                <th>单价</th>

                <th>数量</th>

                <th>小计</th>

                <th></th>

            </tr>

        </thead>

        <tbody data-bind="foreach:lines">

            <tr>

                <td data-bind="with:product">

                    <span data-bind="text:name"></span></td>

                <td data-bind="with:product"><span data-bind='text:formatCurrency(price)' /></td>

                <td>

                    <input data-bind='visible: product, value: productCount, valueUpdate: "afterkeydown"' />

                </td>

                <td><span data-bind="visible:product,text:formatCurrency(subtotal())"></span></td>

                <td><a href='#' data-bind='click: $parent.removeLine'>Remove</a></td>

            </tr>

        </tbody>

    </table>

    <p class='grandTotal'>

        Total value: <span data-bind='text: grandTotal()'></span>

    </p>

    <button data-bind='click: addLine'>Add product</button>

    <script type="text/ecmascript">

        function formatCurrency(value) {

            return "￥" + value;

        }

        var Product = function (id, name, price) {

            self = this;

            self.id = id;

            self.name = name;

            self.price = price;

        }

        var CartItem = function (product) {

            self = this;



            self.product = ko.observable(product);

            self.productCount = ko.observable(1);



            self.subtotal = ko.dependentObservable(function () {

                return this.product() ? this.product().price * parseInt("0" + this.productCount(), 10) : 0;

            }.bind(self));

        };

        var CartList = function () {

            var self = this;

            self.lines = ko.observableArray([new CartItem(new Product(1, "test1", 100))]);



            self.addLine = function () { self.lines.push(new CartItem(new Product(2, "test2", 200))) };



            self.removeLine = function (line) { self.lines.remove(line) };



            self.grandTotal = ko.computed(function () {

                var total = 0;

                $.each(self.lines(), function () { total += this.subtotal(); })

                return total;

            });

        };

        ko.applyBindings(new CartList());



    </script>

</body>

</html>
View Code

 

感谢您的阅读！

返回目录

你可能感兴趣的:(knockout)

  • 「盘点」界面控件DevExtreme (v23.1, v23.2)可访问性增强 界面开发小八哥 DevExtreme界面控件UI开发devexpresshtml5
    DevExtreme拥有高性能的HTML5/JavaScript小部件集合，使您可以利用现代Web开发堆栈（包括React，Angular，ASP.NETCore，jQuery，Knockout等）构建交互式的Web应用程序。从Angular和Reac，到ASP.NETCore或Vue，DevExtreme包含全面的高性能和响应式UI小部件集合，可在传统Web和下一代移动应用程序中使用。该套件附带
  • 《这样写出好故事》读后记 文心之
    这样写出好故事：玩转情节与结构(美)詹姆斯·斯科特·贝尔摘录于2019年7月LOCK代表主角（Lead）、目标（Objective）、冲突（Confrontation）和冲击结尾（Knockout）。稳固的情节永远始于有趣的主角。最好的情节中，主角必须引人注目，迫使我们从头到尾都盯着他瞧。目标是小说的动力，驱动故事前进，避免主角在原地踏步。目标通常分成两种形式：想取得某样事物，或逃离某样事物。扎实
  • 界面控件DevExtreme v23.2新版亮点 - 全新的Fluent主题 界面开发小八哥 界面控件UI开发html5DevExtreme23.2javascript
    DevExtreme拥有高性能的HTML5/JavaScript小部件集合，使您可以利用现代Web开发堆栈（包括React，Angular，ASP.NETCore，jQuery，Knockout等）构建交互式的Web应用程序。从Angular和Reac，到ASP.NETCore或Vue，DevExtreme包含全面的高性能和响应式UI小部件集合，可在传统Web和下一代移动应用程序中使用。该套件附带
  • 写作赚钱：如何写好小说或者故事三 赵刚zg
    这集说下冲突的基础，总结为四种元素LOCK，分别是主角（LEAD）、目标（Objective）、正面对抗（Confrontation）和精彩的结尾（Knockout）。这四种要素相当于地基，只有把地基打得越扎实，顶层才会建得越高。1.值得追随的主角正面角色是代表社会群体价值观的人物，反面角色是违背社会群体价值观的人物。对于反面角色读者期望看到被救赎。印证那句天网恢恢疏而不漏。还有一类非英雄主角，对
  • knockout调试线上环境，无法通过nginx转发的备选方案 学敲代码的Stars 前端
    有时候通过nginx转发会403，此时需要一个开发的备选方案替换文件分是否经过编译两种情况。未编译已编译步骤启用本地替换在本地新建一个文件夹，随便命名为test控制台启用本地替换找到需要改的文件，随便编辑，再ctrl加s保存修改代码在本地文件中修改代码or直接在代码编辑器里改如果未编译，这样即可如果编译（文件名后面带编码，每次刷新会改变），需要在进入这块代码的模块之前，拿到新的编码，对应修改本地文
  • 2019-03-07 14d3a39418be
    2019.3.7搏击篇boxer1拳击运动员boxingglove拳击手套boxingshoe拳击鞋infighting近战straightpunch直拳uppercut上钩拳righthook右钩拳foul2犯规punchbag沙袋punchball沙球boxingmatch拳击比赛referee3裁判员boxingring拳击台rope围绳winner胜利者loserbyaknockout被击
  • 2018-06-05 杨小样儿2013
    类库-一些在开发WEB应用时非常有用的函数的集合。你的代码起主导作用，并且决定何时调用类库的方法。例如：jQuery等。框架-一种WEB应用的特殊实现，你的代码只需要填充一些具体信息。框架起主导作用，并且决定何时调用你的代码。例如：knockout,ember等。对于像游戏和有图形界面的编辑器之类的应用，会进行频繁且复杂的DOM操作，和CRUD应用不同。因此，可能不适合用Angular来构建。在这
  • 一款针对Outlook的红队安全研究工具 H_00c8
    关于KnockOutlookKnockOutlook是一款基于C#开发的工具，该工具可以跟Outlook的COM对象进行交互，并且能够帮助红队安全研究人员执行各种安全操作。命令行使用功能操作安全检测（check）枚举Outlook安装详细信息，以便构造正确的注册表项并检索编程访问安全设置。如果此值设置为“Warnwhenantivirusisinactiveorout-of-date”，它将会查询
  • 2020-10-29 dsjflower
    #和秋叶一起学新媒体写作第五章“好故事：教你像好莱坞编剧一样写故事”一、LOCK原则中的四个字母分别代表什么？L--Lead（主角）有一个引人注目的主角O--Objective(目标）有一个驱动角色的目标C--Confrontation（冲突）有一个难以克服的冲突K--Knockout（结尾）有一个冲击情感的结尾二、用“4个小”LOCK原则写一个最近发生在你身上的故事，发到朋友圈，看看2小时内的点
  • 「盘点」界面控件DevExtreme UI v23.1中的API增强 界面开发小八哥 uidevexpress界面控件UI开发DevExtreme
    DevExtreme拥有高性能的HTML5/JavaScript小部件集合，使您可以利用现代Web开发堆栈（包括React，Angular，ASP.NETCore，jQuery，Knockout等）构建交互式的Web应用程序。从Angular和Reac，到ASP.NETCore或Vue，DevExtreme包含全面的高性能和响应式UI小部件集合，可在传统Web和下一代移动应用程序中使用。该套件附带
  • Node脚手架编写初学者教程 weixin_33961829 jsonjavascriptgitViewUI
    Node脚手架编写初学者教程完整的脚手架代码编写你的第一个脚手架前言随着NodeJs的崛起，现代前端工程已经变得越来越复杂。前端框架如雨后春笋。从Backbone,Ember,Knockout,Spine,Batman框架的崛起到Angular,React,Vue平分天下，我们经历太多代码风格的变革。不可避免学习新的框架，复杂的环境又让初学者很难入手。就拿React来说，我们要使用Babel,We
  • Element el-table表格表头拖拽、行拖拽组件封装详细教程【简单粗暴】 全栈小定 Element-UI前端前端vue.jsel-tableelementuisortablejs
    文章目录简介安装2.使用3.解析及常见问题3.1行拖拽3.2表头列拖拽简介el-table+Sortable.js实现表头拖拽、行拖拽Sortable.jsSortable.js是一款优秀的js拖拽库，支持ie9及以上版本ie浏览器和现代浏览器，也可以运行在移动触摸设备中。不依赖jQuery。支持Meteor、AngularJS、React、Vue、Knockout框架和任何CSS库，如Boots
  • 界面控件DevExtreme图表和仪表(v23.1) - 新功能(Angular,React,Vue,jQuery) 界面开发小八哥 angular.jsreact.jsvue.jsUI开发devexpress
    本文将为大家总结下DevExtreme在v23.1版本中发布的一些与图表和仪表盘相关的功能。DevExtreme拥有高性能的HTML5/JavaScript小部件集合，使您可以利用现代Web开发堆栈（包括React，Angular，ASP.NETCore，jQuery，Knockout等）构建交互式的Web应用程序。获取DevExtremev23.1正式版下载(Q技术交流：909157416）图表
  • Ember.js 入门指南 （二） 乌洛米 计算机编程
    @(Ember)[MVVM|前端框架|HTML桌面应用]序言经常有人质疑，在前端搞MV*有什么意义？也有人跟我提出这样的疑问：以AngularJS，Knockout，BackBone为代表的MV*框架，它跟jQuery有什么区别？我jQuery用得好好的，有什么必要再引入这种框架？其实，不管我们使用的是一个类库还是一个框架，都不应该忘记我们最终目的，或许你正在为一个项目做技术选型，或许你正在为你的
  • 界面控件DevExtreme v23.1新版亮点 - 数据层、可访问性功能升级 界面开发小八哥 devexpresswinformc#UI控件界面开发
    DevExtreme拥有高性能的HTML5/JavaScript小部件集合，使您可以利用现代Web开发堆栈（包括React，Angular，ASP.NETCore，jQuery，Knockout等）构建交互式的Web应用程序。从Angular和Reac，到ASP.NETCore或Vue，DevExtreme包含全面的高性能和响应式UI小部件集合，可在传统Web和下一代移动应用程序中使用。该套件附带
  • html5+table+行拖动,sortable+element 实现表格行拖拽 蔡振原 html5+table+行拖动
    背景1、vue项目中的表格需要实现行拖拽功能2、表格使用element组件库中el-table方案介绍Sortable.js介绍：Sortable.js是一款轻量级的拖放排序列表的js插件引用自官方文档：NojQueryrequired.SupportsMeteor,AngularJS,React,Polymer,Vue,KnockoutandanyCSSlibrary,e.g.Bootstrap
  • element+sortablejs插件实现拖拽排序效果 avoidaily 工作笔记vue
    背景1、后台管理系统中表格需要实现行拖拽功能2、表格使用element组件库中el-table方案介绍Sortable.js介绍：Sortable.js是一款轻量级的拖放排序列表的js插件引用自官方文档：NojQueryrequired.SupportsMeteor,AngularJS,React,Polymer,Vue,KnockoutandanyCSSlibrary,e.g.Bootstrap
  • 界面控件DevExtreme v23.1 - UI组件 & UI模板库增强 界面开发小八哥 uiUI开发devexpress界面控件
    DevExtreme拥有高性能的HTML5/JavaScript小部件集合，使您可以利用现代Web开发堆栈（包括React，Angular，ASP.NETCore，jQuery，Knockout等）构建交互式的Web应用程序。从Angular和Reac，到ASP.NETCore或Vue，DevExtreme包含全面的高性能和响应式UI小部件集合，可在传统Web和下一代移动应用程序中使用。该套件附带
  • 记录贴：前后端分离架构历程 节奏昂 Java架构java开发语言
    文章目录总结重点参考链接总结重点从经典的JSP+Servlet+JavaBean的MVC时代，到SSM（Spring+SpringMVC+Mybatis）和SSH（Spring+Struts+Hibernate）的Java框架时代，再到前端框架（KnockoutJS、AngularJS、vueJS、ReactJS）为主的MVVM时代，然后是Nodejs引领的全栈时代，技术和架构一直都在进步。虽然“
  • Vincent van Gogh 05 Doris_super
    ThepotatoEatersishisfirstknockoutmasterpiece.《吃土豆的人》是梵高的第一幅杰作。It'saresumeofeverythinghe'sfeltandthoughtuptonow.这幅作品是梵高目前为止所思所想的那些事儿的一个摘要。Everythingthatwouldmakehimarevolutionaryartistisalreadyhere.那些使
  • Doctors knock out sheep to discover anesthesia's dark side 遇见_E
    Doctorsknockoutsheeptodiscoveranesthesia'sdarkside医生使绵羊昏睡，以了解麻醉技术的阴暗面•anesthesia/ˌænəsˈθiːʒə/n.麻醉e.g.例句：``Thesurgerywascarriedoutunderanesthesia._词性拓展：anesthetic（n.麻醉药；麻醉剂）•darkside阴暗面Beneathgreensurg
  • 拖拽排序需求 -- sortable在vue中的使用 wanshuai QwQ sortablevuevuejavascript
    什么是sortableSortable.js是一款优秀的js拖拽库，支持ie9及以上版本ie浏览器和现代浏览器，也可以运行在移动触摸设备中。不依赖jQuery。支持Meteor、AngularJS、React、Vue、Knockout框架和任何CSS库，如Bootstrap、ElementUI。你可以用来拖拽div、table等元素。sortable.js中文文档.需求场景需要对表格数据进行拖拽排
  • 停止学习框架！ 不二之家
    我们作为开发者，需要时刻跟上技术的步伐。我们每天都在学习各种编程语言、框架、库，似乎我们知道的工具越多，我们的生活就会更美好。我们乐于在Angular、React、Vue、Riot、Ember、Knockout之间辗转腾挪，学习一个又一个新的框架。但我们其实在浪费时间。©TheWolfofWallStreet(2013)byMartinScorsese我的导师曾经给我上了一课：导师："艾德，你在做
  • vscode 搭建nodemon+ts+ts-node 的开发环境 RMITcoder
    我司由于业务调整需要重新对现有的webportal进行开发.现有的portal存在10年并且承载了大量业务,里面有jq,knockout和angularjs还有react15和16简直就是一个前端发展史有没有.那么这么复杂的业务逻辑的dashboard开发必然要ts如何初始化一个npm项目和这里不再细说在server下安装依赖包$npminstall--save-devts-nodenodemon
  • CRISPR/Cas9 原理 Seurat_Satija
    ScienceGuidesCRISPRGuideimgCRISPRGuideCRISPR101eBookCTAJumpTo:CRISPRGuideOverviewKnockoutGenerationNickaseHDRBaseEditActivationorRepressionEpigeneticsMultiplexGenomeEngineeringGenome-wideScreeningFluo
  • 2021-08-25 基于Base editor的CRISPR Screen——BARBEKO NAome
      前面我们介绍了CRISPRScreen和基于标签化sgRNA的iBAR。以往应用与CRISPRScreen的系统主要包括knockout（KO），CRISPRa和CRISPRi。对于KO系统，其一个显著的弊端就是会引入双链DNA断裂，这对于细胞本身是有“毒”的，因此基于KO系统的CRISPRScreen会导致偏高的假阳性。CRISPRa和CRISPRi虽然不会引入双链DNA断裂，但其对基因的调
  • vue 3.0 初始化时如何调用methods里面的方法 沪上百卉 javascript前端vue
    methods:{Tab(type){this.tabActive=type;window.location.href.split('=')[1]=type;},Knockout(){this.$confirm("是否选用?","提示",{type:"warning",}).then(()=>{this.$message({type:"success",message:"成功！",});}).ca
  • 听说后端的你在学 React 阿里云云栖号 我是程序员react.js前端前端框架云计算
    一、React是什么在React之前前端有三个里程碑意义的library/frameworkjQuery解决了浏览器兼容和DOM元素快捷操作问题，其链式操作API也对后续前端框架产生了深刻影响；Knockout提出了前端代码MVVM分层理念，数据通过模板映射为UI视图，大幅度减少了DOM操作；AngularJS在MVVM基础上引入了双向绑定，数据变化自动反映到UI，视图上的操作也反向自动更新数据；
  • 界面控件DevExtreme PivotGrid，拥有新的HTML编码体验！ 界面开发小八哥 html界面控件web开发DevExtremeUI开发
    虽然DevExtreme刚刚发布了v23.1，但今天我们仍然要继续总结一下之前的主要更新（v22.2）中发布的一些与DevExtremePivotGrid（透视网格）组件相关的重要特性。DevExtreme拥有高性能的HTML5/JavaScript小部件集合，使您可以利用现代Web开发堆栈（包括React，Angular，ASP.NETCore，jQuery，Knockout等）构建交互式的We
  • 实现双向数据绑定proxy比defineProperty优劣如何 meow_possion
    vue三要素响应式：如何监听数据变化（双向数据绑定）模版引擎：如何解析模板渲染：vue如何将监听到的数据变化和解析后的html进行渲染实现双向数据绑定有挺多种方法：knockoutJS基于观察者模式的双向数据绑定，Ember基于数据模型的双向数据绑定，而angularjs是基于脏值检查。Vue则是基于数据劫持。基于数据劫持的优点无需显式调用。vue利用发布者订阅者模式+数据劫持，可以直接通知变化并
  • html 周华华 html
    js 1，数组的排列 var arr=[1,4,234,43,52,]; for(var x=0;x<arr.length;x++){    for(var y=x-1;y<arr.length;y++){      if(arr[x]<arr[y]){     &
  • 【Struts2 四】Struts2拦截器 bit1129 struts2拦截器
    Struts2框架是基于拦截器实现的，可以对某个Action进行拦截，然后某些逻辑处理，拦截器相当于AOP里面的环绕通知，即在Action方法的执行之前和之后根据需要添加相应的逻辑。事实上，即使struts.xml没有任何关于拦截器的配置，Struts2也会为我们添加一组默认的拦截器，最常见的是，请求参数自动绑定到Action对应的字段上。   Struts2中自定义拦截器的步骤是：
  • make:cc 命令未找到解决方法 daizj linux命令未知make cc
    安装rz sz程序时，报下面错误：   [root@slave2 src]# make posix cc   -O -DPOSIX -DMD=2 rz.c -o rz make: cc：命令未找到 make: *** [posix] 错误 127   系统：centos 6.6 环境：虚拟机   错误原因：系统未安装gcc，这个是由于在安
  • Oracle之Job应用 周凡杨 oracle job
    最近写服务，服务上线后，需要写一个定时执行的SQL脚本，清理并更新数据库表里的数据，应用到了Oracle 的 Job的相关知识。在此总结一下。   一：查看相关job信息    1、相关视图  dba_jobs  all_jobs  user_jobs  dba_jobs_running 包含正在运行
  • 多线程机制 朱辉辉33 多线程
    转至http://blog.csdn.net/lj70024/archive/2010/04/06/5455790.aspx 程序、进程和线程： 程序是一段静态的代码，它是应用程序执行的蓝本。进程是程序的一次动态执行过程，它对应了从代码加载、执行至执行完毕的一个完整过程，这个过程也是进程本身从产生、发展至消亡的过程。线程是比进程更小的单位，一个进程执行过程中可以产生多个线程，每个线程有自身的
  • web报表工具FineReport使用中遇到的常见报错及解决办法（一） 老A不折腾 web报表finereportjava报表报表工具
    FineReport使用中遇到的常见报错及解决办法（一） 这里写点抛砖引玉，希望大家能把自己整理的问题及解决方法晾出来，Mark一下，利人利己。   出现问题先搜一下文档上有没有，再看看度娘有没有，再看看论坛有没有。有报错要看日志。下面简单罗列下常见的问题，大多文档上都有提到的。   1、address pool is full： 含义：地址池满，连接数超过并发数上
  • mysql rpm安装后没有my.cnf 林鹤霄 没有my.cnf
    Linux下用rpm包安装的MySQL是不会安装/etc/my.cnf文件的， 至于为什么没有这个文件而MySQL却也能正常启动和作用，在这儿有两个说法， 第一种说法，my.cnf只是MySQL启动时的一个参数文件，可以没有它，这时MySQL会用内置的默认参数启动， 第二种说法，MySQL在启动时自动使用/usr/share/mysql目录下的my-medium.cnf文件，这种说法仅限于r
  • Kindle Fire HDX root并安装谷歌服务框架之后仍无法登陆谷歌账号的问题 aigo root
    原文：http://kindlefireforkid.com/how-to-setup-a-google-account-on-amazon-fire-tablet/   Step 4: Run ADB command from your PC   On the PC, you need install Amazon Fire ADB driver and instal
  • javascript 中var提升的典型实例 alxw4616 JavaScript
    // 刚刚在书上看到的一个小问题,很有意思.大家一起思考下吧 myname = 'global'; var fn = function () { console.log(myname); // undefined var myname = 'local'; console.log(myname); // local }; fn() // 上述代码实际上等同于以下代码 m
  • 定时器和获取时间的使用 百合不是茶 时间的转换定时器
    定时器:定时创建任务在游戏设计的时候用的比较多   Timer();定时器 TImerTask();Timer的子类  由 Timer 安排为一次执行或重复执行的任务。       定时器类Timer在java.util包中。使用时，先实例化，然后使用实例的schedule(TimerTask task, long delay)方法，设定
  • JDK1.5 Queue bijian1013 javathreadjava多线程Queue
    JDK1.5 Queue LinkedList： LinkedList不是同步的。如果多个线程同时访问列表，而其中至少一个线程从结构上修改了该列表，则它必须 保持外部同步。（结构修改指添加或删除一个或多个元素的任何操作；仅设置元素的值不是结构修改。）这一般通过对自然封装该列表的对象进行同步操作来完成。如果不存在这样的对象，则应该使用 Collections.synchronizedList 方
  • http认证原理和https bijian1013 httphttps
    一.基础介绍         在URL前加https://前缀表明是用SSL加密的。 你的电脑与服务器之间收发的信息传输将更加安全。         Web服务器启用SSL需要获得一个服务器证书并将该证书与要使用SSL的服务器绑定。 http和https使用的是完全不同的连接方式，用的端口也不一样,前者是80，后
  • 【Java范型五】范型继承 bit1129 java
    定义如下一个抽象的范型类，其中定义了两个范型参数，T1，T2   package com.tom.lang.generics; public abstract class SuperGenerics<T1, T2> { private T1 t1; private T2 t2; public abstract void doIt(T
  • 【Nginx六】nginx.conf常用指令(Directive) bit1129 Directive
    1. worker_processes    8; 表示Nginx将启动8个工作者进程，通过ps -ef|grep nginx,会发现有8个Nginx Worker Process在运行   nobody 53879 118449 0 Apr22 ? 00:26:15 nginx: worker process
  • lua 遍历Header头部 ronin47 lua header 遍历　
    local headers = ngx.req.get_headers()   ngx.say("headers begin", "<br/>")   ngx.say("Host : ", he
  • java-32.通过交换a,b中的元素，使[序列a元素的和]与[序列b元素的和]之间的差最小(两数组的差最小)。 bylijinnan java
    import java.util.Arrays; public class MinSumASumB { /** * Q32.有两个序列a,b，大小都为n,序列元素的值任意整数，无序. * * 要求：通过交换a,b中的元素，使[序列a元素的和]与[序列b元素的和]之间的差最小。 * 例如: * int[] a = {100,99,98,1,2,3
  • redis 开窍的石头 redis
    在redis的redis.conf配置文件中找到# requirepass foobared 把它替换成requirepass 12356789 后边的12356789就是你的密码 打开redis客户端输入config get requirepass 返回 redis 127.0.0.1:6379> config get requirepass 1) "require
  • [JAVA图像与图形]现有的GPU架构支持JAVA语言吗？ comsci java语言
          无论是opengl还是cuda，都是建立在C语言体系架构基础上的，在未来，图像图形处理业务快速发展，相关领域市场不断扩大的情况下，我们JAVA语言系统怎么从这么庞大，且还在不断扩大的市场上分到一块蛋糕，是值得每个JAVAER认真思考和行动的事情       
  • 安装ubuntu14.04登录后花屏了怎么办 cuiyadll ubuntu
    这个情况，一般属于显卡驱动问题。 可以先尝试安装显卡的官方闭源驱动。 按键盘三个键：CTRL + ALT  +  F1 进入终端，输入用户名和密码登录终端： 安装amd的显卡驱动 sudo  apt-get  install  fglrx 安装nvidia显卡驱动 sudo  ap
  • SSL 与 数字证书 的基本概念和工作原理 darrenzhu 加密ssl证书密钥签名
    SSL 与 数字证书 的基本概念和工作原理 http://www.linuxde.net/2012/03/8301.html SSL握手协议的目的是或最终结果是让客户端和服务器拥有一个共同的密钥，握手协议本身是基于非对称加密机制的，之后就使用共同的密钥基于对称加密机制进行信息交换。 http://www.ibm.com/developerworks/cn/webspher
  • Ubuntu设置ip的步骤 dcj3sjt126com ubuntu
    在单位的一台机器完全装了Ubuntu Server，但回家只能在XP上VM一个，装的时候网卡是DHCP的，用ifconfig查了一下ip是192.168.92.128,可以ping通。 转载不是错： Ubuntu命令行修改网络配置方法 /etc/network/interfaces打开后里面可设置DHCP或手动设置静态ip。前面auto eth0，让网卡开机自动挂载. 1. 以D
  • php包管理工具推荐 dcj3sjt126com PHPComposer
    http://www.phpcomposer.com/   Composer是 PHP 用来管理依赖（dependency）关系的工具。你可以在自己的项目中声明所依赖的外部工具库（libraries），Composer 会帮你安装这些依赖的库文件。 中文文档  入门指南  下载  安装包列表 Composer 中国镜像
  • Gson使用四（TypeAdapter） eksliang jsongsonGson自定义转换器gsonTypeAdapter
    转载请出自出处：http://eksliang.iteye.com/blog/2175595 一.概述        Gson的TypeAapter可以理解成自定义序列化和返序列化 二、应用场景举例        例如我们通常去注册时（那些外国网站），会让我们输入firstName，lastName,但是转到我们都
  • JQM控件之Navbar和Tabs gundumw100 htmlxmlcss
    在JQM中使用导航栏Navbar是简单的。 只需要将data-role="navbar"赋给div即可： <div data-role="navbar"> <ul> <li><a href="#" class="ui-btn-active&qu
  • 利用归并排序算法对大文件进行排序 iwindyforest java归并排序大文件分治法Merge sort
      归并排序算法介绍，请参照Wikipeida zh.wikipedia.org/wiki/%E5%BD%92%E5%B9%B6%E6%8E%92%E5%BA%8F 基本思想： 大文件分割成行数相等的两个子文件，递归（归并排序）两个子文件，直到递归到分割成的子文件低于限制行数 低于限制行数的子文件直接排序 两个排序好的子文件归并到父文件 直到最后所有排序好的父文件归并到输入
  • iOS UIWebView URL拦截 啸笑天 UIWebView
    本文译者：candeladiao，原文：URL filtering for UIWebView on the iPhone说明：译者在做app开发时，因为页面的javascript文件比较大导致加载速度很慢，所以想把javascript文件打包在app里，当UIWebView需要加载该脚本时就从app本地读取，但UIWebView并不支持加载本地资源。最后从下文中找到了解决方法，第一次翻译，难免有
  • 索引的碎片整理SQL语句 macroli sql
    SET NOCOUNT ON DECLARE @tablename VARCHAR (128) DECLARE @execstr VARCHAR (255) DECLARE @objectid INT DECLARE @indexid INT DECLARE @frag DECIMAL DECLARE @maxfrag DECIMAL --设置最大允许的碎片数量,超过则对索引进行碎片
  • Angularjs同步操作http请求with $promise qiaolevip 每天进步一点点学习永无止境AngularJS纵观千象
    // Define a factory app.factory('profilePromise', ['$q', 'AccountService', function($q, AccountService) { var deferred = $q.defer(); AccountService.getProfile().then(function(res) {
  • hibernate联合查询问题 sxj19881213 sqlHibernateHQL联合查询
    最近在用hibernate做项目，遇到了联合查询的问题，以及联合查询中的N+1问题。 针对无外键关联的联合查询，我做了HQL和SQL的实验，希望能帮助到大家。（我使用的版本是hibernate3.3.2）   1 几个常识：  （1）hql中的几种join查询，只有在外键关联、并且作了相应配置时才能使用。  （2）hql的默认查询策略，在进行联合查询时，会产
  • struts2.xml wuai struts
    <?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE struts PUBLIC "-//Apache Software Foundation//DTD Struts Configuration 2.3//EN" "http://struts.apache
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他