开心大表哥
开心大表哥

简要理解vue的mvvm模式中的双向数据绑定

mvvm（Model-View-ViewModel）模式：
由视图(View)、视图模型(ViewModel)、模型(Model)三部分组成，结构如下图。
简要理解vue的mvvm模式中的双向数据绑定_第1张图片
通过这三部分实现UI逻辑、呈现逻辑和状态控制、数据与业务逻辑的分离。

使用MVVM模式有几大好处：

　　1. 低耦合。View可以独立于Model变化和修改，一个ViewModel可以绑定到不同的View上，当View变化的时候Model可以不变，当Model变化的时候View也可以不变。

　　2. 可重用性。可以把一些视图的逻辑放在ViewModel里面，让很多View重用这段视图逻辑。

　　3. 独立开发。开发人员可以专注与业务逻辑和数据的开发(ViewModel)。设计人员可以专注于界面(View)的设计。

　　4. 可测试性。可以针对ViewModel来对界面(View)进行测试

vue中支持mvvm的核心就是双向数据绑定机制。
vue数据双向绑定是通过数据劫持结合发布者-订阅者模式的方式来实现的，那么vue是如果进行数据劫持的，我们可以先来看一下通过控制台输出一个定义在vue初始化数据上的对象是个什么东西。

var vm = new Vue({
    data: {
        obj: {
            a: 1
        }
    },
    created: function () {
        console.log(this.obj);
    }
});

简要理解vue的mvvm模式中的双向数据绑定_第2张图片
我们可以看到属性a有两个相对应的get和set方法，为什么会多出这两个方法呢？因为vue是通过Object.defineProperty()来实现数据劫持的。

什么是Object.defineProperty()
简要理解vue的mvvm模式中的双向数据绑定_第3张图片
简要理解vue的mvvm模式中的双向数据绑定_第4张图片

双向数据绑定的模式是view改变是更新data，data改变的时候更新view。view改变后更新data可以通过事件监听来实现，这不是问题，问题是data改变后如何更新到view。
简要理解vue的mvvm模式中的双向数据绑定_第5张图片
参考vue的做法就是通过set,get来实现。

下面我们来看两个data改变后更新view的DOM:
1.改变prop这个属性的值后，通过set立即更新到view

 
<html> 
 <head> 
 <meta charset="UTF-8"> 
 <title>testtitle> 
 head> 
 <body> 
 <div id="test">测试div> 
 <script> 
     var view = document.getElementById("test"); 
     var data = {}; 
     var i=0; 
     Object.defineProperty(data, "prop", { 
         set: function(newValue) { 
         //当data.b的值改变的时候更新＃test的视图 
         view.textContent=newValue; 
         }, 
         get: function() { 
         } 
    }); 
    setInterval(function(){ 
        console.log(data)
         i++; 
         data.prop = "data.prop的值更新了，我要更新视图"+i; 
    },1000); 
 script> 
 body> 
html>
var Book = {}
var name = '';
Object.defineProperty(Book, 'name', {
  set: function (value) {
    name = value;
    console.log('你取了一个书名叫做' + value);
  },
  get: function () {
    return '《' + name + '》'
  }
})
Book.name = 'vue权威指南';  // 你取了一个书名叫做vue权威指南
console.log(Book.name);  // 《vue权威指南》

我们通过Object.defineProperty( )设置了对象Book的name属性，对其get和set进行重写操作，顾名思义，get就是在读取name属性这个值触发的函数，set就是在设置name属性这个值触发的函数，所以当执行 Book.name = ‘vue权威指南’ 这个语句时，控制台会打印出 “你取了一个书名叫做vue权威指南”，紧接着，当读取这个属性时，就会输出 “《vue权威指南》”，因为我们在get函数里面对该值做了加工了。如果这个时候我们执行下下面的语句，控制台会输出什么？
简要理解vue的mvvm模式中的双向数据绑定_第6张图片

以上是对vue中的mvvm和双向数据绑定的简要理解，内容不深，适合入门，不喜勿喷！喜欢可以点个赞或者关注，嘻嘻！

