最初都是小白
最初都是小白

MVVM思想，和MVC的区别，以及MVVM框架与VUE代码的对应关系

MVVM

定义： MVVM是 Model-View-ViewModel 的简写，即模型-视图-视图模型。

模型(Model)： 指的是后端传递的数据。

视图(View)： 指的是所看到的页面。

视图模型(ViewModel)： mvvm模式的核心，它是连接view和model的桥梁。它有两个方向（实现的方式为DOM事件监听）：

   1. 将model转换成view（将后台传递的数据转化成用户所看到的页面）
   2. 将view转换为model（将所看都的页面转换）

重点：当这两个方向同时实现我们称之为数据的双向绑定。

总结：在MVVM的框架下视图和模型是不能直接通信的，它们通过ViewModel通常要实现一个observer观察者，当数据发生改变时，ViewModel能够监听到数据的这种变化，然后通知到对应的视图做自动更新，而当用户操作视图时，ViewModel也能监听到视图的变化
，然后通知数据做改动，这实际上就实现了双向绑定。

MVC（后台用的多）

定义： MVC是Model-View-Controller的简写，即模型-视图-控制器，M和V的意思和MVVM中的M和V意思一样，C指的是页面的业务逻辑。

  使用MVC的目的就是将M和V 的代码分离，MVC是单向通信，也就是View和Model，必须通过Controller来承上启下。

MVVM和MVC的区别

  MVVM和MVC的区别并不是VM完全取代了C，ViewModel存在的目的在于抽离Controller中展示的业务逻辑，而不是替代Controller，其他视图操作还是应该放在Controller中实现，也就是说MVVM实现的是业务逻辑组件的重用。
  由于MVC出现的时间比较早，前端并不那么成熟，很多业务逻辑也是在后端实现，所以前端并没有真正意义上的MVC模式。

MVVM框架与VUE代码的对应关系

注意： 这里方便大家看，我直接引用vue.js，大家可以复制代码进行演示。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
  	<!-- 1.导入Vue包 -->
    <!-- 只要 导入了Vue包 在window 全局就多了Vue 构造函数-->
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
<body>
    <!-- 2.在页面中放一个容器，将来在这个容器中所有的HTML代码都会被Vue控制 -->
    <!--将来要被new 出来的Vue 实例控制的div区域，就是MVVM中的View  -->
    <div id="app">
        <p>{{msg}}</p>
    </div>

    <script>
        // 3.创建Vue的实例
        // const vn = new Vue({配置对象})
        // 这里，new Vue（）得到的vm对象，就是MVVM中的VM，我们把它叫做调度者（监控者）

        const vm = new Vue({
            el:'#app',//element 的缩写，el用于指定当前的vm实例 要控制页面上的哪个区域
            data:{//表示页面上要渲染的数据
                // 在new Vue 的时候，提供的配置对象中，data属性指向的对象，就是MVVM中的Model
                msg:'Hello XiaoMeiZi!'

            }
        })
    
    </script>
</body>
</html>

