Knockout.js随手记(7)

数组元素的新增/移除事件

前两篇博客已经很清楚的知道knockout.js通过observableArray()数组元素增减，可以实时的反映在UI上。当然我们想在数组增加或移除元素时加上自定义逻辑就好比一个触发器的感觉，可以吗？

foreach提供了afterAdd及beforeRemove两个额外的事件，允许在数组新增、移除元素时执行特定逻辑。在此继续沿用先前的用户列表呈现范例，加上两个效果:

  • 新增数据时，将最新加入的数据和表格进行着色修饰
  • 删除数据时，加上数据淡出特效

而在ViewModel里我们加上两个函数:

   //添加对象后才触发，第一次forach并不会触发

            self.afterAddEvent = function (element, index, data) {

                //通过nodeType过滤，只处理Element Node

                if (element.nodeType==1)  

                {

                    $(".new").removeClass("new");

                    $(element).addClass("new");

                }

            };

            //注意: beforeRemove事件后，要自已移除被刪除元素

            self.beforeRemoveEvent = function (element, index, data) {

                if (element.nodeType == 1) {

                    $(element)

                    .css("background-color", "#ff6a00")

                    .animate({ opacity: 0.2 },1000, function () {

                        $(this).remove();

                    })



                }

            };

afterAdd及beforeRemove函数会固定收到三个参数，element、index及data，其中element为模板容器中的各元素,即:

 　　　　　　　　　<tr>

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

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

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

                    <td><a href='#' data-bind="click: $root.removeUser">Remove</a></td>

                </tr>

实际运作时afterAdd/beforeRemove会收到不同的element被呼叫三次，原因是除了<tr>之外，<tbody>到<tr>之间的空白、</tr>到</tbody>间的空白也各算一个Element，(FF和chrome是忽略这个空格的)其nodeType为3即TEXT_NODE，代表TEXT_NODE。因此三次传入的element分别为TEXT_NODE、ELEMENT_NODE、TEXT_NODE，而第二次传入的ELEMENT_NODE是<tr>...</tr>间的内容，才是我们需要处理的对象，故加入if (elems.nodeType == 1)的判断。

要注意，一旦调用了了beforeRemove，konckout.js就不再自动帮你移除该笔数据在网页对应的元素，必须自行处理，但这也提供开发人员绝对的控制权，可自由安排HTML元素要怎么从网页上退出。

完整代码如下：

<!DOCTYPE html>



<html>

<head>

    <meta name="viewport" content="width=device-width" />

    <title>Index2</title>

    <style>

        table { width: 385px }

        td,th { border: 1px solid #0094ff; text-align: center; }

        .new { color: #0094ff; background-color:#b6ff00}       

    </style>



    <script src="~/Scripts/jquery-2.0.3.js"></script>

    <script src="~/Scripts/knockout-2.3.0.js"></script>

    <script  type="text/javascript">

        //定义user数据对象

        function UserViewModel(id,name,score) {

            var self = this;

            self.id = id;

            self.name =ko.observable(name);

            self.score =ko.observable(score);

        }

        //定义ViewModel

        function ViewModel() {

            var self = this;

            self.users = ko.observableArray();//添加动态监视数组对象

            self.removeUser = function (user) {

                self.users.remove(user);

            }

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

                var total = 0;

                $.each(self.users(), function (i, u) {

                    total += u.score();

                })

                return total;

            });

            //添加对象后才触发，第一次forach并不会触发

            self.afterAddEvent = function (element, index, data) {

                //通过nodeType过滤，只处理Element Node

                if (element.nodeType==1)  

                {

                    $(".new").removeClass("new");

                    $(element).addClass("new");

                }

            };

            //注意: beforeRemove事件后，要自已移除被刪除元素

            self.beforeRemoveEvent = function (element, index, data) {

                if (element.nodeType == 1) {

                    $(element)

                    .css("background-color", "#ff6a00")

                    .animate({ opacity: 0.2 },600, function () {

                        $(this).remove();

                    })



                }

            };

            };

        $(function () {

            var vm = new ViewModel();

            //预先添加一些数据

            vm.users.push(new UserViewModel("d1", "rohelm", 121));

            vm.users.push(new UserViewModel("d2", "halower", 125));

            $("#btnAddUser").click(function () { 

                vm.users.push(new UserViewModel(

                    $("#u_id").val(),

                    $("#u_name").val(),

                   parseInt($("#u_score").val())));

            });

            $("#btnUpdateScore").click(function () {

                vm.users()[vm.users().length-1].score(125).name("HelloWorld!");

            });

            ko.applyBindings(vm);

        });

    </script>

