mingqingyuefeng
mingqingyuefeng

实现双击进入编辑，失去焦点后保存数据（Angular）

最近做一个项目，前端由Angular搭建，需要实现一个功能，就是双击进入编辑，当失去焦点的时候把数据保存。（即改变双向绑定的数据）。

        先写一些简陋的HTML代码：
[html]  view plain  copy
  1. <table class="table1">  
  2. <tr>  
  3.     <td>td>  
  4.            <td>td>  
  5.            <td>td>  
  6. tr>  
  7. table>  

      测试的数据如下：

[javascript]  view plain  copy
  1. $scope.data = [{id:1,name:'huang',age:22},{id:2,name:'zhao',age:22},  
  2.                      {id:3,name:'zhou',age:20},{id:4,name:'sun',age:22}];  
       把数据显示在视图上：

[html]  view plain  copy
  1.    <table class="table1">  
  2.    <tr ng-repeat="item in data">  
  3.       <td>{{item.id}}td>  
  4.       <td ng-dblclick="replace($event,item,'name')"><span>{{item.name}}span>td>  
  5.       <td ng-dblclick="replace($event,item,'age')"><span>{{item.age}}span>td>  
  6.    tr>  
  7. table>  
       为了看起来舒服一些，随便写点样式：
[css]  view plain  copy
  1. table td{  
  2.        width:200px;  
  3. border:1px solid #ccc;  
  4. text-align:center;  
  5. }  
  6. table td span{           //这个样式很重要，让span充满整个td，防止点击时，获取到的对象是td而不是span  
  7.        display:block;  
  8. width:100%;  
  9. height:100%;  
  10. }  
  11. table{  
  12.        border-collapse:collapse;  
  13. }  
      显示的结果如下：
  

实现双击进入编辑，失去焦点后保存数据（Angular）_第1张图片

JS代码

[javascript]  view plain  copy
  1. angular.module('test',[]).controller('testController',function($scope){  
  2.      
  3.  $scope.data = [{id:1,name:'huang',age:22},{id:2,name:'zhao',age:22},{id:3,name:'zhou',age:20},{id:4,name:'sun',age:22}];  
  4.    
  5.  $scope.replace = function($event,dataObj,name){  
  6.     /* 
  7.     *  $event是事件,dataObj是$scope.data中一个数据对象， 
  8.     *   name是是数据对象的具体属性名  
  9.     */  
  10.       
  11.     var obj = $event.target;    //获取被双击的对象  
  12.                       
  13.     //转换成由span转换为输入框  
  14.     var input = document.createElement("input");  
  15.     input.value = obj.innerHTML;  
  16.     obj.parentNode.replaceChild(input,obj);  
  17.       
  18.     //失去焦点时由input输入框转换为span  
  19.     input.onblur = function(){  
  20.        obj.innerHTML = input.value;  
  21.          
  22.        //改变双向绑定的数据，如果双向绑定的数据是是Number类型，  
  23.        //则把input输入的值转换为Number值,这个可以根据实际需要进行转换  
  24.        dataObj[name] = angular.isNumber(dataObj[name])?parseInt(input.value):input.value;  
  25.          
  26.        input.parentNode.replaceChild(obj,input);  
  27.          
  28.        //在console里打印结果，查看双向绑定的数据是否改变  
  29.        console.table($scope.data);  
  30.     };  
  31.       
  32.  };  
  33.   });  

实验结果：实现双击进入编辑，失去焦点后保存数据（Angular）_第2张图片

但是做了一些测试后，发现了几个小问题，

问题1：当单击出现文本框后（此时只是出现文本框，但是焦点没在文本框上），再去点击其他数据，又出现文本框，之前那个文本框并没有转换为span。看下图：


实现双击进入编辑，失去焦点后保存数据（Angular）_第3张图片


解决方法，当span被input代替的时候，聚焦到input，input.focus();


问题2：当点击td时，转换为input后，点击同一个td的非input区域。

实现双击进入编辑，失去焦点后保存数据（Angular）_第4张图片


问题3：不停点击已经出现的input，会报错。出现下图现象。




