胡建文的博客
胡建文的博客

Vue.js初步了解

Vue.js介绍

Vue是一套用于构建用户界面的 渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与 现代化的工具链以及各种 支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。
引入Vue 

<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js">script>

或者：


<script src="https://cdn.jsdelivr.net/npm/vue">script>

 

vue版本

  • vue 1.0 2014年
  • vue 2.0 2016年
  • vue 3.0【 试用版 】 2019年国庆

 vue源代码 【 思维 】
  • 匿名函数
   (function (形参1，形参2) {
     /* 你的代码 */
   })(实参1，实参2)
  • 好处
    1. 防止全局作用域
    2. 防止命名冲突
    3. 防止一些脚本的攻击
    4. 封装js库基本上都是用它来完成
 
数据驱动视图
  • 意义： 当数据发生改变时，视图也会随之改变
  • 我们从现在开始，不在关注v的变化了，我们关注data
 
双向绑定
  
 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>Documenttitle>
   head>
   <body>
     <div id="app">
       <input type="text" v-model = "msg">
       <p> {{ msg }} p>
     div>
   body>
   <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js">script>
   <script>
     new Vue({
       el: '#app',
       data: {
         msg: 'Hello Vue'
      }
    })
   script>
   html>

 

new Vue() 得到的结果，我们是以标签化呈现的， ，我们称之为： 根实例组件 
 
Vue案例: 
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> Hello Vue title>
head>
<body>
  <div id="app">
    {{ this.msg }}
    <p> {{ msg }} p>
  div>
  
body>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js">script>
<script>
  /* 
    * 当我们通过script引入vue.js后，就会全局注册一个Vue变量，它是一个构造函数
    */
  //  console.log("兵哥: Vue", Vue)
  // new Vue( options ) // options 选项
  var vm = new Vue({
    el: '#app',//挂载：将一个已有的DOM元素的选择器挂载在构造函数的选项上,也确定了vue实例作用范围
    data: {
      msg: 'Hello Vue'
    }
  })
  console.log("兵哥: vm", vm)
script>
html>
 








 