</head>

<body>

     <section style="margin:250px">

         <section>

         ID<input type="text" id="u_id" style="width:30px">

         Name<input type="text" id="u_name" style="width:30px">

         Score<input type="text" id="u_score" style="width:30px"><br/>

         <input  value="Add" id="btnAddUser" type="button" style="width:200px; background-color:#ff6a00;"/><br/>

           共 <span data-bind="text: users().length"></span> 条--------------合计 <span data-bind="text: totalscore"></span> 分

       </section>

       <section>

           <table>

            <thead>

                <tr><th>ID</th><th>Name</th><th>Score </th><th>Option</th></tr>

            </thead>

            <tbody  data-bind="foreach: { data: users, afterAdd: afterAddEvent, beforeRemove: beforeRemoveEvent}">

                <tr>

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

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

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

                    <td><a href='#' data-bind="click: $root.removeUser">Remove</a></td>

                </tr>

            </tbody>

        </table>

            <input  value="Update测试" id="btnUpdateScore" type="button" style="width:200px; background-color:#ff6a00;"/><br/>

       </section>

     </section>

</body>

</html>

运行效果如下：

Knockout.js随手记(7)

备注：

    本文版权归大家共用，不归本人所有，所有知识都来自于官网支持，书本，国内外论坛，大牛分享等等......后续将学习knockout.js的常用功能。

                                如果你喜欢本文的话，推荐共勉，谢谢！