你可能感兴趣的:(基础加固,vue项目开发,js设计模式)

  • 【已解决】Vue Duplicate keys detected: ‘[object Object]’ 二川bro bug集合vue.js前端
    【已解决】VueDuplicatekeysdetected:‘[objectObject]’在Vue项目开发过程中，我们可能会遇到这样的报错：“Duplicatekeysdetected:‘[objectObject]’.Thismaycauseanupdateerror.”。这个错误通常发生在Vue的虚拟DOM进行渲染更新时，如果检测到重复的key值，就会抛出此警告。为了深入理解这个问题，并找到
  • Vue3学习——Node环境安装（一） rain_love_snow 学习
    在进行Vue项目开发时，必须先安装Node.js。Node.js是一个基于ChromeV8引擎的JavaScript运行环境。在Vue项目中，我们通常会使用到Node.js的npm（NodePackageManager）来管理项目所需的各种库和工具，例如Vite、Babel、ESLint等。此外，Node.js还可以用来运行开发环境中的本地服务器，以及编译、打包项目等。因此，安装Node.js是进
  • springboot/ssm工作量统计系统Java工作记录可视化管理系统web kirito学长-Java javaspringboot后端
    springboot/ssm工作量统计系统Java工作记录可视化管理系统web基于springboot(可改ssm)+vue项目开发语言：Java框架：springboot/可改ssm+vueJDK版本：JDK1.8（或11）服务器：tomcat数据库：mysql5.7（或8.0）数据库工具：Navicat/sqlyog开发软件：eclipse//idea依赖管理包：Maven如需了解更多代码细节
  • 关于Vue中npm install出现报错及解决方法 猿小白klp vue3vue.jsnpm前端后端学习
    在Vue项目开发过程中，我们经常会使用npm工具来安装项目所需的依赖包。然而，有时候在执行npminstall命令时会遇到各种报错，这可能会影响项目的正常开发和运行。本教程将介绍一些常见的npminstall报错及其解决方法，帮助开发者更好地应对这些问题。1.报错：EACCES:permissiondenied这个报错通常是由于权限不足导致无法安装依赖包。解决方法有两种：方法一：使用sudo命令s
  • springboot/ssm文献搜索系统Java文献信息在线下载系统小说下载系统web Java学长-kirito javaspringboot后端
    springboot/ssm文献搜索系统Java文献信息在线下载系统小说下载系统web基于springboot(可改ssm)+vue项目开发语言：Java框架：springboot/可改ssm+vueJDK版本：JDK1.8（或11）服务器：tomcat数据库：mysql5.7（或8.0）数据库工具：Navicat/sqlyog开发软件：eclipse//idea依赖管理包：Maven如需了解更多
  • js设计模式:代理模式 青阳流月 js设计模式javascript设计模式代理模式前端
    作用:创建代理的数据来复刻对原有数据的操作,并且可以添加自己的逻辑vue中的data就是用的代理模式,比较经典示例:letproxyFun=(obj)=>{returnnewProxy(obj,{get:(obj,prop,value)=>{returnobj[prop]},set:(obj,prop,value)=>{obj[prop]=valuereturntrue}})}constwjt={
  • js设计模式:适配器模式 青阳流月 js设计模式设计模式适配器模式javascript前端
    作用:可以将某种不同格式的数据转化为自己所期待的数据格式或者对于一些存在兼容或者特殊处理的业务逻辑,可以进行一个适配示例://原始数据letoldData1=[{name:'王惊涛',age:29},{name:'孙悟空',age:800},{name:'嘉文四世',age:27},{name:'关羽',age:40},{name:'伊利丹.怒风',age:10000}]letoldData2=[
  • js设计模式:策略模式 青阳流月 js设计模式javascript设计模式策略模式前端
    作用:根据不同的条件去进行相应的业务逻辑处理就好比针对每种情况都制定对应的方案,触发条件就启动某项方案策略示例://策略对象constarrangeFun={model1:(value1,value2,value3,value4)=>{return`${value1}${value2}${value3}:${value4}`},model2:(value1,value2,value3,value4
  • js设计模式:工厂模式 青阳流月 js设计模式javascript设计模式
    作用:可以通过new关键字,批量的创建对象。将对象的创建和具体业务逻辑进行分离,代码清晰可维护。示例:functionworkFactory(workName,name){switch(workName){case'jsCoder':returnnewjsCoder(name)breakcase'javaCoder':returnnewjavaCoder(name)break}}functionj
  • 2023-01-26 JS设计模式-单例模式:单例模式的原理和实现,懒汉模式和饿汉模式,单例模式实现登录框 前端OnTheRun 笔记js单例模式设计模式jsjavascript
    文章目录1.什么是单例模式?介绍特点结构2.如何实现一个单例模式?思路实现代码3.单例模式的优缺点4.懒汉模式和饿汉模式懒汉模式:一开始不会实例化,什么时候用才new出来实例化饿汉模式:一开始类加载时就实例化并创建单例对象懒汉模式和饿汉模式的对比5.单例模式的常见应用场景6.单例模式模拟登录框1.什么是单例模式?介绍单例模式是最简单的设计模式之一,属于创建型模式,单例模式提供了一种创建对象的最佳方
  • js设计模式：单例模式（1） 意涵团_晴天 js设计模式设计模式单例模式创建型模式js
    关于设计模式简单理解设计模式就是针对编程过程中常出现的共性的问题，提出的一种解决办法。看了形形色色的关于设计模式的文章，自己根据理解算是写一些随笔吧！单例模式实现所谓的单例，就是说一个类只能有一个实例对象，实现的主要方法是：先判断该实例是否存在，如果存在，不作处理并返回，如果不存在，创建实例对象并返回。js中，单例作为命名空间提供者，从全局命名空间里提供唯一的访问点来访问该对象。js中实现单例最简
  • js设计模式:单例模式 青阳流月 js设计模式设计模式单例模式
    作用:保证一个类只有一个实例,并且提供一个全局的访问位置。可以用来实现全局的一些状态管理或者独一无二的数据示例:classWjt{constructor(name,idNumber,gender){this.name=namethis.idNumber=idNumberthis.gender=gender}//可以直接使用Wjt调用的静态方法staticgetInstance(name,idNum
  • js设计模式:观察者模式 青阳流月 js设计模式设计模式javascript
    作用:和发布订阅模式基本类似。当某一对象状态发生变化时,所有的观察者都会收到通知。vue响应式原理就是很经典的案例,数据发生变化,通知各个依赖。示例:classTaobaoShop{constructor(){this.list=[]}addSub(name,data){this.list.push({name,data})}pubUser(name,data){this.list.find(it
  • js设计模式:发布订阅模式 青阳流月 js设计模式设计模式
    作用:也称之为消息队列模式,或者pubsub模式发布者发布消息(也可以理解为调用某函数),订阅者会收到消息,并且发布者可以将一些参数传递给订阅者。是一种常用的参数传递方法,经典的pubsub.js,vue2中的$bus等都是用的这种模式。示例:发布订阅模式订阅尤大的vue技术专栏订阅尤大的vite技术专栏取消订阅尤大的vite技术专栏尤大发vue技术贴尤大发vite技术贴constYouyuxi=
  • js设计模式及面向对象的概念 Aniugel
    一、工厂模式概念：工厂方法说白了就是在工厂里面去写方法，在外部写一个公用的方法去调取工厂的独有方法，来实现客户的需求可以批量创建相同属性和方法的对象，不用每次都重新定义对象工厂模式需要3个基本步骤，原料投入（传参），加工过程（new—>return），成品出厂（return）//工厂模式vara={};//不能重复的利用设置公共属性的代码//我们需要创建10个cat属性，每个对象都有年龄姓名的属性
  • 微信小程序开发跳转问题 qq_33453797 微信小程序小程序
    1.微信小程序事件监听问题在微信小程序开发过程中，如需实现点击按钮进行跳转的功能，首先要实现事件监听的功能。在vue项目开发中，事件监听可以直接通过绑定点击事件即可，然后调用函数，并传参。如下图所示，可以直接在函数方法中进行参数传递。而在微信小程序中，事件监听只能绑定函数名称，不能直接进行参数传递，需要使用data-进行参数传递。如下图所示：button按钮使用bind:tap/bindtap进行
  • vue项目开发移动端真机测试/手机端网页预览 ForeverYoung_06
    市场上手机大小各式各样，事实上目前还没有完美适配移动端的方案，常用的有vw，rem，百分比等。前端在PC端开发移动端项目时，通过F12看到的还是和真机有区别，因此我们需要真机测试。首先，真机测试的必要条件：1、手机与电脑在同一个局域网内，比如手机和电脑连接同一个WIFI。2、需要知道开发电脑的IP地址。步骤：1、查看电脑IP地址找到电脑的window键和R键，同时按下，弹出窗口image.png点
  • vue项目开发vscode配置 RuiW_97 vue.jsvscode前端
    配置代码片段步骤如下：文件->首选项->配置用户代码片段新增全局代码片段起全局代码片段文件名“xxx.code-snippets”这里以配置vue2初始代码片段为例，配置具体代码片段{"name":"vue-sph","version":"0.0.0","private":true,"type":"module","scripts":{"dev":"vite--open","build":"vit
  • JS进阶9 --JS设计模式 前端小白进阶之旅 JS进阶javascript设计模式前端
    JS进阶9--JS设计模式JS进阶9--JS设计模式工厂模式应用场景总结单例模式需求核心步骤实际应用总结观察者模式应用场景1.`dom`事件绑定，比如2.Vue中的watch:总结发布订阅模式应用场景手写发布订阅模式需求核心步骤总结原型模式应用场景总结代理模式核心语法总结迭代器模式面试题1.`forin`和`forof`的区别?2.可迭代协议和迭代器协议总结参考资料在JS进阶8–函数柯里化I中我们
  • JS进阶10 -- 防抖和节流 前端小白进阶之旅 JS进阶javascriptecmascript前端
    JS进阶10--防抖和节流JS进阶10--防抖和节流防抖防抖的适用场景手写防抖需求核心实现步骤lodash的debounce方法参数返回手写debounce函数需求核心步骤节流节流的适用场景手写节流lodash的throttle方法参数返回手写throttle方法需求核心步骤总结防抖和节流的区别在JS进阶9--JS设计模式中我们学习了JS中的常用设计模式，并对其应用场景以及在开发和主流框架中的实际
  • Js设计模式 A-超 设计模式开发语言javascriptecmascript
    1、简介设计模式总的来说是一个抽象的概念，是软件开发人员在开发过程中面临的一般问题的解决方案。这些解决方案是众多软件开发人员经过相当长的一段时间的试验和错误总结出来的。2、工厂模式工厂模式是用来创建对象的一种最常用的设计模式。我们不暴露创建对象的具体逻辑，而是将逻辑封装在一个函数中那么这个函数就可以被视为一个工厂。（1）简单工厂模式（2）工厂方法（3）抽象工厂模式3、单例模式·一个构造函数一生只能
  • 在 VUE 项目中，使用 Axios 请求数据时，提示跨域，该怎么解决？ 设计师工作日常 前端的诱惑vue.js前端javascript
    在VUE项目开发时，遇到个问题，正常设置使用Axios库请求数据时，报错提示跨域问题。那在生产坏境下，该去怎么解决呢？其可以通过以下几种方式去尝试解决：1、设置允许跨域请求的响应头1.1在响应头中添加Access-Control-Allow-Origin字段，将其值设置为允许跨域请求的源地址。例如，如果您的源地址是http://localhost:8080，则可以设置如下响应头：Access-Co
  • JS设计模式之 ------ 策略模式 小白变怪兽 javascriptjavascript策略模式
    将不变的部分和变化的部分隔开是每个设计模式的主题什么是策略模式?策略模式是将不同算法进行合理的分类与单独封装，从而让不同算法之间可以互相替换而不会影响到算法的使用者。接下来我们用一个简单的例子来说明下策略模式：eg:根据传入的分数来判断当前分数的状态是不及格，及格了，还是优秀。//一般写法constscore1=59;functionjudgeScore(score){if(score60&&sc
  • js设计模式二 - 策略模式 大小小丹 js设计模式代码优化javascript策略模式
    oo面向对象编程的三个特征：封装、继承、多态，但编程中的原则是“封装变化”，“多用组合少用继承”，“针对接口编程，不针对实现编程”下面记一下策略模式。先了解下状态模式。//旧的不好代码-维护麻烦，后期维护需要做删减处理if(state==='SCHEDULE'){//预约中}elseif(state==='ONLINE'){//在线}elseif(state==='OFFLINE'){//离线}e
  • Vue 技术的小技巧 FantasticLBP Webvuejsmvvm
    Vue项目开发中经常遇到事件阻止冒泡的需求。在传统的写法上就是调用event.preventDefault()、event.stopPropagation()。尽管我们可以在methods里面这样写，但是更好的规范是：methods只做数据的逻辑处理，而不是去处理DOM相关的细节（阻止事件冒泡）为了解决这个问题，Vue为v-on提供了事件修饰符。通过.表示的指令后缀来调用修饰符.stop.prev
  • js设计模式实例 乡村中医 javascript设计模式开发语言前端算法
    js设计模式设计模式（Designpattern）代表了最佳的实践，通常被有经验的面向对象的软件开发人员所采用。设计模式是软件开发人员在软件开发过程中面临的一般问题的解决方案。这些解决方案是众多软件开发人员经过相当长的一段时间的试验和错误总结出来的。而虽然js前端使用设计模式不像后端那么频繁，但是依然是一名程序员必备的本领，本文通过使用实例方便大家理解记忆设计模式，可用于面试前速记。一.设计模式介
  • vue项目开发的完整流程 拼命十三娘 vue项目流程
    一.构建vue.js项目1.安装nodehttps://nodejs.org/en/下载完成后，下一步–>下一步–>安装完成验证node是否安装成功:打开命令行(windows)或终端(mac),在命令行(终端)中输入：node-v如果提示出版本信息则说明node安装成功npm-v如果提示出版本信息则说明npm安装成功2.安装vue脚手架:vue-clisudonpminstallvue-cli-
  • 解决 vue 项目开发越久 node_modules包越大的问题 yujkss vue.js前端javascript
    解决vue项目开发越久node_modules包越大的问题node_modules.cache文件（编译缓存文件可以删除）compression-webpack-plugin禁止缓存constCompressionPlugin=require("compression-webpack-plugin");module.exports={plugins:[newCompressionPlugin({c
  • JS设计模式六：策略模式 5d18ee6b5b1c
    策略模式简述策略模式定义一系列的算法，把它们一个个封装起来，并且使它们可以相互替换。策略模式的优点：一、策略模式可以有效避免很多if条件语句二、策略模式符合开放-封闭原则，使代码更容易理解和扩展三、策略模式中的代码可以复用实战一以公司年终奖为例：一、绩效为A的人，年终奖为工资的4倍二、绩效为B的人，年终奖为工资的3倍三、绩效为C的人，年终奖为工资的2倍传统的解决方案varcalculateBoun
  • vue项目开发常用的依赖 无知的小菜鸡 vue基础vue.jsjavascript前端
    声明：这是目前碰到过的，后续还会补充elementuiElement，一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库vue-routerVueRouter是Vue.js官方的路由管理器。它和Vue.js的核心深度集成，让构建单页面应用变得易如反掌。axios用于发起Ajax请求，设置拦截请求和响应等学习文章：axios的基本使用babel-plugin-syntax-dynam
  • PHP，安卓，UI，java，linux视频教程合集 cocos2d-x小菜 javaUIlinuxPHPandroid
    ╔-----------------------------------╗┆                           
  • zookeeper admin 笔记 braveCS zookeeper
      Required Software 1) JDK>=1.6 2)推荐使用ensemble的ZooKeeper(至少3台)，并run on separate machines 3)在Yahoo!，zk配置在特定的RHEL boxes里，2个cpu，2G内存，80G硬盘   数据和日志目录 1)数据目录里的文件是zk节点的持久化备份，包括快照和事务日
  • Spring配置多个连接池 easterfly spring
    项目中需要同时连接多个数据库的时候，如何才能在需要用到哪个数据库就连接哪个数据库呢？ Spring中有关于dataSource的配置：     <bean id="dataSource" class="com.mchange.v2.c3p0.ComboPooledDataSource"   &nb
  • Mysql 171815164 mysql
    例如，你想myuser使用mypassword从任何主机连接到mysql服务器的话。 GRANT ALL PRIVILEGES ON *.* TO 'myuser'@'%'IDENTIFIED BY 'mypassword' WI TH GRANT OPTION; 如果你想允许用户myuser从ip为192.168.1.6的主机连接到mysql服务器，并使用mypassword作
  • CommonDAO（公共/基础DAO） g21121 DAO
            好久没有更新博客了，最近一段时间工作比较忙，所以请见谅，无论你是爱看呢还是爱看呢还是爱看呢，总之或许对你有些帮助。         DAO(Data Access Object)是一个数据访问（顾名思义就是与数据库打交道）接口，DAO一般在业
  • 直言有讳 永夜-极光 感悟随笔
      1.转载地址:http://blog.csdn.net/jasonblog/article/details/10813313   精华: “直言有讳”是阿里巴巴提倡的一种观念，而我在此之前并没有很深刻的认识。为什么呢？就好比是读书时候做阅读理解，我喜欢我自己的解读，并不喜欢老师给的意思。在这里也是。我自己坚持的原则是互相尊重，我觉得阿里巴巴很多价值观其实是基本的做人
  • 安装CentOS 7 和Win 7后，Win7 引导丢失 随便小屋 centos
    一般安装双系统的顺序是先装Win7，然后在安装CentOS，这样CentOS可以引导WIN 7启动。但安装CentOS7后，却找不到Win7 的引导，稍微修改一点东西即可。 一、首先具有root 的权限。      即进入Terminal后输入命令su，然后输入密码即可 二、利用vim编辑器打开/boot/grub2/grub.cfg文件进行修改 v
  • Oracle备份与恢复案例 aijuans oracle
    Oracle备份与恢复案例 一. 理解什么是数据库恢复当我们使用一个数据库时，总希望数据库的内容是可靠的、正确的，但由于计算机系统的故障（硬件故障、软件故障、网络故障、进程故障和系统故障）影响数据库系统的操作，影响数据库中数据的正确性，甚至破坏数据库，使数据库中全部或部分数据丢失。因此当发生上述故障后，希望能重构这个完整的数据库，该处理称为数据库恢复。恢复过程大致可以分为复原(Restore)与
  • JavaEE开源快速开发平台G4Studio v5.0发布 無為子
      我非常高兴地宣布,今天我们最新的JavaEE开源快速开发平台G4Studio_V5.0版本已经正式发布。   访问G4Studio网站 http://www.g4it.org   2013-04-06 发布G4Studio_V5.0版本 功能新增 (1). 新增了调用Oracle存储过程返回游标，并将游标映射为Java List集合对象的标
  • Oracle显示根据高考分数模拟录取 百合不是茶 PL/SQL编程oracle例子模拟高考录取学习交流
    题目要求: 1,创建student表和result表 2,pl/sql对学生的成绩数据进行处理 3,处理的逻辑是根据每门专业课的最低分线和总分的最低分数线自动的将录取和落选     1,创建student表,和result表 学生信息表; create table student( student_id number primary key,--学生id
  • 优秀的领导与差劲的领导 bijian1013 领导管理团队
    责任 优秀的领导：优秀的领导总是对他所负责的项目担负起责任。如果项目不幸失败了，那么他知道该受责备的人是他自己，并且敢于承认错误。 差劲的领导：差劲的领导觉得这不是他的问题，因此他会想方设法证明是他的团队不行，或是将责任归咎于团队中他不喜欢的那几个成员身上。 努力工作 优秀的领导：团队领导应该是团队成员的榜样。至少，他应该与团队中的其他成员一样努力工作。这仅仅因为他
  • js函数在浏览器下的兼容 Bill_chen jquery浏览器IEDWRext
      做前端开发的工程师，少不了要用FF进行测试，纯js函数在不同浏览器下，名称也可能不同。对于IE6和FF，取得下一结点的函数就不尽相同：   IE6：node.nextSibling,对于FF是不能识别的；   FF：node.nextElementSibling,对于IE是不能识别的； 兼容解决方式：var Div = node.nextSibl
  • 【JVM四】老年代垃圾回收：吞吐量垃圾收集器(Throughput GC) bit1129 垃圾回收
    吞吐量与用户线程暂停时间   衡量垃圾回收算法优劣的指标有两个： 吞吐量越高，则算法越好 暂停时间越短，则算法越好 首先说明吞吐量和暂停时间的含义。   垃圾回收时，JVM会启动几个特定的GC线程来完成垃圾回收的任务，这些GC线程与应用的用户线程产生竞争关系，共同竞争处理器资源以及CPU的执行时间。GC线程不会对用户带来的任何价值，因此，好的GC应该占
  • J2EE监听器和过滤器基础 白糖_ J2EE
    Servlet程序由Servlet，Filter和Listener组成，其中监听器用来监听Servlet容器上下文。 监听器通常分三类：基于Servlet上下文的ServletContex监听，基于会话的HttpSession监听和基于请求的ServletRequest监听。   ServletContex监听器 ServletContex又叫application
  • 博弈AngularJS讲义(16) - 提供者 boyitech jsAngularJSapiAngularProvider
      Angular框架提供了强大的依赖注入机制，这一切都是有注入器(injector)完成. 注入器会自动实例化服务组件和符合Angular API规则的特殊对象，例如控制器，指令，过滤器动画等。   那注入器怎么知道如何去创建这些特殊的对象呢？ Angular提供了5种方式让注入器创建对象，其中最基础的方式就是提供者(provider), 其余四种方式(Value, Fac
  • java-写一函数f(a,b)，它带有两个字符串参数并返回一串字符，该字符串只包含在两个串中都有的并按照在a中的顺序。 bylijinnan java
    public class CommonSubSequence { /** * 题目：写一函数f(a,b)，它带有两个字符串参数并返回一串字符，该字符串只包含在两个串中都有的并按照在a中的顺序。 * 写一个版本算法复杂度O(N^2)和一个O(N) 。 * * O(N^2)：对于a中的每个字符，遍历b中的每个字符，如果相同，则拷贝到新字符串中。 * O(
  • sqlserver 2000 无法验证产品密钥 Chen.H sqlwindowsSQL ServerMicrosoft
    在 Service Pack 4 (SP 4), 是运行 Microsoft Windows Server 2003、 Microsoft Windows Storage Server 2003 或 Microsoft Windows 2000 服务器上您尝试安装 Microsoft SQL Server 2000 通过卷许可协议 (VLA) 媒体。 这样做, 收到以下错误信息CD KEY的 SQ
  • [新概念武器]气象战争 comsci
           气象战争的发动者必须是拥有发射深空航天器能力的国家或者组织....        原因如下:        地球上的气候变化和大气层中的云层涡旋场有密切的关系,而维持一个在大气层某个层次
  • oracle 中 rollup、cube、grouping 使用详解 daizj oraclegroupingrollupcube
    oracle 中 rollup、cube、grouping 使用详解 -- 使用oracle 样例表演示 转自namesliu -- 使用oracle 的样列库，演示 rollup, cube, grouping 的用法与使用场景    --- ROLLUP ， 为了理解分组的成员数量，我增加了 分组的计数  COUNT(SAL)   
  • 技术资料汇总分享 Dead_knight 技术资料汇总 分享
    本人汇总的技术资料，分享出来，希望对大家有用。 http://pan.baidu.com/s/1jGr56uE 资料主要包含： Workflow->工作流相关理论、框架(OSWorkflow、JBPM、Activiti、fireflow...) Security->java安全相关资料(SSL、SSO、SpringSecurity、Shiro、JAAS...) Ser
  • 初一下学期难记忆单词背诵第一课 dcj3sjt126com englishword
    could 能够 minute 分钟 Tuesday 星期二 February 二月 eighteenth 第十八 listen 听 careful 小心的，仔细的 short 短的 heavy 重的 empty 空的 certainly 当然 carry 携带；搬运 tape 磁带 basket 蓝子 bottle 瓶 juice 汁，果汁 head 头；头部
  • 截取视图的图片, 然后分享出去 dcj3sjt126com OSObjective-C
    OS 7 has a new method that allows you to draw a view hierarchy into the current graphics context. This can be used to get an UIImage very fast. I implemented a category method on UIView to get the vi
  • MySql重置密码 fanxiaolong MySql重置密码
    方法一:  在my.ini的[mysqld]字段加入： skip-grant-tables 重启mysql服务，这时的mysql不需要密码即可登录数据库  然后进入mysql mysql>use mysql;  mysql>更新 user set password=password('新密码') WHERE User='root'; mysq
  • Ehcache（03）——Ehcache中储存缓存的方式 234390216 ehcacheMemoryStoreDiskStore存储驱除策略
    Ehcache中储存缓存的方式   目录 1     堆内存（MemoryStore） 1.1     指定可用内存 1.2     驱除策略 1.3     元素过期 2   &nbs
  • spring mvc中的@propertysource jackyrong spring mvc
      在spring mvc中，在配置文件中的东西，可以在java代码中通过注解进行读取了： @PropertySource  在spring 3.1中开始引入 比如有配置文件 config.properties mongodb.url=1.2.3.4 mongodb.db=hello 则代码中   @PropertySource(&
  • 重学单例模式 lanqiu17 单例Singleton模式
    最近在重新学习设计模式，感觉对模式理解更加深刻。觉得有必要记下来。 第一个学的就是单例模式，单例模式估计是最好理解的模式了。它的作用就是防止外部创建实例，保证只有一个实例。 单例模式的常用实现方式有两种，就人们熟知的饱汉式与饥汉式，具体就不多说了。这里说下其他的实现方式 静态内部类方式: package test.pattern.singleton.statics; publ
  • .NET开源核心运行时，且行且珍惜 netcome java.net开源
    背景 2014年11月12日，ASP.NET之父、微软云计算与企业级产品工程部执行副总裁Scott Guthrie，在Connect全球开发者在线会议上宣布，微软将开源全部.NET核心运行时，并将.NET 扩展为可在 Linux 和 Mac OS 平台上运行。.NET核心运行时将基于MIT开源许可协议发布，其中将包括执行.NET代码所需的一切项目——CLR、JIT编译器、垃圾收集器（GC）和核心
  • 使用oscahe缓存技术减少与数据库的频繁交互 Everyday都不同 Web高并发oscahe缓存
    此前一直不知道缓存的具体实现，只知道是把数据存储在内存中，以便下次直接从内存中读取。对于缓存的使用也没有概念，觉得缓存技术是一个比较”神秘陌生“的领域。但最近要用到缓存技术，发现还是很有必要一探究竟的。   缓存技术使用背景：一般来说，对于web项目，如果我们要什么数据直接jdbc查库好了，但是在遇到高并发的情形下，不可能每一次都是去查数据库，因为这样在高并发的情形下显得不太合理——
  • Spring+Mybatis 手动控制事务 toknowme mybatis
    @Override    public boolean testDelete(String jobCode) throws Exception {       boolean flag = false;  &nbs
  • 菜鸟级的android程序员面试时候需要掌握的知识点 xp9802 android
    熟悉Android开发架构和API调用 掌握APP适应不同型号手机屏幕开发技巧 熟悉Android下的数据存储  熟练Android Debug Bridge Tool 熟练Eclipse/ADT及相关工具  熟悉Android框架原理及Activity生命周期 熟练进行Android UI布局 熟练使用SQLite数据库； 熟悉Android下网络通信机制，S
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他