你可能感兴趣的:(Vue.js初步了解)

  • 鸿蒙（HarmonyOS NEXT）开发实战：串行通信开发指导 我很英俊 小名男男 OpenHarmony鸿蒙开发HarmonyOSharmonyos华为开发语言前端鸿蒙移动开发鸿蒙系统
    鸿蒙开发往期必看：HarmonyOSNEXT应用开发性能实践总结一分钟了解”纯血版！鸿蒙HarmonyOSNext应用开发！“非常详细的”鸿蒙HarmonyOSNext应用开发学习路线！（从零基础入门到精通）
  • 拿下多家头部车企定点，芯驰新一代旗舰智控MCU抢跑「整车智能」 高工智能汽车 单片机网络嵌入式硬件
    近日，芯驰科技对外公布，旗下新一代旗舰智控MCU——E3650已开启客户送样，并且获得了多家头部车企的定点。据了解，E3650是专为区域控制器（ZCU）和域控（DCU）应用而设计的高端车规MCU，是自主高端车规MCU芯片的新标杆。众所周知，在整车电子电气架构的快速变革下，汽车不仅需要中央计算（区域处理器）提供聪明的大脑，也需要区域控制器（ZCU）打通和协调复杂的通信协议和中间层，从而实现真正的高阶
  • 开年一笔10亿融资砸向商用车无人驾驶！谁在占山为王？ 高工智能汽车 自动驾驶
    商用车无人驾驶，开年即释放出融资好消息。近日，L4级无人驾驶商用车厂商新石器无人车宣布完成10亿元人民币C+轮融资，将率先交付万台无人驾驶车队，迭代无人驾驶端到端模型能力，推动无人物流规模化发展。据了解，新石器专注于物流场景的L4级无人驾驶，尤其是城市配送场景，其产品包括3款无人车——X3、X6和X12，全面覆盖三轮车、面包车、轻卡的无人化升级，可满足电商快递、生鲜冷链、商超快消、批发市场等多种场
  • 无人机：科技改变生活的神奇力量 光伏一点通 无人机科技生活
    无人机，作为一种高科技产品，已经在我们的生活中发挥着越来越重要的作用。从军事侦察到民用拍摄，从农业监测到物流配送，无人机的应用领域正在迅速扩展。本文将为您详细介绍无人机的多种应用，帮助您更全面地了解这一现代科技产物。1.军事侦察与打击无人机在军事领域的应用可以追溯到早期的侦察任务。它们能够在高空进行观测和监视，提供广阔的视野和精准的信息，支持军事作战计划的制定。现代无人机不仅能进行侦察和监视，还能
  • 优化Go错误码管理：构建清晰、优雅的HTTP和gRPC错误码规范 zhuyasen go开发框架spongegolanghttprpc
    在系统开发过程中，如何优雅地管理错误信息一直是个棘手问题。传统的错误处理方式往往存在不统一、难以维护等缺点。而errcode模块通过对错误码进行规范化管理，为系统级和业务级错误提供了统一的编码标准。本文将带您深入了解errcode的设计原理、错误码结构以及详细的使用示例，帮助您构建高效稳定的错误处理机制。一、errcode模块设计原理解析在一个复杂系统中，错误码不仅用于指示错误类型，更承载着对错误
  • OpenGauss查看当前数据容量的深度探索 字节熊猫 openGauss数据库数据库开发华为‘’
    OpenGauss查看当前数据容量的深度探索在数据库管理中，了解和监控数据库的容量是一项至关重要的任务。OpenGauss作为一款高性能、高可用性的开源关系型数据库管理系统，提供了丰富的内置函数和工具来帮助数据库管理员（DBA）完成这一任务。本文将深入探讨如何使用OpenGauss提供的工具和SQL语句来查看当前数据库的容量，并通过详细的实现代码来展示这一过程。一、OpenGauss数据库容量概述
  • 玩转 Vue 3：自定义指令让页面魔法随心而动 心中的灯塔 vue.jsjavascript前端
    玩转Vue3：自定义指令让页面魔法随心而动玩转Vue3：自定义指令让页面魔法随心而动什么是自定义指令？全局注册示例：高亮效果指令注册自定义指令在组件中使用局部注册与高级用法局部注册示例小结玩转Vue3：自定义指令让页面魔法随心而动在Vue3中，自定义指令为我们提供了在模板中直接操作DOM的能力，不仅可以让我们的页面效果更炫酷，还能将一些通用逻辑抽离出来，做到代码复用。本文将带你了解Vue3自定义指
  • 计算机毕业设计springboot基于BS的驾校在线学习考试系统43i2x9【附源码+数据库+部署+LW】 ゛花昔 计算机毕设源码程序 课程设计springboot学习
    本项目包含程序+源码+数据库+LW+调试部署环境，文末可获取一份本项目的java源码和数据库参考。系统的选题背景和意义选题背景：随着社会的发展和交通工具的普及，驾驶证成为了越来越多人的需求。然而，传统的驾校学习考试方式存在一些问题，如时间和空间限制、学习资源不足等。为了解决这些问题，基于BS（Browser/Server）架构的驾校在线学习考试系统应运而生。该系统利用互联网浏览器作为客户端，通过服
  • C语言Socket编程：实现TCP通信 ArqLoop tcp/ipc语言网络信息与通信
    Socket编程是一种在计算机网络中实现通信的常用方法。它提供了一种可靠的、面向连接的通信方式，可以用于在不同的计算机之间进行数据传输。本文将介绍如何使用C语言编写Socket程序，实现TCP通信。在开始编写Socket程序之前，我们需要了解一些基本的概念和术语。TCP（传输控制协议）是一种可靠的、面向连接的协议，它提供了端到端的数据传输。服务器和客户端通过建立连接来进行通信。服务器监听特定的端口
  • vue3+elementuiplus的table表格动态高度 多喜乐 长安宁 vueelementuiplusvue.jsjavascript前端
    table表格流体高度1、前提了解自定义指令、hooks2、核心思路通过自定义指令（newResizeObserver）监听表格变化，然后通过hooks去更新表格高度。3、核心代码src/directives/resize.ts//import{debounce}from'@/utils';import{typeDirective}from"vue";constresizeDirective:Di
  • Ruby语言的测试脚本 尤宸翎 包罗万象golang开发语言后端
    Ruby语言的测试脚本深入解析随着软件开发的迅速发展，测试在软件工程中的重要性愈发明显。越来越多的团队意识到，良好的测试可以大大提高开发效率和软件质量。Ruby语言以其简洁优雅的语法和强大的生态系统，成为了许多开发者的首选。在这篇文章中，我们将深入探讨如何使用Ruby编写测试脚本，包括基础知识、常用工具和最佳实践。1.测试的重要性在了解Ruby测试脚本之前，我们需要首先明白为什么测试如此重要。有效
  • Python, Java 开发全国苦难人群诉苦平台APP Geeker-2025 pythonjava
    开发一个“全国苦难人群诉苦平台APP”是一个非常有社会意义的项目，旨在为需要帮助的人群提供一个表达困难、寻求支持和解决方案的平台。这种APP可以帮助政府、公益组织和社会各界更好地了解和解决社会问题，同时为苦难人群提供心理支持和实际帮助。以下是一个高层次的开发思路，以及如何用**Python**和**Java**实现相关功能的示例。---###**1.功能需求分析**一个“全国苦难人群诉苦平台APP
  • 2024年Flutter从入门到精通全网最全学习路线指南 高级技术工程师 flutterflutterflutter中文网flutter中文官方文档
    随着移动开发技术的快速发展，Flutter作为Google推出的跨平台开发框架，以其高效的热重载、统一的UI开发体验和卓越的性能表现，正逐渐成为众多开发者青睐的首选工具。为了帮助广大编程爱好者及职业开发者在2024年更好地掌握Flutter技术，本文将为您呈现一套全面且深度的Flutter学习路线图。flutter中文网flutterflutter中文官方文档第一阶段：基础入门与环境配置了解Flu
  • 自然语言处理（NLP）技术介绍 风吹晚风悠 gpt人工智能nlp自然语言处理
    自然语言处理（NLP）是一种涉及计算机和人类语言之间交流的技术。NLP技术可以应用于多个领域，例如机器翻译、情感分析、文本分类、问答系统等。以下是一些NLP技术的示例：机器翻译：NLP技术可用于将一个语言的文本自动翻译成另一个语言。例如，GoogleTranslate和百度翻译等在线翻译工具就使用了NLP技术。情感分析：NLP技术可用于分析文本中的情感和情感倾向。这可以帮助企业了解公众对其产品或服
  • 101、探索Rust模式匹配的奥秘：简洁代码的艺术 多多的编程笔记 Rust之Web开发rust开发语言后端
    Rust模式匹配：学会使用match表达式进行模式匹配，了解iflet和whilelet的用法在编程中，我们经常需要根据不同的条件来执行不同的代码块。Rust语言提供了丰富的模式匹配机制，使得这种根据条件分支执行代码变得简单而直观。本文将介绍Rust中的模式匹配，重点讲解match表达式，以及iflet和whilelet的用法。一、Match表达式Match表达式是Rust中进行模式匹配的一种机制
  • 什么是"外包"？一文读懂企业外包那些事 程序员
    什么是"外包"？一文读懂企业外包那些事在当今快速发展的商业环境中，"外包"已经成为一个非常普遍的商业模式。今天，让我们一起来了解什么是外包，以及为什么越来越多的企业选择外包服务。什么是外包？外包（Outsourcing）是指企业将某些非核心业务委托给外部专业机构来完成的一种商业模式。从图中我们可以看到一个典型的外包链条：公司A→公司B→工头C。外包产生的原因1.公司A（发包方）的特点：内部人力资源
  • Windows的目录你了解吗？ Tan程序员 windows
    本文将介绍Windows系统中的目录，不使用Windows系统的人可以退出了。本文目录目录是什么创建目录提示：本篇文章很短的，一两分钟就能读完哦！目录是什么目录可不是文件夹，只是看起来像文件夹罢了。目录其实应该说是一种文件，是一种特殊文件，叫做目录文件，简称为目录。还有，目录并不是真的把文件放在它里面，上文讲了，目录是特殊文件，其实它把文件放在了其他位置，而不是直接存入。但现在大多数人都把目录和文
  • 【MYSQL学习】MySQL索引：删除索引的5大绝招你GET到了吗？ 墨瑾轩 MySql入门~精通mysql学习数据库
    关注墨瑾轩，带你探索编程的奥秘！超萌技术攻略，轻松晋级编程高手技术宝库已备好，就等你来挖掘订阅墨瑾轩，智趣学习不孤单即刻启航，编程之旅更有趣MySQL索引：删除索引的5大绝招你GET到了吗？引言❓在数据库操作中，索引是一个非常重要的概念。合理的索引设计可以显著提高查询性能，而不合理的索引则可能导致性能下降。但你知道如何有效地删除索引吗？今天，我们就来一场深入浅出的探索之旅，带你了解删除索引的5大绝
  • Vue.js 3 的设计思路：从声明式UI到高效渲染机制 前端 贾公子 vue.jsuiflutter
    目录一、声明式UI与虚拟DOM的灵活性二、渲染器：虚拟DOM到真实DOM的桥梁三、组件的本质与实现四、编译与运行时的协同优化五、性能与可维护性的权衡总结Vue.js3作为新一代前端框架，其设计理念在声明式UI描述、虚拟DOM优化、组件化架构以及编译与运行时协作等方面实现了显著突破。本文将从多个角度深入探讨其设计思路。一、声明式UI与虚拟DOM的灵活性Vue.js3的核心特性之一是声明式UI描述，开
  • 深入解析：构建高效单页应用（SPA）的最佳实践与示例 布兰妮甜 #Vue单页应用SPAVue.js前端
    文章目录前言一、单页应用（SPA）的介绍二、单页应用（SPA）的优势三、构建单页应用（SPA）的基本步骤四、使用Vue.js构建一个简易的单页应用（SPA）：任务管理器结语前言随着互联网技术的发展，用户对于网页应用的交互性和响应速度提出了更高的要求。传统的多页面应用（MPA）在每次用户交互时需要重新加载整个页面，这不仅增加了服务器的负担，也降低了用户体验。而单页应用（SinglePageAppli
  • 深度解析AI智能助手系统架构：数据接入到平台管理的全景指南 AI大模型-搬运工 人工智能系统架构大语言模型深度学习自然语言处理AI智能助手大模型
    在数字化转型的大潮中，AI智能助手在帮助企业优化运营、提高决策效率、增强用户体验方面发挥着不可替代的作用。本篇文章将带您深入了解一个典型的AI智能助手系统架构，并提供每个模块的具体实现方案，包括数据接入、模型配置、平台管理等核心模块，帮助企业更好地构建智能化业务流程。一、AI智能助手的核心功能及实现方案AI智能助手的核心功能包括自然语言问答、图表可视化、多维钻取、导出与收藏、需求理解与过程验证、用
  • 简单了解WIndow和Linux的路径含义 alive903 Linuxlinuxwindows
    目录1>路径概念2>绝对路径2.1>window绝对路径2.2>Linux绝对路径3>相对路径3.1>window相对路径3.2>Linux相对路径很高兴你能看到这篇文章，同时我的语雀文档也更新了许多嵌入式系列的学习笔记希望能帮到你：https://www.yuque.com/alive-m4b9n1>路径概念路径是用来描述一个文件或目录在文件系统中的位置的方式。路径可以是文件系统中的唯一标识符，
  • 2025 年最值得收听的 AI 播客推荐！助你轻松掌握人工智能前沿动态！ 真智AI 人工智能开发语言机器学习
    如今，几乎每个人都被告知需要提升技能，而当前许多组织最看重的技能之一就是人工智能（AI）。学习AI相关技能通常涉及数学、统计学和机器学习，但除此之外，你还需要了解行业趋势、业内人士的观点以及各大公司的动态。然而，学习并不意味着时刻都要埋头苦读！有时候，你需要给大脑一个喘息的机会，同时依然能获取有价值的信息。而收听AI相关的播客，就是一个轻松高效的方式。以下是2025年你必须关注的AI播客！1.Th
  • 用keil语言定义c51,51单片机Keil C51的使用（C语言） 杨佶Kulbear 用keil语言定义c51
    实验目的：初步掌握Keil(C51语言)和SUNES59PA实验仪的操作和使用，能够输入和运行简单的程序。实验设备：SUNES59PA实验仪一套、具有一个RS232串行口并安装KeilC51的计算机一台。实验原理及环境：1.在计算机上已安装KeilC51软件。这个软件既可以与硬件(SUNES59PA实验仪)连接，在硬件(单片机)上运行程序；也可以不与硬件连接，仅在计算机上以虚拟仿真的方法运行程序。
  • CES Asia2025新机制引关注，科技创新奖申报火热 赛逸展张胜 科技
    随着2025第七届亚洲消费电子技术贸易展（赛逸展）“展位即门票”机制的推出，科技创新奖的申报工作也正式拉开帷幕。截至目前，已有数十家企业提交了申报材料，涵盖人工智能、物联网、智能硬件等多个热门领域。据了解，CESAsia2025科技创新奖旨在表彰在科技研发和产品创新方面取得卓越成就的企业。此次申报面向所有预订展位的参展企业，评审过程将由行业专家、院士，协会，学者和媒体代表共同参与，确保评选结果的公
  • 输电线路参数测试：参数解读及运用指南 武汉凯迪正大 电缆线路测试系统经验分享笔记其他百度生活交友学习
    在智能电网建设中，输电线路的工频参数（如正序电容、零序阻抗等）直接影响电力系统的稳定性和继电保护装置的整定精度。传统测试方法面临强电场干扰、接线复杂等难题，本文将以KDGXG-I型测试仪为例，从工作原理、参数解读到实操指南，带您全面了解这一电力测试领域的黑科技。一、工作原理：如何突破强电场干扰？KDGXG-I采用双频智能变频技术，如同为仪器配备了"降噪耳机"：变频电源模块：输出47.5Hz/52.
  • DeepSeek 加持！IvorySQL 文档智能助手正式上线！ 数据库deepseek开源
    DeepSeek加持！IvorySQL文档智能助手正式上线！"那个配置参数到底在第几章？"——正在部署IvorySQL的运维工程师小“I”，第5次按Ctrl+F搜索文档。从版本差异到参数说明，在浩如烟海的技术文档中精准定位信息，曾是所有开发运维人员们的必修课。技术文档是我们了解开源项目的必要渠道之一，但文档内容繁杂，学习成本巨大。IvorySQL作为一款基于PostgreSQL研发的兼容Oracl
  • 直播交友带货/线上交友1V1视频直播线下活动组织 前端后端小程序数据库负载均衡
    直播交友带货是一种结合了直播、社交和电商的新型销售模式。主播通过直播展示商品，与观众进行实时互动，并引导观众购买商品。这种模式下，观众不仅可以观看商品的实时展示，还可以与主播进行互动交流，增加购物的趣味性和互动性。对于主播而言，直播交友带货不仅可以提高商品销售量，还可以增加粉丝数量和粘性。通过实时互动，主播可以更好地了解观众的需求和喜好，从而调整销售策略和商品选择。对于观众而言，直播交友带货提供了
  • python笔记：进程和线程—分布式进程 zyckhuntoria pythonfoundation
    一、分布式进程Process可以分布到多台机器上，而Thread最多只能分布到同一台机器的多个CPU上。Python的multiprocessing模块不但支持多进程，其中managers子模块还支持把多进程分布到多台机器上。一个服务进程可以作为调度者，将任务分布到其他多个进程中，依靠网络通信。由于managers模块封装很好，不必了解网络通信的细节，就可以很容易地编写分布式多进程程序。二、举例实
  • 用js搞清策略模式和责任链模式的区别 技术蹭蹭蹭 策略模式责任链模式javascript
    策略模式和责任链模式都是常用的设计模式，它们的目的都是为了解耦和提高代码的可维护性。但是，它们的应用场景不同，下面对它们进行详细的比较和介绍。策略模式策略模式是一种定义一系列算法的方法，从概念上来看，所有这些算法完成的都是相同的工作，只是实现不同。它可以让算法的变化独立于使用它的客户端（也就是上下文），从而可以在不修改客户端的情况下，增加或替换算法。策略模式主要包含三个角色：上下文（Context
  • apache 安装linux windows 墙头上一根草 apacheinuxwindows
    linux安装Apache 有两种方式一种是手动安装通过二进制的文件进行安装，另外一种就是通过yum 安装，此中安装方式，需要物理机联网。以下分别介绍两种的安装方式     通过二进制文件安装Apache需要的软件有apr,apr-util,pcre  1，安装 apr        下载地址：htt
  • fill_parent、wrap_content和match_parent的区别 Cb123456 match_parentfill_parent
    fill_parent、wrap_content和match_parent的区别:   1）fill_parent   设置一个构件的布局为fill_parent将强制性地使构件扩展，以填充布局单元内尽可能多的空间。这跟Windows控件的dockstyle属性大体一致。设置一个顶部布局或控件为fill_parent将强制性让它布满整个屏幕。 2） wrap_conte
  • 网页自适应设计 天子之骄 htmlcss响应式设计页面自适应
    网页自适应设计        网页对浏览器窗口的自适应支持变得越来越重要了。自适应响应设计更是异常火爆。再加上移动端的崛起，更是如日中天。以前为了适应不同屏幕分布率和浏览器窗口的扩大和缩小，需要设计几套css样式，用js脚本判断窗口大小，选择加载。结构臃肿，加载负担较大。现笔者经过一定时间的学习，有所心得，故分享于此，加强交流，共同进步。同时希望对大家有所
  • [sql server] 分组取最大最小常用sql 一炮送你回车库 SQL Server
    --分组取最大最小常用sql--测试环境if OBJECT_ID('tb') is not null drop table tb;gocreate table tb( col1 int, col2 int, Fcount int)insert into tbselect 11,20,1 union allselect 11,22,1 union allselect 1
  • ImageIO写图片输出到硬盘 3213213333332132 javaimage
    package awt; import java.awt.Color; import java.awt.Font; import java.awt.Graphics; import java.awt.image.BufferedImage; import java.io.File; import java.io.IOException; import javax.imagei
  • 自己的String动态数组 宝剑锋梅花香 java动态数组数组
    数组还是好说，学过一两门编程语言的就知道，需要注意的是数组声明时需要把大小给它定下来，比如声明一个字符串类型的数组：String str[]=new String[10];    但是问题就来了，每次都是大小确定的数组，我需要数组大小不固定随时变化怎么办呢？  动态数组就这样应运而生，龙哥给我们讲的是自己用代码写动态数组，并非用的ArrayList 看看字符
  • pinyin4j工具类 darkranger .net
    pinyin4j工具类Java工具类 2010-04-24 00:47:00 阅读69 评论0 字号：大中小 引入pinyin4j-2.5.0.jar包: pinyin4j是一个功能强悍的汉语拼音工具包，主要是从汉语获取各种格式和需求的拼音，功能强悍，下面看看如何使用pinyin4j。 本人以前用AscII编码提取工具，效果不理想，现在用pinyin4j简单实现了一个。功能还不是很完美，
  • StarUML学习笔记----基本概念 aijuans UML建模
    介绍StarUML的基本概念，这些都是有效运用StarUML?所需要的。包括对模型、视图、图、项目、单元、方法、框架、模型块及其差异以及UML轮廓。         模型、视与图（Model, View and Diagram）        &
  • Activiti最终总结 avords Activiti id 工作流
    1、流程定义ID：ProcessDefinitionId，当定义一个流程就会产生。 2、流程实例ID：ProcessInstanceId，当开始一个具体的流程时就会产生，也就是不同的流程实例ID可能有相同的流程定义ID。 3、TaskId，每一个userTask都会有一个Id这个是存在于流程实例上的。 4、TaskDefinitionKey和（ActivityImpl activityId
  • 从省市区多重级联想到的，react和jquery的差别 bee1314 jqueryUIreact
    在我们的前端项目里经常会用到级联的select，比如省市区这样。通常这种级联大多是动态的。比如先加载了省，点击省加载市，点击市加载区。然后数据通常ajax返回。如果没有数据则说明到了叶子节点。   针对这种场景，如果我们使用jquery来实现，要考虑很多的问题，数据部分，以及大量的dom操作。比如这个页面上显示了某个区，这时候我切换省，要把市重新初始化数据，然后区域的部分要从页面
  • Eclipse快捷键大全 bijian1013 javaeclipse快捷键
    Ctrl+1 快速修复(最经典的快捷键,就不用多说了)Ctrl+D: 删除当前行 Ctrl+Alt+↓ 复制当前行到下一行(复制增加)Ctrl+Alt+↑ 复制当前行到上一行(复制增加)Alt+↓ 当前行和下面一行交互位置(特别实用,可以省去先剪切,再粘贴了)Alt+↑ 当前行和上面一行交互位置(同上)Alt+← 前一个编辑的页面Alt+→ 下一个编辑的页面(当然是针对上面那条来说了)Alt+En
  • js 笔记 函数 征客丶 JavaScript
    一、函数的使用 1.1、定义函数变量 var vName = funcation(params){ } 1.2、函数的调用 函数变量的调用：      vName(params); 函数定义时自发调用：(function(params){})(params); 1.3、函数中变量赋值 var a = 'a'; var ff
  • 【Scala四】分析Spark源代码总结的Scala语法二 bit1129 scala
    1. Some操作   在下面的代码中，使用了Some操作：if (self.partitioner == Some(partitioner))，那么Some(partitioner)表示什么含义？首先partitioner是方法combineByKey传入的变量， Some的文档说明：   /** Class `Some[A]` represents existin
  • java 匿名内部类 BlueSkator java匿名内部类
    组合优先于继承 Java的匿名类，就是提供了一个快捷方便的手段，令继承关系可以方便地变成组合关系 继承只有一个时候才能用，当你要求子类的实例可以替代父类实例的位置时才可以用继承。   在Java中内部类主要分为成员内部类、局部内部类、匿名内部类、静态内部类。 内部类不是很好理解，但说白了其实也就是一个类中还包含着另外一个类如同一个人是由大脑、肢体、器官等身体结果组成，而内部类相
  • 盗版win装在MAC有害发热，苹果的东西不值得买，win应该不用 ljy325 游戏applewindowsXPOS
    Mac mini 型号: MC270CH-A RMB:5,688   Apple 对windows的产品支持不好,有以下问题:   1.装完了xp,发现机身很热虽然没有运行任何程序！貌似显卡跑游戏发热一样，按照那样的发热量,那部机子损耗很大,使用寿命受到严重的影响!   2.反观安装了Mac os的展示机，发热量很小，运行了1天温度也没有那么高 &nbs
  • 读《研磨设计模式》-代码笔记-生成器模式-Builder bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /** * 生成器模式的意图在于将一个复杂的构建与其表示相分离，使得同样的构建过程可以创建不同的表示（GoF） * 个人理解： * 构建一个复杂的对象，对于创建者（Builder）来说，一是要有数据来源(rawData)，二是要返回构
  • JIRA与SVN插件安装 chenyu19891124 SVNjira
    JIRA安装好后提交代码并要显示在JIRA上，这得需要用SVN的插件才能看见开发人员提交的代码。 1.下载svn与jira插件安装包，解压后在安装包(atlassian-jira-subversion-plugin-0.10.1) 2.解压出来的包里下的lib文件夹下的jar拷贝到(C:\Program Files\Atlassian\JIRA 4.3.4\atlassian-jira\WEB
  • 常用数学思想方法 comsci 工作
      对于搞工程和技术的朋友来讲，在工作中常常遇到一些实际问题，而采用常规的思维方式无法很好的解决这些问题，那么这个时候我们就需要用数学语言和数学工具，而使用数学工具的前提却是用数学思想的方法来描述问题。。下面转帖几种常用的数学思想方法，仅供学习和参考   函数思想 　　把某一数学问题用函数表示出来，并且利用函数探究这个问题的一般规律。这是最基本、最常用的数学方法
  • pl/sql集合类型 daizj oracle集合typepl/sql
    --集合类型 /*   单行单列的数据，使用标量变量   单行多列数据，使用记录   单列多行数据，使用集合（。。。）   *集合：类似于数组也就是。pl/sql集合类型包括索引表（pl/sql table）、嵌套表（Nested Table）、变长数组（VARRAY）等 */ /*     --集合方法 &n
  • [Ofbiz]ofbiz初用 dinguangx 电商ofbiz
    从github下载最新的ofbiz（截止2015-7-13），从源码进行ofbiz的试用 1. 加载测试库 ofbiz内置derby，通过下面的命令初始化测试库 ./ant load-demo (与load-seed有一些区别)   2. 启动内置tomcat ./ant start 或 ./startofbiz.sh 或 java -jar ofbiz.jar &
  • 结构体中最后一个元素是长度为0的数组 dcj3sjt126com cgcc
    在Linux源代码中，有很多的结构体最后都定义了一个元素个数为0个的数组，如/usr/include/linux/if_pppox.h中有这样一个结构体： struct pppoe_tag {     __u16 tag_type;     __u16 tag_len;   &n
  • Linux cp 实现强行覆盖 dcj3sjt126com linux
    发现在Fedora 10 /ubutun 里面用cp -fr src dest，即使加了-f也是不能强行覆盖的，这时怎么回事的呢？一两个文件还好说，就输几个yes吧，但是要是n多文件怎么办，那还不输死人呢？下面提供三种解决办法。 方法一 我们输入alias命令，看看系统给cp起了一个什么别名。 [root@localhost ~]# aliasalias cp=’cp -i’a
  • Memcached(一)、HelloWorld frank1234 memcached
    一、简介 高性能的架构离不开缓存，分布式缓存中的佼佼者当属memcached，它通过客户端将不同的key hash到不同的memcached服务器中，而获取的时候也到相同的服务器中获取，由于不需要做集群同步，也就省去了集群间同步的开销和延迟，所以它相对于ehcache等缓存来说能更好的支持分布式应用，具有更强的横向伸缩能力。 二、客户端 选择一个memcached客户端，我这里用的是memc
  • Search in Rotated Sorted Array II hcx2013 search
    Follow up for "Search in Rotated Sorted Array":What if duplicates are allowed? Would this affect the run-time complexity? How and why? Write a function to determine if a given ta
  • Spring4新特性——更好的Java泛型操作API jinnianshilongnian spring4generic type
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • CentOS安装JDK liuxingguome centos
    1、行卸载原来的： [root@localhost opt]# rpm -qa | grep java tzdata-java-2014g-1.el6.noarch java-1.7.0-openjdk-1.7.0.65-2.5.1.2.el6_5.x86_64 java-1.6.0-openjdk-1.6.0.0-11.1.13.4.el6.x86_64 [root@localhost
  • 二分搜索专题2-在有序二维数组中搜索一个元素 OpenMind 二维数组算法二分搜索
    1,设二维数组p的每行每列都按照下标递增的顺序递增。 用数学语言描述如下：p满足 (1),对任意的x1，x2，y，如果x1<x2,则p(x1,y)<p(x2,y); (2),对任意的x，y1,y2, 如果y1<y2,则p(x,y1)<p(x,y2); 2,问题： 给定满足1的数组p和一个整数k，求是否存在x0,y0使得p(x0,y0)=k? 3,算法分析： (
  • java 随机数 Math与Random SaraWon javaMathRandom
    今天需要在程序中产生随机数，知道有两种方法可以使用，但是使用Math和Random的区别还不是特别清楚，看到一篇文章是关于的，觉得写的还挺不错的，原文地址是 http://www.oschina.net/question/157182_45274?sort=default&p=1#answers 产生1到10之间的随机数的两种实现方式： //Math Math.roun
  • oracle创建表空间 tugn oracle
    create temporary tablespace TXSJ_TEMP   tempfile 'E:\Oracle\oradata\TXSJ_TEMP.dbf'   size 32m   autoextend on   next 32m maxsize 2048m   extent m
  • 使用Java8实现自己的个性化搜索引擎 yangshangchuan javasuperword搜索引擎java8全文检索
    需要对249本软件著作实现句子级别全文检索，这些著作均为PDF文件，不使用现有的框架如lucene，自己实现的方法如下： 1、从PDF文件中提取文本，这里的重点是如何最大可能地还原文本。提取之后的文本，一个句子一行保存为文本文件。 2、将所有文本文件合并为一个单一的文本文件，这样，每一个句子就有一个唯一行号。 3、对每一行文本进行分词，建立倒排表，倒排表的格式为：词=包含该词的总行数N=行号
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他