问题2、问题3解决，判断是否是span节点，然后再赋予点击事件。obj.nodeName=='SPAN'
  

一个简单的双击进入编辑算是完成了。或许还有其他的bug，以后发现了，再做修改。


完整的代码如下所示：

[html]  view plain  copy
  1. >  
  2. <html ng-app="test">  
  3. <head>  
  4. <script src="http://lib.sinaapp.com/js/angular.js/angular-1.2.19/angular.min.js">script>  
  5. <script>  
  6.    angular.module('test',[]).controller('testController',function($scope){  
  7.       
  8.      $scope.data = [{id:1,name:'huang',age:22},{id:2,name:'zhao',age:22},{id:3,name:'zhou',age:20},{id:4,name:'sun',age:22}];  
  9.        
  10.      $scope.replace = function($event,dataObj,name){  
  11.           
  12.      var obj = $event.target;             
  13.       
  14.         //当被双击的是span元素时，才执行事件         
  15.         if(obj.nodeName=='SPAN'){  
  16.                   
  17.             //转换成输入框  
  18.             var input = document.createElement("input");  
  19.             input.value = obj.innerHTML;  
  20.             obj.parentNode.replaceChild(input,obj);  
  21.             //聚焦的替换后的input上  
  22.             input.focus();  
  23.               
  24.             input.onblur = function(){  
  25.                obj.innerHTML = input.value;  
  26.                dataObj[name] = angular.isNumber(dataObj[name])?parseInt(input.value):input.value;  
  27.                input.parentNode.replaceChild(obj,input);  
  28.                console.table($scope.data);  
  29.             };        
  30.         }                                     
  31.      };  
  32.    });  
  33. script>  
  34. <style>  
  35.    table td{  
  36.            width:200px;  
  37.       border:1px solid #ccc;  
  38.       text-align:center;  
  39.    }  
  40.    table td span{  
  41.           display:block;  
  42.       width:100%;  
  43.       height:100%;  
  44.    }  
  45.    table{  
  46.       border-collapse:collapse;  
  47.    }  
  48. style>  
  49. head>  
  50. <body ng-controller="testController">  
  51.     <table class="table1">  
  52.        <tr ng-repeat="item in data">  
  53.           <td>{{item.id}}td>  
  54.           <td ng-dblclick="replace($event,item,'name')"><span>{{item.name}}span>td>  
  55.           <td ng-dblclick="replace($event,item,'age')"><span>{{item.age}}span>td>  
  56.        tr>  
  57.     table>  
  58. body>  
  59. html>  