你可能感兴趣的:(Vue总结)

  • 设计模式之上下文对象设计模式 Code Monkey’s Lab 设计模式设计模式
    目录一、模式介绍二、架构设计三、Demo示例四、总结一、模式介绍上下文对象（ContextObject）模式最早由《CoreJ2EEPatterns》第二版提出，其核心目标是在多层或多组件间共享与当前作用域（如一次请求、一次会话、一次业务流程）相关的所有状态和服务，消除各组件对底层环境细节（如协议、线程、本地存储等）的直接依赖，从而提高系统的可复用性、可维护性和可测试性。ContextObject
  • 在 Vue 中使用 jQuery-UI 的踩坑记 qmzhna_ vue.jsjqueryui
    在使用leaflet开发的时候，有一个需求要在图层的popup上编辑信息，需要一个AutoComplete的组件。但是popup支持的是htmltemplate，只能通过js拼接HTML标签实现。不得已引入了jquery-ui中的AutoComplete组件来完成，在vue中使用jquery-ui过程中踩了不少坑。安装和引入jQuery和jQueryUI首先，我们需要在项目中安装jQuery和jQ
  • VUE 2+3 一只鱼^_ Webvue.js前端javascript数据结构算法前端框架
    Vue是什么？概念：Vue是一个用于构建用户界面的渐进式框架构建用户界面：基于数据动态渲染页面Vue的两种使用方式：1.Vue核心包开发场景：局部模块改造2.Vue核心包&Vue插件工程化开发场景：整站开发注：Vuejs核心包(声明式渲染，组件系统)优点：大大提升开发效率----------------------------------------------------------------
  • 【Maven 】 ＜resources＞ 配置中排除 fonts/** 目录无效，可能是由于以下原因及解决方案： ladymorgana 日常工作总结mavenjava
    如果Maven的配置中排除fonts/**目录无效，可能是由于以下原因及解决方案：总结：用方法一即可1.检查资源过滤是否生效确保部分正确配置了resources插件：src/main/resourcesfonts/**false2.验证目录结构确认fonts文件夹的物理路径是否正确：src/└──main/└──resources/└──fonts/#确保这是要排除的目录├──font1.ttf└
  • Prompt 精通之路（七）- 你的终极 AI 宝典：Prompt 精通之路系列汇总 程序员阿超的博客 Prompt精通之路：从零基础到AI高效玩家人工智能promptPrompt指南AI学习资源速查手册ChatGPT系列总结
    你的终极AI宝典：Prompt精通之路系列汇总标签：#Prompt指南#AI学习资源#速查手册#ChatGPT#系列总结Prompt精通之路：系列文章导航第一篇：AI时代的新语言：到底什么是Prompt？为什么它如此重要？第二篇：告别废话！掌握这4个黄金法则，让你的Prompt精准有效第三篇：像专业人士一样思考：Zero-Shot,Few-Shot和思维链（CoT）技巧详解第四篇：AI赋能：10个
  • Java基础 集合框架 队列架构 双端队列 Deque 骑牛小道士 集合框架之队列java开发语言
    双端队列DequeDeque方法简介Deque核心特点Deque实现类ArrayDequeArrayDeque构造方法ArrayDeque的数据结构及实现原理ArrayDeque方法介绍ArrayDeque核心特性ArrayDeque总结ArrayDeque使用样例代码Deque实现类LinkedListDeque实现类ConcurrentLinkedDeque(非阻塞线程安全)Concurren
  • 创意，创新，动手，懂我 waterHBO 创意来源编程创意
    对于上面的聊天，请帮我写个文章来总结一下，这几个案例视频，分别讲了什么东西，启发启示是什么把新鲜新奇的地方，保存下来。语言简洁，凝练。不要啰嗦、不要重复。分结构，输出为md格式，请使用有序列表。其他要求：1语言幽默有趣，平易近人，有吸引力。2.用中文写。单独新建一个文件。3.请帮我分条理,看起来很清晰。AIApp创富三部曲：从灵感到现实的秘籍解析序言：你的下一个App，藏在浴缸、通勤路和与AI的对
  • Vue-16-前端框架Vue之应用基础集中式状态管理pinia(一) 皮皮冰燃 Vue前端框架vue.jsjavascript
    文章目录1Pinia2示例效果2.1App.vue(根组件)2.2Count.vue2.3LoveTalk.vue(使用axios)3搭建pinia环境3.1main.ts3.2开发者工具4存储和读取数据4.1Count.ts4.2Count.vue4.3loveTalk.ts4.4LoveTalk.vue5修改数据的三种方式5.1第一种和第二种修改方式5.1.1Count.ts5.1.2Coun
  • E函数.js 是紫焅呢 javascript开发语言ecmascript青少年编程前端visualstudiocode
    前言：函数是构建强大而灵活应用程序的基石。它们不仅是代码执行的基本单元，更是实现模块化、可复用性和简洁性的关键。目录一、函数是个啥？简单来说就是“代码小跟班”二、定义函数给小跟班安排任务三、调用函数指挥小跟班干活儿四、参数给小跟班的“任务提示卡”五、返回值小跟班的“任务成果”六、函数的实际应用小跟班大显身手总结函数是你的编程小跟班一、函数是个啥？简单来说就是“代码小跟班”函数，说白了就是一段能完成
  • github简单入门 梦花火 开发环境githubssh
    github使用小小总结在这里并不讲述任何关于如何配置github的问题，这些东西，稍微百度一下就有，不具备写的价值。-question1:如何创建一个新项目？1.确认你本地的github已经配置完全（特别是密钥）ps:可以用[email protected]来验证密钥是否配置好。2.在github官网上开启一个新的空白的项目库（可以选择配置readme）3.如果是从头创建版本库，可以采用先克
  • vue中的toRef 咔咔咔索菲斯 vue.js前端
    在Vue中，toRef函数用于将响应式对象的属性转换为一个独立的ref对象，同时保持与原始属性的关联。其参数格式及用法如下：toRef的参数说明1.参数1：源对象（必须）-类型：Object（通常是通过reactive创建的响应式对象）。-作用：指定需要提取属性的原始对象。-示例：conststate=reactive({count:0});toRef(state,'count');//从stat
  • 【Python 中的几类运算符】
    文章目录文章目录一、算术运算符二、比较运算符三、赋值运算符四、逻辑运算符附加知识：五、其他运算符1.位运算符2.成员运算符3.身份运算符总结一、算术运算符加法（+）：用于两个数值相加。例如，a=5，b=3，a+b的结果为8。也可以用于字符串拼接，如"Hello,"+"World"的结果为"Hello,World"。示例：a=5b=3result=a+bprint("求和",result)a="He
  • 嵌入模型 vs 大语言模型：语义理解能力的本质区别与应用场景 chenkangck50 AI大模型语言模型人工智能机器学习
    嵌入模型vs大语言模型：语义理解能力的本质区别与应用场景（实战视角）一句话总结嵌入模型的“理解”是向量表示和相似性匹配，适合做召回；大语言模型的“理解”是上下文+逻辑+世界知识综合判断，适合做分析与生成。重点是可以结合prompt和本身具有的知识两类模型的本质区别能力项嵌入模型（如BGE、SBERT）大语言模型（如GPT、GLM、DeepSeek）输出形式向量（如768维）自然语言文本（如答案、解
  • Vue Vue-route （2） JSON_L 前端#Vuevue.jsjavascript前端
    Vue渐进式JavaScript框架基于Vue2的学习笔记-Vue-route重定向和声明式导航目录Vue-route路由重定向首页默认访问不存在匹配声明式导航路由原理使用示例自定义class类Tag设置版本4路由改变示例总结Vue-route路由重定向首页默认访问希望访问网站域名时，直接访问film组件。在router/index.js中配置根路径默认组件.示例如下：//配置表constrout
  • 修饰符 Modifiers 翻滚吧键盘 vue前端javascript开发语言
    好的，我们来详细讲解Vue中的修饰符(Modifiers)。修饰符是以点（.）开头的特殊后缀，用于告知指令（如v-on或v-model）应该以某种特殊的方式来绑定。它们极大地简化了代码，让我们不必在方法中编写大量的事件处理逻辑。Vue的修饰符主要分为三大类：事件修饰符(EventModifiers)：用于v-on(简写为@)指令。v-model修饰符(v-modelModifiers)：用于v-m
  • Java中ThreadPoolExecutor源码深度解析 振华少爷 java开发语言前端
    Java中ThreadPoolExecutor源码深度解析目录引言ThreadPoolExecutor的数据结构核心方法分析构造方法execute方法shutdown方法shutdownNow方法性能分析使用注意事项总结引言ThreadPoolExecutor是Java并发包中的一个线程池实现类，它提供了灵活的线程池管理功能，可以根据需要创建、管理和销毁线程。ThreadPoolExecutor通
  • 【Java实战】高并发场景下账户金额操作的解决方案 .猫的树 【Java实战】系列Java并发编程分布式锁高并发解决方案原子操作数据库事务
    文章目录前言：金融系统中的并发危机一、并发问题现场还原1.1问题代码示例1.2并发测试暴露问题1.3问题根源分析二、五大解决方案深度剖析2.1synchronized同步锁2.2ReentrantLock显式锁2.3CAS无锁编程（Atomic原子类）2.4数据库乐观锁2.5分布式锁（Redis实现）三、方案选型指南四、防踩坑指南总结前言：金融系统中的并发危机在支付系统、电商平台等金融场景中，账户
  • windows系统bat脚本命令总结之复制命令（copy和xcopy） 番茄小能手 Windowswindows
    前言做了一段时间的bat脚本开发，bat脚本中有各种各样的命令跟传统的编程逻辑完全不同，本专栏会讲解下各种各式的命令使用方法。本篇文章讲解的是获取windows系统的复制命令（copy和xcopy），copy和xcopy是Windows命令行中常用的文件复制命令。它们具有类似的功能，但在某些方面有一些区别。copy命令copy`命令用于将一个或多个文件从一个位置复制到另一个位置。它的基本语法如下：
  • ASP.NET Core + Vue.js前后端分离黄金法则：从零到部署的深度实战 墨夶 C#学习资料asp.netvue.js后端
    ——跨域、热更新、容器化部署一网打尽为什么选择前后端分离？在微服务与敏捷开发盛行的今天，前后端分离架构已成为企业级应用的标配。本文将通过12个实战代码示例、跨域问题终极解决方案和Docker部署全流程，手把手教你实现：零配置跨域通信Vue热重载+WebAPI实时调试JWT身份验证与权限控制生产环境优化与容器化部署一、环境准备与项目搭建1.1开发环境配置工具版本要求官网链接.NET8SDK8.0.1
  • flutter开发之状态管理、路由管理、 马拉萨的春天 flutter开发一天一读flutter前端javascript
    2.3状态管理#2.3.1简介响应式的编程框架中都会有一个永恒的主题——“状态(State)管理”，无论是在React/Vue（两者都是支持响应式编程的Web开发框架）还是Flutter中，他们讨论的问题和解决的思想都是一致的。所以，如果你对React/Vue的状态管理有了解，可以跳过本节。言归正传，我们想一个问题，StatefulWidget的状态应该被谁管理？Widget本身？父Widget？
  • Vue 响应式数据传递：ref、reactive 与 Provide/Inject 完全指南
    Vue响应式数据传递：ref、reactive与Provide/Inject完全指南理解如何在不同组件层级间传递响应式数据是Vue开发的关键技能。我将深入探讨ref和reactive配合provide/inject的使用场景和最佳实践。响应式数据与跨层级传递架构提供数据无法传递数据provideinject根组件App.vue中间组件Container.vueDeepChild.vue在多层组件嵌
  • canvas数字雨 给我焦虑 canvasvue
    exportdefault{name:'vue-matrix-raindrop',//插件的各种参数props:{//canvas宽度canvasWidth:{type:Number,default:800},//canvas高度canvasHeight:{type:Number,default:600},//下落字体大小fontSize:{type:Number,default:20},//字体
  • python实战:在Linux服务器上使用LibreOffice命令行批量接受Word文档的所有修订 Ven% 服务器pythonlinuxLiberOffice开源办公软件linux办公软件
    在Linux服务器上使用LibreOffice命令行批量接受Word文档的所有修订一、背景与需求1.1常见场景1.2为什么选择LibreOffice二、环境准备2.1安装LibreOffice2.2验证安装三、Python实现代码四、代码解析4.1主要功能4.2错误处理4.3使用灵活性五、高级应用5.1批量处理多个文件5.2与其他工具集成六、注意事项七、总结在实际工作中，我们经常需要处理包含修订标
  • 本地命令行工具libreoffice 完成docx转pdf 陈毛毛虫 pdf汇编开发语言wps
    文章目录前言一、libreoffice是什么？二、使用步骤1.安装libreoffice2.运行命令行工具总结前言最近忙着编写一些文档，需要转换成pdf，但是WPS的转pdf功能需要付费，上网搜了很久，搜到的不是付费的就是有大小限制的，于是想着本地使用python库转，结果效果不大理想，查阅资料后找到了这一款开源的本地命令行工具libreoffice一、libreoffice是什么？LibreOf
  • Unity——通信的IP地址和端口类 缘笙箫196 unity——网络tcp/ipc#网络协议
    目录IP地址和端口类引用头文件IPAddress类初始化IP信息的方式1.用byte数组进行初始化2.用long长整型进行初始化4字节对应的长整型一般不建议大家使用3.推荐使用的方式使用字符串转换4.获取可用的IPv6地址IPEndPoint类初始化方式总结域名解析什么是域名解析IPHostEntry类主要作用：Dns类主要作用：常用方法1.获取本地系统的主机名2.获取指定域名的IP信息根据域名获
  • uniapp(vue3) - 实现天气预报气象温度双折线图一周气温变化曲线图，uniApp使用秋云uCharts图表插件做天气预报折线图示例代码（全端兼容H5网页、小程序、安卓/苹果app、nvue） 十一猫咪爱养鱼 前端组件与功能(开箱即用)uniapp常见问题解决uni-app天气预报未来一周天气温度天气预报温度折线图表uniapp做天气预报曲线图绘制最低温度和最高温度曲线图uniapp天气预报示例代码
    效果图在uni-app手机h5网页网站/支付宝微信小程序/安卓app/苹果app/nvue等(全平台兼容)开发中，实现uniapp天气预报双折线图温度图表示例源码，展示未来7天一周的天气温度情况点状折线图天气预报，Uniapp全平台实现气象监测页面查看温度变化，可自行修改优化线条颜色、粗细、数值及背景图等自由修改，提供完整源码！新手小白直接复制源码运行后简单修改即可。引入插件如果你已经引入过了，这
  • Vue3 - 详解播放m3u8视频流+HLS拉流推流完整方案，vue3如何播放m3u8格式文件实时视频播放教程（流媒体播放、直播视频流、实时摄像头监控视频流对接、后端服务器切片分片传输视频流边下边播） 王二红 +Vue3开发问题汇总vue3m3u8hlsvue3播放m3u8视频流教程vue播放m3u8文件vue3直播视频流播放摄像头实时监控画面视频流
    前言如果您需要Vue2版本，请访问这篇文章。在vue3（PC端+移动端H5）项目开发中，实现m3u8+hls视频流播放、实时流媒体播放高性能无延迟方案及源码，vue3播放3mu8文件/直播视频流，实时流媒体播放需求、做直播实时传输播放、摄像头监控画面视频流、服务器后端视频切片分段返给前端+边下边播等需求，解决前端网页播放视频流卡顿加载慢、无法载入黑屏、播放不流畅、CORS跨域、安卓苹果浏览器兼容等
  • Spring Boot + ONNX Runtime模型部署
    文章目录前言一、模型导出二、Java推理引擎选型三、SpringBoot实战3.1核心架构3.2分层架构详细实现1.Controller层-请求入口2.Service层-核心业务流程3.关键组件深度优化四、云原生部署：Docker+Kubernetes总结前言在AI浪潮席卷全球的今天，Java工程师如何守住后端主战场？模型部署正是Java工程师融入AI领域的方向。为什么Java工程师必须掌握模型部
  • 【HDMI CEC】One Touch Record 功能详解 好多渔鱼好多 HDMICECCEC协议HDMICEC智能家居影音开发
    目录1.概念2.用途3.实现原理3.1实现流程3.2关键点总结4.协议命令与运用流程5.运用示例6.注意事项7.设备设置与检查8.经验总结1.概念OneTouchRecord(OTR)是HDMICEC协议中一项旨在简化录制操作的功能。它允许用户仅通过在电视（或作为控制中心的设备）的遥控器上按一个特定的录制按钮（通常是“Record”或“Rec”），就能自动唤醒并命令指定的录制设备（如硬盘录像机DV
  • Web 架构之图片与静态资源优化全攻略 懂搬砖 web架构原力计划前端架构网络
    文章目录思维导图一、图片优化1.图片格式选择2.图片压缩3.响应式图片4.图片懒加载二、静态资源优化1.文件压缩2.缓存策略3.CDN加速总结思维导图Web架构图片与静态资源优化图片优化静态资源优化图片格式选择图片压缩响应式图片图片懒加载JPEGPNGWebP无损压缩有损压缩文件压缩缓存策略CDN加速GzipBrotli强缓存协商缓存一、图片优化1.图片格式选择JPEG特点：有损压缩格式，适合色彩
  • Java实现的基于模板的网页结构化信息精准抽取组件：HtmlExtractor yangshangchuan 信息抽取HtmlExtractor精准抽取信息采集
    HtmlExtractor是一个Java实现的基于模板的网页结构化信息精准抽取组件，本身并不包含爬虫功能，但可被爬虫或其他程序调用以便更精准地对网页结构化信息进行抽取。   HtmlExtractor是为大规模分布式环境设计的，采用主从架构，主节点负责维护抽取规则，从节点向主节点请求抽取规则，当抽取规则发生变化，主节点主动通知从节点，从而能实现抽取规则变化之后的实时动态生效。 如
  • java编程思想 -- 多态 百合不是茶 java多态详解
    一: 向上转型和向下转型 面向对象中的转型只会发生在有继承关系的子类和父类中（接口的实现也包括在这里）。父类：人    子类：男人向上转型： Person p = new Man() ; //向上转型不需要强制类型转化向下转型： Man man =
  • [自动数据处理]稳扎稳打,逐步形成自有ADP系统体系 comsci dp
          对于国内的IT行业来讲,虽然我们已经有了"两弹一星",在局部领域形成了自己独有的技术特征,并初步摆脱了国外的控制...但是前面的路还很长....       首先是我们的自动数据处理系统还无法处理很多高级工程...中等规模的拓扑分析系统也没有完成,更加复杂的
  • storm 自定义 日志文件 商人shang stormclusterlogback
    Storm中的日志级级别默认为INFO，并且，日志文件是根据worker号来进行区分的，这样，同一个log文件中的信息不一定是一个业务的，这样就会有以下两个需求出现： 1. 想要进行一些调试信息的输出 2. 调试信息或者业务日志信息想要输出到一些固定的文件中   不要怕，不要烦恼，其实Storm已经提供了这样的支持，可以通过自定义logback 下的 cluster.xml 来输
  • Extjs3 SpringMVC使用 @RequestBody 标签问题记录 21jhf
    springMVC使用 @RequestBody(required = false) UserVO userInfo 传递json对象数据，往往会出现http 415，400,500等错误，总结一下需要使用ajax提交json数据才行，ajax提交使用proxy，参数为jsonData，不能为params；另外，需要设置Content-type属性为json，代码如下： （由于使用了父类aaa
  • 一些排错方法 文强chu 方法
    1、java.lang.IllegalStateException: Class invariant violation at org.apache.log4j.LogManager.getLoggerRepository(LogManager.java:199)at org.apache.log4j.LogManager.getLogger(LogManager.java:228) at o
  • Swing中文件恢复我觉得很难 小桔子 swing
           我那个草了！老大怎么回事，怎么做项目评估的？只会说相信你可以做的，试一下，有的是时间！        用java开发一个图文处理工具，类似word，任意位置插入、拖动、删除图片以及文本等。文本框、流程图等，数据保存数据库，其余可保存pdf格式。ok,姐姐千辛万苦，
  • php 文件操作 aichenglong PHP读取文件写入文件
    1 写入文件 @$fp=fopen("$DOCUMENT_ROOT/order.txt", "ab"); if(!$fp){ echo "open file error" ; exit; } $outputstring="date:"." \t tire:".$tire."
  • MySQL的btree索引和hash索引的区别 AILIKES 数据结构mysql算法
    Hash 索引结构的特殊性，其 检索效率非常高，索引的检索可以一次定位，不像B-Tree 索引需要从根节点到枝节点，最后才能访问到页节点这样多次的IO访问，所以 Hash 索引的查询效率要远高于 B-Tree 索引。     可能很多人又有疑问了，既然 Hash 索引的效率要比 B-Tree 高很多，为什么大家不都用 Hash 索引而还要使用 B-Tree 索引呢
  • JAVA的抽象--- 接口 --实现 百合不是茶
    抽象 接口 实现接口   //抽象 类 ,方法   //定义一个公共抽象的类 ,并在类中定义一个抽象的方法体 抽象的定义使用abstract   abstract class A 定义一个抽象类 例如： //定义一个基类 public abstract class A{     //抽象类不能用来实例化，只能用来继承 //
  • JS变量作用域实例 bijian1013 作用域
    <script> var scope='hello'; function a(){ console.log(scope); //undefined var scope='world'; console.log(scope); //world console.log(b);
  • TDD实践（二） bijian1013 javaTDD
    实践题目：分解质因数 Step1： 单元测试： package com.bijian.study.factor.test; import java.util.Arrays; import junit.framework.Assert; import org.junit.Before; import org.junit.Test; import com.bijian.
  • [MongoDB学习笔记一]MongoDB主从复制 bit1129 mongodb
    MongoDB称为分布式数据库，主要原因是1.基于副本集的数据备份， 2.基于切片的数据扩容。副本集解决数据的读写性能问题，切片解决了MongoDB的数据扩容问题。   事实上，MongoDB提供了主从复制和副本复制两种备份方式，在MongoDB的主从复制和副本复制集群环境中，只有一台作为主服务器，另外一台或者多台服务器作为从服务器。 本文介绍MongoDB的主从复制模式，需要指明
  • 【HBase五】Java API操作HBase bit1129 hbase
    import java.io.IOException; import org.apache.hadoop.conf.Configuration; import org.apache.hadoop.hbase.HBaseConfiguration; import org.apache.hadoop.hbase.HColumnDescriptor; import org.apache.ha
  • python调用zabbix api接口实时展示数据 ronin47
    zabbix api接口来进行展示。经过思考之后，计划获取如下内容：     1、  获得认证密钥     2、  获取zabbix所有的主机组     3、  获取单个组下的所有主机     4、  获取某个主机下的所有监控项  
  • jsp取得绝对路径 byalias 绝对路径
    在JavaWeb开发中，常使用绝对路径的方式来引入JavaScript和CSS文件，这样可以避免因为目录变动导致引入文件找不到的情况，常用的做法如下： 一、使用${pageContext.request.contextPath} 　　代码” ${pageContext.request.contextPath}”的作用是取出部署的应用程序名，这样不管如何部署，所用路径都是正确的。
  • Java定时任务调度：用ExecutorService取代Timer bylijinnan java
    《Java并发编程实战》一书提到的用ExecutorService取代Java Timer有几个理由，我认为其中最重要的理由是： 如果TimerTask抛出未检查的异常，Timer将会产生无法预料的行为。Timer线程并不捕获异常，所以 TimerTask抛出的未检查的异常会终止timer线程。这种情况下，Timer也不会再重新恢复线程的执行了;它错误的认为整个Timer都被取消了。此时，已经被
  • SQL 优化原则 chicony sql
    一、问题的提出 　在应用系统开发初期，由于开发数据库数据比较少，对于查询SQL语句，复杂视图的的编写等体会不出SQL语句各种写法的性能优劣，但是如果将应用系统提交实际应用后，随着数据库中数据的增加，系统的响应速度就成为目前系统需要解决的最主要的问题之一。系统优化中一个很重要的方面就是SQL语句的优化。对于海量数据，劣质SQL语句和优质SQL语句之间的速度差别可以达到上百倍，可见对于一个系统
  • java 线程弹球小游戏 CrazyMizzz java游戏
    最近java学到线程，于是做了一个线程弹球的小游戏，不过还没完善 这里是提纲 1.线程弹球游戏实现 1.实现界面需要使用哪些API类 JFrame JPanel JButton FlowLayout Graphics2D Thread Color ActionListener ActionEvent MouseListener Mouse
  • hadoop jps出现process information unavailable提示解决办法 daizj hadoopjps
    hadoop jps出现process information unavailable提示解决办法   jps时出现如下信息： 3019 -- process information unavailable3053 -- process information unavailable2985 -- process information unavailable2917 --
  • PHP图片水印缩放类实现 dcj3sjt126com PHP
    <?php class Image{ private $path; function __construct($path='./'){ $this->path=rtrim($path,'/').'/'; } //水印函数，参数：背景图，水印图，位置，前缀,TMD透明度 public function water($b,$l,$pos
  • IOS控件学习：UILabel常用属性与用法 dcj3sjt126com iosUILabel
    参考网站： http://shijue.me/show_text/521c396a8ddf876566000007 http://www.tuicool.com/articles/zquENb http://blog.csdn.net/a451493485/article/details/9454695 http://wiki.eoe.cn/page/iOS_pptl_artile_281
  • 完全手动建立maven骨架 eksliang javaeclipseWeb
    建一个 JAVA 项目 ： mvn archetype:create -DgroupId=com.demo -DartifactId=App [-Dversion=0.0.1-SNAPSHOT] [-Dpackaging=jar] 建一个 web 项目 ： mvn archetype:create -DgroupId=com.demo -DartifactId=web-a
  • 配置清单 gengzg 配置
    1、修改grub启动的内核版本 vi /boot/grub/grub.conf 将default 0改为1 拷贝mt7601Usta.ko到/lib文件夹 拷贝RT2870STA.dat到 /etc/Wireless/RT2870STA/文件夹 拷贝wifiscan到bin文件夹，chmod 775 /bin/wifiscan 拷贝wifiget.sh到bin文件夹，chm
  • Windows端口被占用处理方法 huqiji windows
    以下文章主要以80端口号为例，如果想知道其他的端口号也可以使用该方法..........................1、在windows下如何查看80端口占用情况?是被哪个进程占用?如何终止等.        这里主要是用到windows下的DOS工具,点击"开始"--"运行",输入&
  • 开源ckplayer 网页播放器， 跨平台(html5, mobile)，flv, f4v, mp4, rtmp协议. webm, ogg, m3u8 ！ 天梯梦 mobile
    CKplayer，其全称为超酷flv播放器，它是一款用于网页上播放视频的软件，支持的格式有：http协议上的flv,f4v,mp4格式，同时支持rtmp视频流格 式播放，此播放器的特点在于用户可以自己定义播放器的风格，诸如播放/暂停按钮，静音按钮，全屏按钮都是以外部图片接口形式调用，用户根据自己的需要制作 出播放器风格所需要使用的各个按钮图片然后替换掉原始风格里相应的图片就可以制作出自己的风格了，
  • 简单工厂设计模式 hm4123660 java工厂设计模式简单工厂模式
           简单工厂模式（Simple Factory Pattern）属于类的创新型模式，又叫静态工厂方法模式。是通过专门定义一个类来负责创建其他类的实例，被创建的实例通常都具有共同的父类。简单工厂模式是由一个工厂对象决定创建出哪一种产品类的实例。简单工厂模式是工厂模式家族中最简单实用的模式，可以理解为是不同工厂模式的一个特殊实现。
  • maven笔记 zhb8015 maven
    跳过测试阶段： mvn package -DskipTests 临时性跳过测试代码的编译： mvn package -Dmaven.test.skip=true   maven.test.skip同时控制maven-compiler-plugin和maven-surefire-plugin两个插件的行为，即跳过编译，又跳过测试。   指定测试类 mvn test
  • 非mapreduce生成Hfile，然后导入hbase当中 Stark_Summer maphbasereduceHfilepath实例
    最近一个群友的boss让研究hbase，让hbase的入库速度达到5w+/s，这可愁死了，4台个人电脑组成的集群，多线程入库调了好久，速度也才1w左右，都没有达到理想的那种速度，然后就想到了这种方式，但是网上多是用mapreduce来实现入库，而现在的需求是实时入库，不生成文件了，所以就只能自己用代码实现了，但是网上查了很多资料都没有查到，最后在一个网友的指引下，看了源码，最后找到了生成Hfile
  • jsp web tomcat 编码问题 王新春 tomcatjsppageEncode
    今天配置jsp项目在tomcat上，windows上正常，而linux上显示乱码，最后定位原因为tomcat 的server.xml 文件的配置，添加 URIEncoding 属性： <Connector port="8080" protocol="HTTP/1.1" connectionTi
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他