你可能感兴趣的:(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利用发布者订阅者模式+数据劫持，可以直接通知变化并
  • web前段跨域nginx代理配置 刘正强 nginxcmsWeb
    nginx代理配置可参考server部分 server {         listen       80;         server_name  localhost;
  • spring学习笔记 caoyong spring
    一、概述     a>、核心技术 : IOC与AOP b>、开发为什么需要面向接口而不是实现     接口降低一个组件与整个系统的藕合程度，当该组件不满足系统需求时，可以很容易的将该组件从系统中替换掉，而不会对整个系统产生大的影响 c>、面向接口编口编程的难点在于如何对接口进行初始化,(使用工厂设计模式)
  • Eclipse打开workspace提示工作空间不可用 0624chenhong eclipse
    做项目的时候，难免会用到整个团队的代码，或者上一任同事创建的workspace， 1.电脑切换账号后，Eclipse打开时，会提示Eclipse对应的目录锁定，无法访问，根据提示，找到对应目录，G:\eclipse\configuration\org.eclipse.osgi\.manager，其中文件.fileTableLock提示被锁定。 解决办法，删掉.fileTableLock文件，重
  • Javascript 面向对面写法的必要性？ 一炮送你回车库 JavaScript
    现在Javascript面向对象的方式来写页面很流行，什么纯javascript的mvc框架都出来了：ember 这是javascript层的mvc框架哦,不是j2ee的mvc框架   我想说的是，javascript本来就不是一门面向对象的语言，用它写出来的面向对象的程序，本身就有些别扭，很多人提到js的面向对象首先提的是：复用性。那么我请问你写的js里有多少是可以复用的，用fu
  • js array对象的迭代方法 换个号韩国红果果 array
    1.forEach 该方法接受一个函数作为参数， 对数组中的每个元素 使用该函数  return 语句失效 function square(num) { print(num, num * num); } var nums = [1,2,3,4,5,6,7,8,9,10]; nums.forEach(square); 2.every 该方法接受一个返回值为布尔类型
  • 对Hibernate缓存机制的理解 归来朝歌 session一级缓存对象持久化
    在hibernate中session一级缓存机制中，有这么一种情况： 问题描述：我需要new一个对象，对它的几个字段赋值，但是有一些属性并没有进行赋值，然后调用 session.save()方法，在提交事务后，会出现这样的情况： 1：在数据库中有默认属性的字段的值为空 2：既然是持久化对象，为什么在最后对象拿不到默认属性的值？ 通过调试后解决方案如下： 对于问题一，如你在数据库里设置了
  • WebService调用错误合集 darkranger webservice
     Java.Lang.NoClassDefFoundError: Org/Apache/Commons/Discovery/Tools/DiscoverSingleton 调用接口出错， 一个简单的WebService import org.apache.axis.client.Call;import org.apache.axis.client.Service; 首先必不可
  • JSP和Servlet的中文乱码处理 aijuans Java Web
    JSP和Servlet的中文乱码处理 前几天学习了JSP和Servlet中有关中文乱码的一些问题，写成了博客，今天进行更新一下。应该是可以解决日常的乱码问题了。现在作以下总结希望对需要的人有所帮助。我也是刚学，所以有不足之处希望谅解。 一、表单提交时出现乱码： 在进行表单提交的时候，经常提交一些中文，自然就避免不了出现中文乱码的情况，对于表单来说有两种提交方式：get和post提交方式。所以
  • 面试经典六问 atongyeye 工作面试
    题记：因为我不善沟通，所以在面试中经常碰壁，看了网上太多面试宝典，基本上不太靠谱。只好自己总结，并试着根据最近工作情况完成个人答案。以备不时之需。 以下是人事了解应聘者情况的最典型的六个问题： 1 简单自我介绍 关于这个问题，主要为了弄清两件事，一是了解应聘者的背景，二是应聘者将这些背景信息组织成合适语言的能力。 我的回答：(针对技术面试回答，如果是人事面试，可以就掌
  • contentResolver.query()参数详解 百合不是茶 androidquery()详解
    收藏csdn的博客,介绍的比较详细,新手值得一看 1.获取联系人姓名 一个简单的例子，这个函数获取设备上所有的联系人ID和联系人NAME。 [java]  view plain copy   public void fetchAllContacts() {      
  • ora-00054:resource busy and acquire with nowait specified解决方法 bijian1013 oracle数据库killnowait
            当某个数据库用户在数据库中插入、更新、删除一个表的数据，或者增加一个表的主键时或者表的索引时，常常会出现ora-00054:resource busy and acquire with nowait specified这样的错误。主要是因为有事务正在执行（或者事务已经被锁），所有导致执行不成功。 1.下面的语句
  • web 开发乱码 征客丶 springWeb
    以下前端都是 utf-8 字符集编码 一、后台接收 1.1、 get 请求乱码 get 请求中，请求参数在请求头中； 乱码解决方法： a、通过在web 服务器中配置编码格式：tomcat 中，在 Connector 中添加URIEncoding="UTF-8"； 1.2、post 请求乱码 post 请求中，请求参数分两部份， 1.2.1、url？参数，
  • 【Spark十六】： Spark SQL第二部分数据源和注册表的几种方式 bit1129 spark
    Spark SQL数据源和表的Schema case class apply schema parquet json JSON数据源 准备源数据 {"name":"Jack", "age": 12, "addr":{"city":"beijing&
  • JVM学习之:调优总结 -Xms -Xmx -Xmn -Xss BlueSkator -Xss-Xmn-Xms-Xmx
      堆大小设置JVM 中最大堆大小有三方面限制：相关操作系统的数据模型（32-bt还是64-bit）限制；系统的可用虚拟内存限制；系统的可用物理内存限制。32位系统下，一般限制在1.5G~2G；64为操作系统对内存无限制。我在Windows Server 2003 系统，3.5G物理内存，JDK5.0下测试，最大可设置为1478m。典型设置： java -Xmx355
  • jqGrid 各种参数 详解(转帖) BreakingBad jqGrid
      jqGrid 各种参数 详解 分类：  源代码分享  个人随笔请勿参考  解决开发问题 2012-05-09 20:29   84282人阅读   评论(22)   收藏   举报 jquery 服务器 parameters function ajax string  
  • 读《研磨设计模式》-代码笔记-代理模式-Proxy bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.lang.reflect.InvocationHandler; import java.lang.reflect.Method; import java.lang.reflect.Proxy; /* * 下面
  • 应用升级iOS8中遇到的一些问题 chenhbc ios8升级iOS8
    1、很奇怪的问题，登录界面，有一个判断，如果不存在某个值，则跳转到设置界面，ios8之前的系统都可以正常跳转，iOS8中代码已经执行到下一个界面了，但界面并没有跳转过去，而且这个值如果设置过的话，也是可以正常跳转过去的，这个问题纠结了两天多，之前的判断我是在 -(void)viewWillAppear:(BOOL)animated  中写的，最终的解决办法是把判断写在 -(void
  • 工作流与自组织的关系？ comsci 设计模式工作
      目前的工作流系统中的节点及其相互之间的连接是事先根据管理的实际需要而绘制好的，这种固定的模式在实际的运用中会受到很多限制，特别是节点之间的依存关系是固定的，节点的处理不考虑到流程整体的运行情况，细节和整体间的关系是脱节的，那么我们提出一个新的观点，一个流程是否可以通过节点的自组织运动来自动生成呢？这种流程有什么实际意义呢？   这里有篇论文，摘要是：“针对网格中的服务
  • Oracle11.2新特性之INSERT提示IGNORE_ROW_ON_DUPKEY_INDEX daizj oracle
    insert提示IGNORE_ROW_ON_DUPKEY_INDEX 转自：http://space.itpub.net/18922393/viewspace-752123 在 insert into tablea ...select * from tableb中，如果存在唯一约束，会导致整个insert操作失败。使用IGNORE_ROW_ON_DUPKEY_INDEX提示，会忽略唯一
  • 二叉树:堆 dieslrae 二叉树
        这里说的堆其实是一个完全二叉树,每个节点都不小于自己的子节点,不要跟jvm的堆搞混了.由于是完全二叉树,可以用数组来构建.用数组构建树的规则很简单:     一个节点的父节点下标为: (当前下标 - 1)/2     一个节点的左节点下标为: 当前下标 * 2 + 1   &
  • C语言学习八结构体 dcj3sjt126com c
    为什么需要结构体，看代码 # include <stdio.h> struct Student //定义一个学生类型，里面有age, score, sex, 然后可以定义这个类型的变量 { int age; float score; char sex; } int main(void) { struct Student st = {80, 66.6,
  • centos安装golang dcj3sjt126com centos
    #在国内镜像下载二进制包 wget -c  http://www.golangtc.com/static/go/go1.4.1.linux-amd64.tar.gz tar -C /usr/local -xzf go1.4.1.linux-amd64.tar.gz   #把golang的bin目录加入全局环境变量 cat >>/etc/profile<
  • 10.性能优化-监控-MySQL慢查询 frank1234 性能优化MySQL慢查询
    1.记录慢查询配置 show variables where variable_name like 'slow%' ; --查看默认日志路径 查询结果：--不用的机器可能不同 slow_query_log_file=/var/lib/mysql/centos-slow.log 修改mysqld配置文件：/usr /my.cnf[一般在/etc/my.cnf，本机在/user/my.cn
  • Java父类取得子类类名 happyqing javathis父类子类类名
      在继承关系中，不管父类还是子类，这些类里面的this都代表了最终new出来的那个类的实例对象，所以在父类中你可以用this获取到子类的信息！   package com.urthinker.module.test; import org.junit.Test; abstract class BaseDao<T> { public void
  • Spring3.2新注解@ControllerAdvice jinnianshilongnian @Controller
    @ControllerAdvice，是spring3.2提供的新注解，从名字上可以看出大体意思是控制器增强。让我们先看看@ControllerAdvice的实现：   @Target(ElementType.TYPE) @Retention(RetentionPolicy.RUNTIME) @Documented @Component public @interface Co
  • Java spring mvc多数据源配置 liuxihope spring
    转自：http://www.itpub.net/thread-1906608-1-1.html 1、首先配置两个数据库 <bean id="dataSourceA" class="org.apache.commons.dbcp.BasicDataSource" destroy-method="close&quo
  • 第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/
  • BW / Universe Mappings blueoxygen BO
      BW Element OLAP Universe Element Cube  Dimension Class Charateristic A class with dimension and detail objects (Detail objects for key and desription) Hi
  • Java开发熟手该当心的11个错误 tomcat_oracle java多线程工作单元测试
    #1、不在属性文件或XML文件中外化配置属性。比如，没有把批处理使用的线程数设置成可在属性文件中配置。你的批处理程序无论在DEV环境中，还是UAT（用户验收 测试）环境中，都可以顺畅无阻地运行，但是一旦部署在PROD 上，把它作为多线程程序处理更大的数据集时，就会抛出IOException，原因可能是JDBC驱动版本不同，也可能是#2中讨论的问题。如果线程数目 可以在属性文件中配置，那么使它成为
  • 推行国产操作系统的优劣 yananay windowslinux国产操作系统
    最近刮起了一股风，就是去“国外货”。从应用程序开始，到基础的系统，数据库，现在已经刮到操作系统了。原因就是“棱镜计划”，使我们终于认识到了国外货的危害，开始重视起了信息安全。操作系统是计算机的灵魂。既然是灵魂，为了信息安全，那我们就自然要使用和推行国货。可是，一味地推行，是否就一定正确呢？ 先说说信息安全。其实从很早以来大家就在讨论信息安全。很多年以前，就据传某世界级的网络设备制造商生产的交
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他