你可能感兴趣的:(angularJS)

  • 如何从Angularjs 升级到 Angular（译文） 快乐2020
    原文:UpgradingfromAngularJStoAngularAuthor:AngularJS官方译者：philoenglish.com团队关键字：AngularjsAngularAngular1.xAngular2.xmigration迁移，升级这里的Angular是指Angular2.x,而AngularJS是指AngularJS1.x版本。Angular(通常是指"Angular2+"
  • 【面试题系列Vue06】Vue 单页应用与多页应用的区别 周三有雨 vue面试题vue.js前端javascript
    单页应用单页应用这个概念，是随着前几年AngularJS、React、Ember等这些框架的出现而出现的。第一节内容里，我们在页面渲染中讲了页面的局部刷新，而单页应用则是使用了页面的局部刷新的能力，在切换页面的时候刷新页面内容，从而获取更好的体验。SPA与MPA单页应用（SinglePageWebApplication，SPA）和多页应用（MultiPageApplication，MPA）的区别可
  • js、ts、argular、nodejs学习心得 海棠如醉 web技术web
    工作中需要前端argular开发桌面程序，后端用nodejs开发服务器，商用软件架构AngularJS诞生于2009年，由MiskoHevery等人创建，是一款构建用户界面的前端框架，后为Google所收购。[3]Angular是AngularJS的重写，Angular2以后官方命名为Angular，2.0以前版本称为AngularJS。AngularJS是用JavaScript编写，而Angul
  • 标题：重构传统电商：Moa - 融合Angular与Magento的新一代框架 伍辰惟
    标题：重构传统电商：Moa-融合Angular与Magento的新一代框架1、项目介绍Moa是一款创新的开源项目，它将传统的Magento商店带入了新时代。这个框架采用AngularJS前端和Laravel后端API，旨在解决Magento在单元测试、配置优先原则、Prototype.js使用以及未经过测试的第三方模块等方面的问题。Moa的设计目标是提高性能、可维护性和用户体验，为电子商务提供更现
  • 基于AngularJS的企业软件前端架构 weixin_33980459 前端javascript后端ViewUI
    2019独角兽企业重金招聘Python工程师标准>>>这篇是我参加QCon北京2014的演讲内容：提纲：企业应用在软件行业中占有很大的比重，而这类软件多数现在也都采用B/S的模式开发，在这个日新月异的时代，它们的前端开发技术找到了什么改进点呢？B/S企业软件前端开发模式大体上与桌面软件类似，都是偏重量级的，在前端可能会有较多的业务逻辑，这些业务逻辑如何被合理模块化，与界面分离，以便测试，成为这个领
  • 茂名华为云代理商：angularjs后台管理系统网站 aliyuncloud 华为云国际站代理商华为云代理商华为云国际站华为云angular.js前端运维云计算服务器javascript
    茂名华为云代理商：angularjs后台管理系统网站简介：飞机@luotuoemo本文由（华为云国际站代理商：【金推云】www.jintui.cn）撰写茂名华为云代理商：angularjs后台管理系统网站华为云代理商的介绍作为茂名地区的华为云代理商，我们致力于为客户提供最优质的云服务和解决方案。借助华为云强大的技术实力和丰富的行业经验，我们能够为客户量身定制各种云计算服务，满足其不同的需求。Ang
  • css修改图标字体大小,css-更改AngularJS材质图标的图标大小 莫博之 css修改图标字体大小
    css-更改AngularJS材质图标的图标大小我已经引用然后声明了一个图标face但是，如何更改图标大小？在官方网站[https://design.google.com/icons/]上，我看到他们使用诸如class="md-icondp48"280之类的类，但在我的情况下不起作用。9个解决方案72votes通过阅读github中的材料设计，我发现了这些有用的东西可能会对您有所帮助。/*Rule
  • 前端框架 air_b10f
    JavaScript在2017年被IBM评为最值得学习的编程语言之一，自然而然它的流行度快速上升，并一直持续。这也促使了一个活跃的生态系统的生成以及与之相关的技术和框架的发展。如今诞生了非常多的框架和库，如果对每一个框架没有一个大致的了解，恐怕很难抉择。如果你正在尝试选择一个合适的javascript框架，那么下面这几个框架你绝对不容错过：1.AngularJSAngularJS是一个有Googl
  • Web前端开发的框架可以应用到哪些地方 一只有头发的程序猿 工作学习web前端JavaScript编程程序员前端开发
    随着时间的推移，网页设计越来越具有创新性。web前端开发将成为2020年技术领域最热门的学科之一。以前，前端空间的开发人员只要了解一些HTML，CSS，也许还有jQuery来创建交互式网站，就足够了。但是今天，他们面临着广泛且不断变化的开发技能生态系统；最近几年，我们使用JavaScript为主要的Web应用程序提供了强大的新库和框架，例如ReactJS，VueJS和angularJS。这3个可以
  • （二）spring cloud微服务分布式云架构 - 整合企业架构的技术点 fumi106
    springcloud本身提供的组件就很多，但我们需要按照企业的业务模式来定制企业所需要的通用架构，那我们现在需要考虑使用哪些技术呢？下面我针对于springcloud微服务分布式云架构做了以下技术总结，希望可以帮助到大家：View：H5、Vue.js、SpringTag、React、angularJsSpringBoot/SpringCloud：Zuul、Ribbon、Feign、Turbine
  • 解决angularjs html 不转义问题 彬彬彬boboc
    方法1.引用angular-sanitize.js文件msg为html的字符串，这样页码就会对html进行渲染输出到页面方法2：创建一个filter过滤器然后将此过滤器添加到ng-bind-html所绑定的数据中，便实现了在数据加载时对于html标签的自动转义。
  • 盘点前端开源JS框架和库 前端王小婷
    新的Javascript库层出不穷，从而Web社区愈发活跃、多样、在多方面快速发展。详细去描述每一种主流的Javascript框架和库近乎不可能，所以在这篇文章中主要介绍一些对前端发展最具影响力的前端框架。接下来让我们来共同研究一些主流前端框架、库和工具，并讨论它们的适用场景。1.angular.Js地址：http://www.runoob.com/angularjs/angularjs-tuto
  • ng-Route和ui-router的区别 牛奶大泡芙
    AngularJs可以实现页面的局部刷新，通过改变url的方式。其中ngRoute是内置的服务，而ui-router是第三方开发的产品，优势在于可以进行视图嵌套，下面简要比较一下两者在使用上的区别。
  • 10个最受欢迎的 JavaScript 框架，以及它们的主要特征和功能 骨灰设计师小X
    多年来，业界已经发布了大量JavaScript框架，怎样进行选择可能是一个挑战。如果你感到困惑，不知道应该选哪个或者究竟哪个适合你，那么我已经帮你解决了问题。在本文中，我将列出用来构建Web应用程序的前10个JavaScript框架。1.AngularJSAngular是最强大、最高效、最开源的JavaScript框架之一。在这个列表中不可能不提及Angular。该框架由Google运营，用于开发
  • 什么是MVVM模式？ 若年封尘 前端mvvmmvcmvpvue.js
    文章目录前端的三大MV*模式：MVVM模式：ViewModel的作用：MVVM的组成部分：前端流行框架：前端的三大MV*模式：MVVM模式：MVVM是Model-View-ViewModel的简写。它本质上就是MVC的改进版。MVVM就是将其中的View的状态和行为抽象化，让我们将视图UI和业务逻辑分开。当下流行的MVVM框架有：Vue.js、AngularJS。MVVM即模型-视图-视图模型。模
  • Vue前端框架选型论证 秋枫落落 vue
    Vue前端框架选型论证文章目录Vue前端框架选型论证1.前端框架的演变1.1前端框架的演变历史1.2web1.0时代1.3后端MVC时代1.4前端MVC时代1.5MVP时代1.6MVVM时代2.前端框架的演变总结3.前端MVVM三大框架AngularJS、Vue、React对比选择3.1三大框架社区活跃度对比3.2市场应用情况对比3.3前端MVVM三大框架AngularJS、Vue、React对比
  • AngularJS常见问题 zhuhangit AngularJSangular.js前端框架
    AngularJS常见问题Useskip-importoptiontoskipimporting//问题：在该工程下，存在多个module文件//解决方案：创建组件时，指定module文件：nggeneratecomponent[options]nggccomponentName--module=app.module(往app.module.ts中添加创建的组件信息)修改第三方组件的样式//ng-
  • 深入AngularJS源码，写自己的 JngularJS（1） zidea
    最近大部分时间都花费在研究AngularJS，AngularJS作为全能的javascript框架（不是库呀），很强大也很成熟。在国内也被广泛应用到实际web前端开发中。也是前端工程师追逐和热捧的前端框架之一。我最近也是在项目中实际用了一段时间。好处就不说了，框架中也存在许多让人困惑不解的地方，例如digest是如何工作的？angularJS为什么提供多种方式来定义directive指令集。ser
  • ionic3 项目使用Cordova自定义插件 星辰大海_王
    PS：Ionic为什么要用Cordova插件？先看下Ionic是什么？Ionic(ionicframework)一款开源的Html5移动App开发框架,是以AngularJS为基础的移动端解决方案,Ionic以流行的跨平台移动app开发框架phoengap为蓝本，让开发者可以通过命令行工具快速生成androidios移动app应用。phoengap又是什么？PhoneGap是ApacheCordo
  • 项目总结-技术点：将接口获取html代码段，初始到页面 youyoufenglai angularangularsce
    **要实现什么：**angular、require搭建的网站中，将接口获取的html代码段初始到页面；**用到的技术点：**angularJs的$sce服务与ng-bind-html指令js文件中：$scope.qetMsgDetail=function(){layer.load(2,{shade:[0.1,'#000']});$http.post(url,postData).success(fu
  • AngularJs 学习之 ng-repeat-start,ng-repeat-end 指令 IT枫斗者 JAVA基础工作中实际总结编程学习angular.js学习前端java面试javascript
    AngularJs学习之ng-repeat-start,ng-repeat-end指令ng-repeat指令：循环输出数组或者对象内容到htmlapplywatch*{margin:0;padding:0;}姓名介绍{{item.name}}{{item.content}}varapp=angular.module("myApp",[]);app.controller('myCtrl',funct
  • Vue基础语法篇 Gao_xu_sheng vue.js前端javascript
    1.1web前端三大主流框架web前端三大主流框架都是Angular、React、Vue。1.2AngularAngularJS诞生于2009年，由MiskoHevery等人创建，后为Google所收购。是一款优秀的前端JS框架，已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是：MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。Angular1.3R
  • AngularJs 基础（60分钟入门） weixin_34405332 测试uic#
    AngularJS是一个创建富客户端应用的JavaScriptMVC框架。你仍然需要具有服务端后台，但大多数的用户交互逻辑将放到客户端上处理。它可以创建单页的应用程序，一个页面的应用仅仅需要HTML,CSS和JavaScript在客户端。它的目标是增强页面的模型-视图-控制（MVC）的功能，为简化开发和测试。单页Web应用（singlepagewebapplication，SPA），就是只有一张W
  • 【AngularJs】已改变ui-sref的state，但是href的url未改变 smart_dream angular.jsui前端
    改变跳转路径去修改去修改去修改-->去修改解决方案：angularui-Dynamicallysetthevalueofui-srefAngularjs-StackOverflow
  • AngularJs入门使用 swimming_in_it_ 前端插件+框架angularJs基础介绍demo
    AngularJS介绍AngularJs是一个前台框架，使用JavaScript编写的库。用户可以在使用该框架，在前台中进行数据双向绑定，实现前端的MVC数据显示。在使用AngularJs框架的时候，只需要在前台的html中引入AngularJs文件即可。使用非常方便。AngularJs基础操作在讲解基础指令前，先普遍一些基础概念。用户在页面中引入AngularJs文件后，可以创建WebApp和控
  • AngularJS快速入门指南12：模块 ddjq1044 javascriptViewUI
    AngularJS模块定义了一个application。模块是一个application中不同部分的容器。application中的所有控制器都应该属于一个模块。带有一个控制器的模块下面这个application（"myApp"）包含一个控制器（"myCtrl"）：{{firstName+""+lastName}}varapp=angular.module("myApp",[]);app.cont
  • AngularJS快速入门 chongxiaocheng 框架angularjsweb前端前端开发框架
    AngularJS.1.0快速入门目录1.简介2.基本编写结构3.基本语法及基础结构组成1.简介AngularJS是一个基于MVC处理模式，实现了MVVM数据双向绑定的用于开发动态web项目的框架。以其数据和展现分离、MVVM、MVC、DI等强大的特性活跃于前端开发市场，是前端敏捷开发使用的主流的必须掌握的框架之一。AnuglarJS是前后端分离软件架构模型下，前端业务处理的解决方案！总之，Ang
  • AngularJS基础入门文档 水阳。 前端angular.js前端javascript
    引言：AngularJS是一个开源的JavaScript框架，用于构建动态Web应用程序。它提供了一套强大的工具和功能，使开发人员能够更轻松地构建交互性强、响应式的网页应用。本文将为您介绍AngularJS的基本概念和使用方法，帮助您快速入门并掌握AngularJS的核心知识。一、环境搭建在开始使用AngularJS之前，您需要确保以下环境已经准备好：浏览器：推荐使用最新版本的Chrome、Fir
  • node.js漏洞总结 carrot11223 网络安全node.js漏洞
    js开发的web应用和php/Java最大的区别就是js可以通过查看源代码的方式查看到编写的代码，但是php/Java的不能看到，也就是说js开发的web网页相当于可以进行白盒测试。流行的js框架有：1.AngularJS2.ReactJS3.Vue4.jQuery5.BackboneJS6.NodeJS7.Ember8.Meteor9.Polymer10.Aurelia那怎么判断一个网站是不是由
  • Angularjs 动态获取屏幕宽度 壹只很拽的猫
    我是写在directivewindow.onresize=function(){$scope.$apply(function(){console.log("document.body.clientWidth",document.body.clientWidth);})};参考文档：angular怎么监听屏幕宽度改变angularjs中如何实现页面自适应？这个看起来能实现但是我没整明白
  • ViewController添加button按钮解析。（翻译） 张亚雄 c
    <div class="it610-blog-content-contain" style="font-size: 14px"></div>//  ViewController.m //  Reservation software // //  Created by 张亚雄 on 15/6/2.
  • mongoDB 简单的增删改查 开窍的石头 mongodb
       在上一篇文章中我们已经讲了mongodb怎么安装和数据库/表的创建。在这里我们讲mongoDB的数据库操作       在mongo中对于不存在的表当你用db.表名 他会自动统计 下边用到的user是表明，db代表的是数据库       添加(insert):
  • log4j配置 0624chenhong log4j
    1) 新建java项目 2) 导入jar包，项目右击，properties—java build path—libraries—Add External jar，加入log4j.jar包。 3) 新建一个类com.hand.Log4jTest package com.hand; import org.apache.log4j.Logger; public class
  • 多点触摸(图片缩放为例) 不懂事的小屁孩 多点触摸
    多点触摸的事件跟单点是大同小异的，上个图片缩放的代码，供大家参考一下 import android.app.Activity; import android.os.Bundle; import android.view.MotionEvent; import android.view.View; import android.view.View.OnTouchListener
  • 有关浏览器窗口宽度高度几个值的解析 换个号韩国红果果 JavaScripthtml
    1 元素的 offsetWidth 包括border padding  content  整体的宽度。 clientWidth  只包括内容区 padding 不包括border。 clientLeft =  offsetWidth -clientWidth  即这个元素border的值 offsetLeft  若无已定位的包裹元素
  • 数据库产品巡礼：IBM DB2概览 蓝儿唯美 db2
    IBM DB2是一个支持了NoSQL功能的关系数据库管理系统，其包含了对XML，图像存储和Java脚本对象表示（JSON）的支持。DB2可被各种类型的企 业使用，它提供了一个数据平台，同时支持事务和分析操作，通过提供持续的数据流来保持事务工作流和分析操作的高效性。 DB2支持的操作系统 DB2可应用于以下三个主要的平台:   工作站，DB2可在Linus、Unix、Windo
  • java笔记5 a-john java
    控制执行流程： 1，true和false    利用条件表达式的真或假来决定执行路径。例：（a==b）。它利用条件操作符“==”来判断a值是否等于b值，返回true或false。java不允许我们将一个数字作为布尔值使用，虽然这在C和C++里是允许的。如果想在布尔测试中使用一个非布尔值，那么首先必须用一个条件表达式将其转化成布尔值，例如if(a!=0)。 2，if-els
  • Web开发常用手册汇总 aijuans PHP
    一门技术，如果没有好的参考手册指导,很难普及大众。这其实就是为什么很多技术，非常好，却得不到普遍运用的原因。 正如我们学习一门技术，过程大概是这个样子： ①我们日常工作中，遇到了问题，困难。寻找解决方案，即寻找新的技术； ②为什么要学习这门技术？这门技术是不是很好的解决了我们遇到的难题，困惑。这个问题，非常重要，我们不是为了学习技术而学习技术，而是为了更好的处理我们遇到的问题，才需要学习新的
  • 今天帮助人解决的一个sql问题 asialee sql
                今天有个人问了一个问题，如下： type     AD      value          A  
  • 意图对象传递数据 百合不是茶 android意图IntentBundle对象数据的传递
    学习意图将数据传递给目标活动; 初学者需要好好研究的       1,将下面的代码添加到main.xml中    <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http:/
  • oracle查询锁表解锁语句 bijian1013 oracleobjectsessionkill
    一.查询锁定的表 如下语句，都可以查询锁定的表 语句一： select a.sid, a.serial#, p.spid, c.object_name, b.session_id, b.oracle_username, b.os_user_name from v$process p, v$s
  • mac osx 10.10 下安装 mysql 5.6 二进制文件［tar.gz］ 征客丶 mysqlosx
    场景：在 mac osx 10.10 下安装 mysql 5.6 的二进制文件。 环境：mac osx 10.10、mysql 5.6 的二进制文件 步骤：[所有目录请从根“/”目录开始取，以免层级弄错导致找不到目录] 1、下载 mysql 5.6 的二进制文件，下载目录下面称之为 mysql5.6SourceDir； 下载地址：http://dev.mysql.com/downl
  • 分布式系统与框架 bit1129 分布式
    RPC框架 Dubbo 什么是Dubbo   Dubbo是一个分布式服务框架，致力于提供高性能和透明化的RPC远程服务调用方案，以及SOA服务治理方案。其核心部分包含:    远程通讯: 提供对多种基于长连接的NIO框架抽象封装，包括多种线程模型，序列化，以及“请求-响应”模式的信息交换方式。    集群容错: 提供基于接
  • 那些令人蛋痛的专业术语 白糖_ springWebSSOIOC
    spring 【控制反转(IOC)/依赖注入(DI)】： 由容器控制程序之间的关系，而非传统实现中，由程序代码直接操控。这也就是所谓“控制反转”的概念所在：控制权由应用代码中转到了外部容器，控制权的转移，是所谓反转。 简单的说：对象的创建又容器(比如spring容器)来执行，程序里不直接new对象。 Web 【单点登录(SSO)】：SSO的定义是在多个应用系统中，用户
  • 《给大忙人看的java8》摘抄 braveCS java8
    函数式接口：只包含一个抽象方法的接口 lambda表达式：是一段可以传递的代码       你最好将一个lambda表达式想象成一个函数，而不是一个对象，并记住它可以被转换为一个函数式接口。 事实上，函数式接口的转换是你在Java中使用lambda表达式能做的唯一一件事。   方法引用：又是要传递给其他代码的操作已经有实现的方法了，这时可以使
  • 编程之美-计算字符串的相似度 bylijinnan java算法编程之美
    public class StringDistance { /** * 编程之美 计算字符串的相似度 * 我们定义一套操作方法来把两个不相同的字符串变得相同，具体的操作方法为： * 1.修改一个字符（如把“a”替换为“b”）; * 2.增加一个字符（如把“abdd”变为“aebdd”）; * 3.删除一个字符（如把“travelling”变为“trav
  • 上传、下载压缩图片 chengxuyuancsdn 下载
    /** * * @param uploadImage --本地路径(tomacat路径) * @param serverDir --服务器路径 * @param imageType --文件或图片类型 * 此方法可以上传文件或图片.txt,.jpg,.gif等 */ public void upload(String uploadImage,Str
  • bellman-ford(贝尔曼-福特)算法 comsci 算法F#
    Bellman-Ford算法(根据发明者 Richard Bellman 和 Lester Ford 命名)是求解单源最短路径问题的一种算法。单源点的最短路径问题是指：给定一个加权有向图G和源点s，对于图G中的任意一点v，求从s到v的最短路径。有时候这种算法也被称为 Moore-Bellman-Ford 算法，因为 Edward F. Moore zu 也为这个算法的发展做出了贡献。 与迪科
  • oracle ASM中ASM_POWER_LIMIT参数 daizj ASMoracleASM_POWER_LIMIT磁盘平衡
    ASM_POWER_LIMIT 该初始化参数用于指定ASM例程平衡磁盘所用的最大权值，其数值范围为0~11，默认值为1。该初始化参数是动态参数，可以使用ALTER  SESSION或ALTER  SYSTEM命令进行修改。示例如下： SQL>ALTER  SESSION  SET   Asm_power_limit=2;
  • 高级排序:快速排序 dieslrae 快速排序
    public void quickSort(int[] array){ this.quickSort(array, 0, array.length - 1); } public void quickSort(int[] array,int left,int right){ if(right - left <= 0
  • C语言学习六指针_何谓变量的地址 一个指针变量到底占几个字节 dcj3sjt126com C语言
    # include <stdio.h> int main(void) { /* 1、一个变量的地址只用第一个字节表示 2、虽然他只使用了第一个字节表示，但是他本身指针变量类型就可以确定出他指向的指针变量占几个字节了 3、他都只存了第一个字节地址，为什么只需要存一个字节的地址，却占了4个字节，虽然只有一个字节， 但是这些字节比较多，所以编号就比较大，
  • phpize使用方法 dcj3sjt126com PHP
    phpize是用来扩展php扩展模块的，通过phpize可以建立php的外挂模块,下面介绍一个它的使用方法,需要的朋友可以参考下 安装（fastcgi模式）的时候，常常有这样一句命令： 代码如下: /usr/local/webserver/php/bin/phpize   一、phpize是干嘛的？ phpize是什么？ phpize是用来扩展php扩展模块的，通过phpi
  • Java虚拟机学习 - 对象引用强度 shuizhaosi888 JAVA虚拟机
    本文原文链接：http://blog.csdn.net/java2000_wl/article/details/8090276 转载请注明出处！ 无论是通过计数算法判断对象的引用数量，还是通过根搜索算法判断对象引用链是否可达，判定对象是否存活都与“引用”相关。 引用主要分为 ：强引用(Strong Reference)、软引用(Soft Reference)、弱引用(Wea
  • .NET Framework 3.5 Service Pack 1（完整软件包）下载地址 happyqing .net下载framework
      Microsoft .NET Framework 3.5 Service Pack 1（完整软件包）  http://www.microsoft.com/zh-cn/download/details.aspx?id=25150 Microsoft .NET Framework 3.5 Service Pack 1 是一个累积更新，包含很多基于 .NET Framewo
  • JAVA定时器的使用 jingjing0907 javatimer线程定时器
    1、在应用开发中，经常需要一些周期性的操作，比如每5分钟执行某一操作等。 对于这样的操作最方便、高效的实现方式就是使用java.util.Timer工具类。 privatejava.util.Timer timer; timer = newTimer(true); timer.schedule( newjava.util.TimerTask() { public void run()
  • Webbench 流浪鱼 webbench
    首页下载地址 http://home.tiscali.cz/~cz210552/webbench.html Webbench是知名的网站压力测试工具，它是由Lionbridge公司（http://www.lionbridge.com）开发。 Webbench能测试处在相同硬件上，不同服务的性能以及不同硬件上同一个服务的运行状况。webbench的标准测试可以向我们展示服务器的两项内容：每秒钟相
  • 第11章 动画效果（中） onestopweb 动画
    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/
  • windows下制作bat启动脚本. sanyecao2314 javacmd脚本bat
    java -classpath C:\dwjj\commons-dbcp.jar;C:\dwjj\commons-pool.jar;C:\dwjj\log4j-1.2.16.jar;C:\dwjj\poi-3.9-20121203.jar;C:\dwjj\sqljdbc4.jar;C:\dwjj\voucherimp.jar com.citsamex.core.startup.MainStart
  • Java进行RSA加解密的例子 tomcat_oracle java
    加密是保证数据安全的手段之一。加密是将纯文本数据转换为难以理解的密文；解密是将密文转换回纯文本。 　　数据的加解密属于密码学的范畴。通常，加密和解密都需要使用一些秘密信息，这些秘密信息叫做密钥，将纯文本转为密文或者转回的时候都要用到这些密钥。 　　对称加密指的是发送者和接收者共用同一个密钥的加解密方法。 　　非对称加密(又称公钥加密)指的是需要一个私有密钥一个公开密钥，两个不同的密钥的
  • Android_ViewStub 阿尔萨斯 ViewStub
    public final class ViewStub extends View java.lang.Object android.view.View android.view.ViewStub 类摘要： ViewStub 是一个隐藏的，不占用内存空间的视图对象，它可以在运行时延迟加载布局资源文件。当 ViewSt
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他