方格田
方格田

MVVM设计模式

传统MVP设计模式MVVM设计模式_第1张图片

  • M 模型层
  • V 视图，可以触发事件
  • P 控制器，通过dom操作改变视图（核心）

下面的代码实现的功能是：在输入框输入文字，点击提交后在下方以列表形式显示


<html>
	<head>
		<meta charset="utf-8" />
		<title>title>
	=>引入了jQuery	
	<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">script>
	head>
	<body>
		<div>
			<input type="text" id="input"/>
			<button id='btn'>提交button>
			<ul id="ul">ul>
			
		div>
		
		===
		 M 模型层
		 V 视图，可以触发事件
		 P 控制器，通过dom操作改变视图（核心）
		===
		
		<script type="text/javascript">
			function Page(){}
			$.extend(Page.prototype,{
				init:function(){
					this.bindEvents()
				},
				bindEvents:function () {
					var btn=$('#btn');
					btn.on('click',$.proxy(this.handleBtnClick,this)) 
					// $.proxy 用于改变this的绑定
				},
				handleBtnClick:function () {
					// alert('123')
					var inputElem=$("#input");//获取input框元素
					var inputValue=inputElem.val();//取input框的内容
					var ulElem=$("#ul");
					ulElem.append('
  • '+inputValue+'
    • '    );
					inputElem.val('');
				}
			})
			var page=new Page();//创建实例
			page.init();
		    script>
	body>
html>

    MVP的主要特点:

    • 把Activity里的许多逻辑都抽离到View和Presenter接口中去，并由具体的实现类来完成。
    • View与Model不直接交互，而是通过与Presenter来完成交互
    • Presenter中除了应用逻辑以外，还有大量的View->Model，Model->View的手动同步逻辑，会导致Presenter臃肿，维护困难

    MVVM设计模式

    MVVM设计模式_第2张图片
    MVVM的特点:

    • 可以将ViewModel看作是Model和View的连接桥梁，View可以通过事件绑定Model，Model可以通过数据绑定View，通过ViewMode可以实现数据和视图的完全分离。
    • 在 MVVM 设计模式中， Model 层负责存储数据，View 层用于显示数据。但 MVVM 设计模式中，没有 Presenter 层，取而代之的是ViewModel层级。
      而ViewModel并不需要我们来 进行编写，使用 MVVM 设计模式进行编码的时候，无需关注ViewModel这一层是如何实现的，它完全是 Vue 内置的。而我们只需要更多的关注 M 层与 V层，即模型层和视图层。
    • 在Vue框架下，我们可以直接操作数据而不是dom元素来实现View的改变

    结合代码说明MVVM设计模式，与上面的代码执行同样的功能：

    
<html>
	<head>
		<meta charset="utf-8" />
		<title>title>
		<script src="https://cdn.jsdelivr.net/npm/vue">script>
	head>
	
	=>在Vue操作中，只改变数据层，然后Vue实例会根据数据的
	变化来渲染dom，我们并不再控制dom元素了
	
	=>MVVM设计模式	
	<body>
		
		<div id='app'>			
			
			<input type="text" v-model="inputValue" />			
			<button v-on:click="handleBtnClick">提交button>
			
			<ul>
				<li v-for="item in list">{{item}}li>
			ul>
		div>
		
		=>VM层（ViewModel） 即Vue，监听视图层和数据M层
		
		<script>
			=>M层,关注数据
			
			var app=new Vue({
				el:'#app',
				data:{
					list:[],
					inputValue:''
				},
				methods:{//把方法定义在methods中
					handleBtnClick:function(){
						this.list.push(this.inputValue);
						this.inputValue=''
					}
				}
			})
		script>
	body>
html>

    你可能感兴趣的:(Vue)

    • vuejs 项目部署到nginx 爱分享的程序员 vue使用
      一.vuejs项目配置文件根目录创建vue.config.js文件。如下：二.运行npmrunbuild指令将打包出来的dist文件拷贝到服务器的指定目录三.ngxin配置文件四.在服务器的根目录创建一个文件夹my-project，将dist里面的文件拷贝到创建的这个文件夹下面五.浏览器访问项目的路径http://localhost/my-project
    • Vue 数据更新但页面没有更新的 7 种情况 爱分享的程序员 vue使用
      1.Vue无法检测实例被创建时不存在于data中的property原因：由于Vue会在初始化实例时对property执行getter/setter转化，所以property必须在data对象上存在才能让Vue将它转换为响应式的。场景：varvm=newVue({data:{},//页面不会变化template:'{{message}}'})vm.message='Hello!'//`vm.mess
    • 【性能优化】uni-app小程序中swiper-item图片预加载 Hugh106 uni-app小程序javascript性能优化vue.js
      项目场景：在开发壁纸小程序的时候遇到这样一个场景，通过壁纸缩略图页面跳转至壁纸大图页面，需要一次载入的图片太多，这样就需要swiper里需要很多swiper-item，如此一来渲染的时候就会很消耗性能和网络带宽，渲染时会有一大段的空白时间，有时还会造成卡顿，体验非常差。问题描述classlist.vue是壁纸缩略图页面，preview.vue是壁纸大图页面。点击缩略图进行跳转时进行传参，参数为图片
    • Vue模板语法(插值语法，指令语法) 仰望天空的小小蜗牛 Vue.jsvue.jsjavascript前端
      Vue模板语法有2大类：Vue官网链接1.插值语法：功能：用于解析标签体内容。写法：{{xxx}}，xxx是js表达式，且可以直接读取到data中的所有属性。2.指令语法：功能：用于解析标签（包括：标签属性、标签体内容、绑定事件…）。举例：v-bind:href=“xxx”或简写为:href=“xxx”，xxx同样要写js表达式，且可以直接读取到data中的所有属性。备注：Vue中有很多的指令，且
    • 前端21：Vue.js开发实践指南 mater lai
      本文还有配套的精品资源，点击获取简介：Vue.js是前端开发领域流行的JavaScript框架，"前端21"项目展示了基于Vue.js的Web应用程序开发。本文详细介绍了Vue.js的核心概念、项目设置、npm脚本、自定义配置、文件结构、开发过程和VueCLI工具，以帮助开发者高效构建Web应用。1.Vue.js框架基础1.1Vue.js简介Vue.js是一套构建用户界面的渐进式JavaScrip
    • 基于vue3 + ts 封装一个自定义的message组件 stpzhf javascript前端vue.js
      基于vue3+ts封装一个自定义的message组件今天尝试封装一个message弹框组件废话不多说直接上代码Message.vue这是一个message组件import{onMounted,ref}from'vue'typePropsType={timeout:numberclose:()=>void}const{timeout=3000,close}=defineProps()letvisib
    • 姓名案例_插值语法实现 JAVA代码搬运工 Vue前端vue.js前端
      姓名案例_插值语法实现姓：名：全名：{{firstName}}-{{lastName}}Vue.config.productionTip=false//阻止vue在启动时生成生产提示。newVue({el:'#root',data:{firstName:'张',lastName:'三'}})
    • Vue 路由基础：Vue 2 和 Vue 3 的比较与使用 念九_ysl Vuevue.js前端javascript
      Vue.js是一款非常流行的前端框架，而VueRouter是Vue.js的官方路由管理库。在前端开发中，路由是处理页面跳转和视图管理的关键部分。Vue2和Vue3都使用VueRouter来管理路由，但是随着Vue3的发布，VueRouter也有了不少变化。在本文中，我们将详细介绍Vue2和Vue3中的路由使用，比较它们之间的不同，并提供一些示例代码。一、安装VueRouter在Vue项目中使用Vu
    • 【TypeScript】ts在vue中的使用 咔咔库奇 #TypeScripttypescriptvue.jsjavascript
      目录一、Vue3+TypeScript1.项目创建与配置项目创建关键配置文件2.完整项目结构示例3.组件Props类型定义4.响应式数据与Ref5.Composition函数复用二、组件开发1.组合式API（CompositionAPI）2.选项式API（OptionsAPI)三、Vue2+TypeScript1.安装依赖2.类组件（VueClassComponent)3.Vuex类型安全四、状态
    • vue2学习笔记4 - 深入学习模板语法：插值语法和指令语法 我是飞鸟呀 Vue学习笔记vue.js
      前言在vue2学习笔记2-老规矩，从HelloWorld开始，了解Vue实例和模板-CSDN博客我们提到过，容器中的代码叫做Vue模板，它们遵循HTML规范，只是混入了特殊的Vue语法。这些特殊的Vue语法除了上一次我们提到的插值语法外，还有指令语法。插值语法，可以使用js表达式，读取vue实例data中的数据。但是能实现的功能比较单一，而且，也仅限于标签体中的文本替换。如果想要与元素的属性绑定，
    • vue3使用插件封装指令实现页面滚动动画 前端、小老弟 vue前端animationvue.js前端javascriptcss3动画
      效果展示：vue封装插件需要使用到install函数exportdefaultScrollAnimationPlugin={install(app:App,options={}){//需要实现的内容}}vue指令语法：app.directive('scroll-animation',{mounted(el:HTMLDivElement,binding:any){//需要实现的内容}})监听页面滚动
    • CVAT标注工具使用与功能测试-Windows下（保姆式教程） Barry-mapping docker计算机视觉windows
      目录一、安装所需要环境1.1、项目介绍（项目下载地址）1.2、Vue环境配置1.3、配置docker(Windows下)二、CVAT安装和使用2.1、CVAT安装2.2、CVAT使用2.2.1、创建用户（account）2.2.2、基本选项设置（Settings）2.2.3、创建工程（Createanewproject）2.2.4、创建任务（Createanewtask）2.2.5、开始标注（St
    • 【Vue3实战】嵌套路由让前端项目结构更清晰 风清扬雨 前端Vue3前端vue.jsjavascript
      Hey小伙伴们，今天要跟大家分享的是Vue3中的一个超实用技巧——嵌套路由（NestedRouting）。无论你是Vue的新手还是老手，都一定不能错过这篇指南，因为学会它，你的项目结构将会变得更加清晰有序！‍✨什么是嵌套路由？嵌套路由是指在VueRouter中定义一个父路由，然后在这个父路由下定义多个子路由。这样做的好处是可以让你的项目结构更加模块化，而且在导航栏、面包屑等地方展示层级关系时也更加
    • Vue.js 全面技术指南 2301_81335708 vue.js前端javascript
      目录1.Vue.js基础入门1.1脚手架安装1.2基础指令使用v-bind动态绑定v-model双向绑定1.3条件渲染2.核心概念详解2.1计算属性与监听器2.2Methods方法2.3Filters过滤器3.组件化开发3.1组件基础3.2组件通信4.实战应用4.1ElementUI使用4.2Axios网络请求4.3路由配置5.进阶技巧5.1BOM定时器5.2DOM操作总结Vue.js高级开发指南
    • 模板语法 （插值语法、指令语法） JAVA代码搬运工 Vue前端vue.js
      模板语法插值语法你好，{{name}}指令语法点我去{{school.name}}学习1点我去{{school.name}}学习2Vue.config.productionTip=false//阻止vue在启动时生成生产提示。newVue({el:'#root',data:{name:'jack',school:{name:'该去的地',url:'http://www.school.com',}}
    • 前端开发核心知识点深度解析：从CSS到Vue的全面指南 A_cot cssvue.js前端开发语言javascript
      一、CSS篇1.link与@import的区别加载方式：是HTML标签，并行加载；@import是CSS语法，串行加载兼容性：@import不支持IE5以下DOM控制：link可通过JS操作DOM修改，@import不可动态修改权重计算：@import引入的样式优先级低于link@importurl('style.css');二、JavaScript篇2.原型链机制原型对象：每个函数都有proto
    • 泛微Ecode调用后端接口 CXYCMY 泛微OA学习专栏前端javascriptjava
      前言不知道为啥，在网上几乎找不到免费的教程说清楚泛微Ecode平台如果去调用后端的接口来获取对应的接口数据，找了一上午了实在是找不到泛微Ecode是用的React框架编写的，主要的语法逻辑是React，天知道，我连vue也只是知道简单的写个脚手架项目而已，对React从未接触过，现在要在这样的情况下去在泛微Ecode平台调用接口也只能就是说各个地方找教程在经过不懈的寻找后，基本上都是要购买教程的，
    • Weex中使用vue.js 前端_学习之路 跨平台开发vue.js前端javascript
      在WeexSDKv0.10.0以及后续的版本中，集成了v2版本的Vue.js。Vue是一套构建用户界面的渐进式框架，截止于作者发文，Weex官方没有对Vue3提供支持。内置构建版本Vue.js有两种构建版本:运行时+编译器与只包含运行时。它们之间的区别在于编译器是否需要能够在运行时编译template选项。由于运行时构建版本比完整版本的构建版本轻约30%（Vue官方估算），为了更好的性能和更小的代
    • 解决 uView-UI和uv-ui 中 u-tabs 组件在微信小程序中出现横向滚动条的问题 溫冬＇＇123 uiuv微信小程序
      问题描述在微信小程序中使用uView-UI的u-tabs组件时，用户可能会遇到横向滚动条的问题。这不仅影响了页面的美观，还可能导致用户误操作。问题原因该问题的根本原因是未在微信小程序环境下屏蔽滚动条。uView-UI的u-tabs组件默认只在H5环境下屏蔽滚动条，而在微信小程序（MP-WEIXIN）环境下未做处理。解决方案要解决这个问题，我们需要修改u-tabs.vue文件，将微信小程序环境也加入
    • 阿里云ESC windws服务器部署springboot+vue前后端分离项目 溫冬＇＇123 项目部署springboot阿里云服务器
      window服务器部署springboot+vue项目前期准备：1、完整的项目源码我这里的项目前端是vue，后端是springboot+redis+mysql2、服务器我使用的是阿里云的ESC服务器（偷偷告诉你们，新手都可以白嫖一个月的服务器）服务器系统是windows至于我为什么不用linux，害别说了，新手还是先用window先吧。3、服务器环境搭建我们部署项目需要搭建项目的环境，其实仔细想想
    • uniapp学习心得：跨平台开发 sdfcr uni-appjavascripthtml5cssvue.js
      一.介绍UniApp是一个基于Vue.js开发的跨平台应用开发框架，可以用于快速构建同时运行在多个平台（包括iOS、Android、Web等）的应用程序。相比于传统的原生开发和其他跨平台框架，选择学习UniApp具有许多优势。为什么选择学习UniApp？跨平台性：UniApp可以将同一套代码运行在多个平台上，极大地提高了开发效率，减少了重复开发的工作量。Vue.js生态：UniApp基于Vue.j
    • 初识uniApp 家里有只小肥猫 uni-app
      详细思考一下uniApp这个跨平台开发框架。首先，我对uniApp还不是很了解，所以需要从基本概念开始，逐步深入。什么是uniApp？我记得uniApp是基于Vue.js的，可能是一个用来开发多个平台的应用的框架。用户可能想了解它是什么，它的特点是什么，适合什么样的项目。uniApp的特点和优势跨平台开发：一次编写，多端运行，可能包括H5、微信小程序、支付宝小程序、App等。基于Vue.js：这意
    • Vue 系列之：基础知识 程序员SKY VUEvue.js
      什么是MVVMMVVM（Model-View-ViewModel）一种软件设计模式，旨在将应用程序的数据模型（Model）与视图层（View）分离，并通过ViewModel来实现它们之间的通信。降低了代码的耦合度。Model代表数据模型，是应用程序中用于处理数据的部分。在Vue.js中，Model通常指的是组件的data函数返回的对象，或者Vue实例的data属性。View是用户界面，是用户与应用
    • 前端架构 —— 脚手架的开发流程 mask-li 前端
      一、脚手架开发流程详解开发流程创建npm项目创建脚手架入口文件，最上方添加：#!/usr/bin/envnode配置package.json，添加bin属性编写脚手架代码将脚手架发布到npm使用流程安装脚手架npminstall-gyour-own-cli使用脚手架your-own-cli二、脚手架开发难点解析分包：将复杂的系统拆分成若干个模块命令注册：vuecreatevueaddvueinvo
    • 前后端分离项目的验证码实现（前端Vue，后端TP） 今天练肩感觉爆炸 vuethinkphp
      1.TP安装依赖composerrequiretopthink/think-captcha=2.0.*2.生成验证码返回给前端//生成验证码publicfunctiongetCaptcha(){$config=[//验证码字符集合'codeSet'=>'0123456789',//验证码字体大小'fontSize'=>30,//字体'fontttf'=>'5.ttf',//验证码位数'length
    • ave-form.vue 组件中 如何将产品名称发送给后端 ？ 小丁学Java 产品资质管理系统前端
      如何将产品名称发送给后端。在这段代码中，产品名称（productName）的处理和发送主要发生在save()方法中。让我逐步分析：产品ID的选择：在表单中，用户通过下拉框选择产品，这里的v-model="form.productId"会绑定所选产品的id到form.productId。:list="productList"是产品列表数据，来自getProducts()方法从后端获取的。option
    • wzl--wholeMachine 大胖丫 vue.jselementuijavascript
      page1###########################################serversManage.vue-->-->-->-->借用人为空-->-->查询重置新增删除导出-->导入批量下架-->{{scope.row.notes}}-->-->')"placement="top"effect="light":open-delay="500">-->')">-->-->--
    • vue3组件传参 weixin_46541579 vue.js前端javascript
      父组件向子组件传参父组件向子组件传参主要通过props来实现父组件importSonComponetfrom'./components/SonComponet.vue';import{ref}from'vue'constinfo=ref({name:'zs',age:12})constlist=ref(['a','b','c'])子组件SonComponet.vuemessage:{{messag
    • vue图表插件ECharts使用指南 IT 老王 echarts前端javascript
      以下是一份较为全面的ECharts使用指南，包含安装、基本使用步骤、常见图表示例以及配置项说明等内容。1.安装ECharts可以通过npm或yarn进行安装，在项目根目录下执行以下命令：#使用npm安装npminstallecharts--save#使用yarn安装yarnaddecharts2.基本使用步骤2.1引入ECharts在Vue组件中引入ECharts：import*asecharts
    • vue按照官网设置自动导入后ElMessageBox不生效问题 cc.ChenLy 前端
      按照官网的方式导入之后，ElMessageBox不用再引入了，不然就会造成冲突不生效解决的方法：将组件中的引入删除，直接使用
    • ios内付费 374016526 ios内付费
      近年来写了很多IOS的程序，内付费也用到不少，使用IOS的内付费实现起来比较麻烦，这里我写了一个简单的内付费包，希望对大家有帮助。   具体使用如下: 这里的sender其实就是调用者，这里主要是为了回调使用。 [KuroStoreApi kuroStoreProductId:@"产品ID" storeSender:self storeFinishCallBa
    • 20 款优秀的 Linux 终端仿真器 brotherlamp linuxlinux视频linux资料linux自学linux教程
        终端仿真器是一款用其它显示架构重现可视终端的计算机程序。换句话说就是终端仿真器能使哑终端看似像一台连接上了服务器的客户机。终端仿真器允许最终用户用文本用户界面和命令行来访问控制台和应用程序。（LCTT 译注：终端仿真器原意指对大型机-哑终端方式的模拟，不过在当今的 Linux 环境中，常指通过远程或本地方式连接的伪终端，俗称“终端”。） 你能从开源世界中找到大量的终端仿真器，它们
    • Solr Deep Paging(solr 深分页) eksliang solr深分页solr分页性能问题
      转载请出自出处：http://eksliang.iteye.com/blog/2148370 作者：eksliang(ickes) blg:http://eksliang.iteye.com/ 概述 长期以来，我们一直有一个深分页问题。如果直接跳到很靠后的页数，查询速度会比较慢。这是因为Solr的需要为查询从开始遍历所有数据。直到Solr的4.7这个问题一直没有一个很好的解决方案。直到solr
    • 数据库面试题 18289753290 面试题 数据库
      1.union ,union all 网络搜索出的最佳答案： union和union all的区别是,union会自动压缩多个结果集合中的重复结果，而union all则将所有的结果全部显示出来，不管是不是重复。 Union：对两个结果集进行并集操作，不包括重复行，同时进行默认规则的排序； Union All：对两个结果集进行并集操作，包括重复行，不进行排序； 2.索引有哪些分类？作用是
    • Android TV屏幕适配 酷的飞上天空 android
      先说下现在市面上TV分辨率的大概情况 两种分辨率为主 1.720标清，分辨率为1280x720. 屏幕尺寸以32寸为主，部分电视为42寸 2.1080p全高清，分辨率为1920x1080 屏幕尺寸以42寸为主，此分辨率电视屏幕从32寸到50寸都有   适配遇到问题，已1080p尺寸为例： 分辨率固定不变，屏幕尺寸变化较大。 如：效果图尺寸为1920x1080，如果使用d
    • Timer定时器与ActionListener联合应用 永夜-极光 java
      功能:在控制台每秒输出一次   代码: package Main; import javax.swing.Timer; import java.awt.event.*; public class T { private static int count = 0; public static void main(String[] args){
    • Ubuntu14.04系统Tab键不能自动补全问题解决 随便小屋 Ubuntu 14.04
      Unbuntu 14.4安装之后就在终端中使用Tab键不能自动补全，解决办法如下：   1、利用vi编辑器打开/etc/bash.bashrc文件（需要root权限） sudo vi /etc/bash.bashrc  接下来会提示输入密码 2、找到文件中的下列代码 #enable bash completion in interactive shells #if
    • 学会人际关系三招 轻松走职场 aijuans 职场
      要想成功，仅有专业能力是不够的，处理好与老板、同事及下属的人际关系也是门大学问。如何才能在职场如鱼得水、游刃有余呢？在此，教您简单实用的三个窍门。 　　第一，多汇报 最近，管理学又提出了一个新名词“追随力”。它告诉我们，做下属最关键的就是要多请示汇报，让上司随时了解你的工作进度，有了新想法也要及时建议。不知不觉，你就有了“追随力”，上司会越来越了解和信任你。 　　第二，勤沟通 团队的力
    • 《O2O：移动互联网时代的商业革命》读书笔记 aoyouzi 读书笔记
      移动互联网的未来：碎片化内容+碎片化渠道=各式精准、互动的新型社会化营销。   O2O：Online to OffLine 线上线下活动 O2O就是在移动互联网时代，生活消费领域通过线上和线下互动的一种新型商业模式。   手机二维码本质：O2O商务行为从线下现实世界到线上虚拟世界的入口。   线上虚拟世界创造的本意是打破信息鸿沟，让不同地域、不同需求的人
    • js实现图片随鼠标滚动的效果 百合不是茶 JavaScript滚动属性的获取图片滚动属性获取页面加载
      1,获取样式属性值 top 与顶部的距离 left 与左边的距离 right 与右边的距离 bottom 与下边的距离 zIndex 层叠层次     例子:获取左边的宽度,当css写在body标签中时 <div id="adver" style="position:absolute;top:50px;left:1000p
    • ajax同步异步参数async bijian1013 jqueryAjaxasync
              开发项目开发过程中，需要将ajax的返回值赋到全局变量中，然后在该页面其他地方引用，因为ajax异步的原因一直无法成功，需将async:false，使其变成同步的。         格式： $.ajax({ type: 'POST', ur
    • Webx3框架（1） Bill_chen eclipsespringmaven框架ibatis
      Webx是淘宝开发的一套Web开发框架，Webx3是其第三个升级版本；采用Eclipse的开发环境，现在支持java开发； 采用turbine原型的MVC框架，扩展了Spring容器，利用Maven进行项目的构建管理，灵活的ibatis持久层支持，总的来说，还是一套很不错的Web框架。 Webx3遵循turbine风格，velocity的模板被分为layout/screen/control三部
    • 【MongoDB学习笔记五】MongoDB概述 bit1129 mongodb
      MongoDB是面向文档的NoSQL数据库，尽量业界还对MongoDB存在一些质疑的声音，比如性能尤其是查询性能、数据一致性的支持没有想象的那么好，但是MongoDB用户群确实已经够多。MongoDB的亮点不在于它的性能，而是它处理非结构化数据的能力以及内置对分布式的支持(复制、分片达到的高可用、高可伸缩)，同时它提供的近似于SQL的查询能力，也是在做NoSQL技术选型时，考虑的一个重要因素。Mo
    • spring/hibernate/struts2常见异常总结 白糖_ Hibernate
      Spring ①ClassNotFoundException: org.aspectj.weaver.reflect.ReflectionWorld$ReflectionWorldException 缺少aspectjweaver.jar，该jar包常用于spring aop中   ②java.lang.ClassNotFoundException: org.sprin
    • jquery easyui表单重置(reset)扩展思路 bozch formjquery easyuireset
      在jquery easyui表单中 尚未提供表单重置的功能，这就需要自己对其进行扩展。 扩展的时候要考虑的控件有： combo,combobox,combogrid,combotree,datebox,datetimebox 需要对其添加reset方法，reset方法就是把初始化的值赋值给当前的组件，这就需要在组件的初始化时将值保存下来。 在所有的reset方法添加完毕之后，就需要对fo
    • 编程之美-烙饼排序 bylijinnan 编程之美
      package beautyOfCoding; import java.util.Arrays; /* *《编程之美》的思路是：搜索+剪枝。有点像是写下棋程序：当前情况下，把所有可能的下一步都做一遍；在这每一遍操作里面，计算出如果按这一步走的话，能不能赢（得出最优结果）。 *《编程之美》上代码有很多错误，且每个变量的含义令人费解。因此我按我的理解写了以下代码： */
    • Struts1.X 源码分析之ActionForm赋值原理 chenbowen00 struts
      struts1在处理请求参数之前，首先会根据配置文件action节点的name属性创建对应的ActionForm。如果配置了name属性，却找不到对应的ActionForm类也不会报错，只是不会处理本次请求的请求参数。 如果找到了对应的ActionForm类，则先判断是否已经存在ActionForm的实例，如果不存在则创建实例，并将其存放在对应的作用域中。作用域由配置文件action节点的s
    • [空天防御与经济]在获得充足的外部资源之前,太空投资需有限度 comsci 资源
            这里有一个常识性的问题:       地球的资源,人类的资金是有限的,而太空是无限的.....       就算全人类联合起来,要在太空中修建大型空间站,也不一定能够成功,因为资源和资金,技术有客观的限制.... &
    • ORACLE临时表—ON COMMIT PRESERVE ROWS daizj oracle临时表
      ORACLE临时表 转 临时表：像普通表一样，有结构，但是对数据的管理上不一样，临时表存储事务或会话的中间结果集，临时表中保存的数据只对当前 会话可见，所有会话都看不到其他会话的数据，即使其他会话提交了，也看不到。临时表不存在并发行为，因为他们对于当前会话都是独立的。 创建临时表时，ORACLE只创建了表的结构（在数据字典中定义），并没有初始化内存空间，当某一会话使用临时表时，ORALCE会
    • 基于Nginx XSendfile+SpringMVC进行文件下载 denger 应用服务器Webnginx网络应用lighttpd
          在平常我们实现文件下载通常是通过普通 read-write方式，如下代码所示。 @RequestMapping("/courseware/{id}") public void download(@PathVariable("id") String courseID, HttpServletResp
    • scanf接受char类型的字符 dcj3sjt126com c
      /* 2013年3月11日22:35:54 目的：学习char只接受一个字符 */ # include <stdio.h> int main(void) { int i; char ch; scanf("%d", &i); printf("i = %d\n", i); scanf("%
    • 学编程的价值 dcj3sjt126com 编程
      发一个人会编程, 想想以后可以教儿女, 是多么美好的事啊, 不管儿女将来从事什么样的职业, 教一教, 对他思维的开拓大有帮助   像这位朋友学习:   http://blog.sina.com.cn/s/articlelist_2584320772_0_1.html   VirtualGS教程 (By @林泰前): 几十年的老程序员，资深的
    • 二维数组（矩阵）对角线输出 飞天奔月 二维数组
      今天在BBS里面看到这样的面试题目,   1，二维数组（N*N），沿对角线方向，从右上角打印到左下角如N=4： 4*4二维数组  { 1 2 3 4 } { 5 6 7 8 } { 9 10 11 12 } {13 14 15 16 } 打印顺序  4 3 8 2 7 12 1 6 11 16 5 10 15 9 14 13 要
    • Ehcache（08）——可阻塞的Cache——BlockingCache 234390216 并发ehcacheBlockingCache阻塞
      可阻塞的Cache—BlockingCache          在上一节我们提到了显示使用Ehcache锁的问题，其实我们还可以隐式的来使用Ehcache的锁，那就是通过BlockingCache。BlockingCache是Ehcache的一个封装类，可以让我们对Ehcache进行并发操作。其内部的锁机制是使用的net.
    • mysqldiff对数据库间进行差异比较 jackyrong mysqld
        mysqldiff该工具是官方mysql-utilities工具集的一个脚本，可以用来对比不同数据库之间的表结构，或者同个数据库间的表结构    如果在windows下，直接下载mysql-utilities安装就可以了，然后运行后，会跑到命令行下： 1） 基本用法    mysqldiff --server1=admin:12345
    • spring data jpa 方法中可用的关键字 lawrence.li javaspring
      spring data jpa 支持以方法名进行查询/删除/统计。 查询的关键字为find 删除的关键字为delete/remove (>=1.7.x) 统计的关键字为count (>=1.7.x)   修改需要使用@Modifying注解 @Modifying @Query("update User u set u.firstna
    • Spring的ModelAndView类 nicegege spring
      项目中controller的方法跳转的到ModelAndView类，一直很好奇spring怎么实现的？ /* * Copyright 2002-2010 the original author or authors. * * Licensed under the Apache License, Version 2.0 (the "License"); * yo
    • 搭建 CentOS 6 服务器(13) - rsync、Amanda rensanning centos
      （一）rsync Server端 # yum install rsync # vi /etc/xinetd.d/rsync service rsync { disable = no flags = IPv6 socket_type = stream wait
    • Learn Nodejs 02 toknowme nodejs
      （1）npm是什么 npm is the package manager for node 官方网站：https://www.npmjs.com/ npm上有很多优秀的nodejs包，来解决常见的一些问题，比如用node-mysql，就可以方便通过nodejs链接到mysql，进行数据库的操作 在开发过程往往会需要用到其他的包，使用npm就可以下载这些包来供程序调用 &nb
    • Spring MVC 拦截器 xp9802 spring mvc
      Controller层的拦截器继承于HandlerInterceptorAdapter HandlerInterceptorAdapter.java  1  public   abstract   class  HandlerInterceptorAdapter  implements  HandlerIntercep
    按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他