aoweitu9856
aoweitu9856

02慕课网《vue.js2.5入门》——Vue中的组件，实现todolist

TodoList功能开发

例子：输入字符，在列表中显示；

由于有v-for属性，

  • 不会被渲染，它已经和数据绑定在一起，有数据来决定

    input和button上都有事件监听器，input是通过v-model对数据进行双向绑定；button是监听click事件绑定

    <body>
<div id="root">
    <div>
        <input v-model="inputValue"/>
        <button @click="handleSubmit">提交button>
        <ul>
            <li v-for="(item,index) of list" :key="index">
                {{item}}
            li>
        ul>
    div>
div>
<script>
    // vue实例
    new Vue({
        el: "#root",
        data: {
            inputValue: '',
            list: []
        },
        methods: {
            handleSubmit: function () {
                this.list.push(this.inputValue);
                this.inputValue = '';
            }
        }
    })
script>
body>

    无数据时：

    　02慕课网《vue.js2.5入门》——Vue中的组件，实现todolist_第1张图片

    有数据时：

    　02慕课网《vue.js2.5入门》——Vue中的组件，实现todolist_第2张图片　　　　02慕课网《vue.js2.5入门》——Vue中的组件，实现todolist_第3张图片

     

     

    TodoList中组件拆分

    组件：页面上的某一部分，将大型网页拆分成几个部分

    定义组件：

    全局：Vue.component('todo-list(组件名称)',{   })；只用组件

    局部：定义var+声明componts

    组件之间的通信：父子组件之间

     

     组件实现的例子：将

  • 标签拆成一个组件

    (item,index) of list；固定写法 (内容，下标) of 数组 ，和item，index名称无关
    父组件Vue根实例，通过数据list的改变，调用子组件todo-itemfull，并且通过属性:content 来传值，子组件li标签的渲染任然通过数据list来决定，实现父组件向子组件之间的通信
    <body>
<div id="root">
    <div>
        <input v-model="inputValue"/>
        <button @click="handleSubmit">提交button>
        <ul>
            
            <todo-itemfull v-for="(item,index) of list" :key="index" :content="item">todo-itemfull>

        ul>
        <ul>
            
            <todo-itemonly>todo-itemonly>

        ul>
    div>
div>
<script>
    // 定义全局组件
    Vue.component('todo-itemfull', {
        // 接受名为content的属性
        props:['content'],
        // 组件模板
        template: '
  • {{content}}
    • '
    });
    // 定义局部组件
    var TodoItem = {
        template: '
  • 局部组件
    • '
    }
    // vue实例
    new Vue({
        el: "#root",
        data: {
            inputValue: '',
            list: []
        },
        // 声明局部组件
        components: {
            'todo-itemonly': TodoItem
        },
        methods: {
            handleSubmit: function () {
                this.list.push(this.inputValue);
                this.inputValue = '';
            }
        }
    })
script>

    　　　　　　　　02慕课网《vue.js2.5入门》——Vue中的组件，实现todolist_第4张图片

    组件与实例之间的关系

     每个组件都是Vue的一个实例

    Vue项目就是由一个个实例构建成的

    每个实例或者组件都有：props、data、template、methods等属性

    根实例的模板若没有定义，则挂载点中的内容就是它的模板

     

    实现TodoList的删除功能

    子组件显示与否，取决于父组件的list；实现子组件向父组件之间的通信

    • 父组件通过属性向子组件传递数据；通过数据渲染子组件的模板，数据list为空时，页面中没有子组件的内容，
    • $emit子组件向外部进行发布delet事件，并且带上参数
    • 父组件在子组件创建时，绑定监听delete事件
    • 监听到子组件的delete删除事件，修改数据list
    • 数据list改变，子组件的渲染内容发生改变
    <body>
<div id="root">
    <div>
        <input v-model="inputValue"/>
        <button @click="handleSubmit">提交button>
        <ul>
            
            <todo-itemfull
                    v-for="(item,index) of list"
                    :key="index"
                    :content="item"
                    :index="index"
                    @delete="handleDelete"
            >todo-itemfull>
        ul>
    div>
div>
<script>
    // 定义全局组件
    Vue.component('todo-itemfull', {
        // 接受名为content的属性
        props: ['content', 'index'],
        // 组件模板
        template: '
  • {{content}}  {{index}} 
    • ',
        methods: {
            handleClick: function () {
                // $emit子组件向外部进行发布
                this.$emit('delete', this.index,this.content);
            },
            handleDelete:function(){
                return '子组件方法';
            }
        }
    });
    // vue实例
    new Vue({
        el: "#root",
        data: {
            inputValue: '',
            list: []
        },
        methods: {
            handleSubmit: function () {
                this.list.push(this.inputValue);
                this.inputValue = '';
            },
            handleDelete: function (index,content) {
                alert(content);
                this.list.splice(index);
            }
        }
    })
script>
body>

     

    • 转载于:https://www.cnblogs.com/-beauTiFul/p/9032077.html

    你可能感兴趣的:(02慕课网《vue.js2.5入门》——Vue中的组件，实现todolist)

    • Springboot项目中线程池使用整理 m0_74823715 面试学习路线阿里巴巴springboot后端java
      文章目录Springboot项目中线程池使用整理学习目标线程池类型及特点Java基础线程池SpringThreadPoolTaskExecutorThreadPoolTaskExecutorvsThreadPoolExecutor主要区别@Async注解使用AsyncConfigurer接口CompletableFuture线程池实现方式比较1.Spring@Bean方式2.AsyncConfig
    • 支付系统设计模式总结：策略模式与工厂模式的结合 I~Lucky springboot后端策略模式设计模式
      在支付系统中，为了支持多种支付方式（如支付宝、微信支付等），并保证代码的可扩展性和维护性，通常会使用策略模式和工厂模式。这两种设计模式可以很好地结合起来，以实现灵活的支付处理逻辑。设计模式简介策略模式（StrategyPattern）：定义一系列算法，并将每个算法封装起来，使它们可以互换。策略模式让算法独立于使用它的客户端而变化。工厂模式（FactoryPattern）：提供一个创建对象的接口，由
    • Deepseek相关梳理 stars and seas 人工智能
      发展历程及重要节点2023年：7月17日杭州深度求索人工智能基础技术研究有限公司成立。2024年1月5日，发布首个大模型DeepSeekLLM。5月，宣布开源第二代MoE大模型DeepSeek-V2。9月5日，升级推出DeepSeekV2.5新模型。11月20日，推理模型DeepSeek-R1-Lite预览版上线。12月26日，DeepSeek-V3首个版本上线并开源。2025年1月20日，正式发
    • Python中的__slots__ 李星星BruceL 问题集python
      在Python中，__slots__的用途是什么？以及在哪些情况下应避免使用它？简而言之（TL;DR）：特殊属性__slots__允许你明确声明对象实例应该具有的实例属性，并带来以下预期效果：更快的属性访问。节省内存空间。内存节省来自于：将值引用存储在__slots__中，而不是在__dict__中。如果父类禁止创建__dict__和__weakref__，并且你声明了__slots__，则会阻止
    • META-INF 文件夹用途 杏花春雨江南 java基础pycharmidepython
      META-INF文件夹是Java应用程序和库中一个特殊的目录，通常用于存放元数据（Metadata）和配置文件。它是Java标准的一部分，Java虚拟机和相关工具会识别并处理该目录中的特定文件。以下是META-INF文件夹的常用使用场景：1.存放Manifest文件(MANIFEST.MF)作用：MANIFEST.MF是JavaJAR文件的元数据文件，用于描述JAR文件的内容和属性。常用场景：指定
    • DeepSeek应用场景及其解决的问题 杏花春雨江南 自然语言处理
      DeepSeek是一种基于深度学习的智能技术，能够处理复杂的非结构化数据（如文本、图像、语音等），并在企业级应用开发中发挥重要作用。以下是DeepSeek在企业级应用开发中的典型应用场景及其解决的问题：1.企业知识管理与智能搜索场景：企业拥有大量的文档、报告、邮件、会议记录等非结构化数据，员工需要快速找到相关信息。DeepSeek的作用：通过语义搜索和自然语言处理（NLP），DeepSeek可以理
    • Remote: Support for password authentication was removed on August 13, 2021. 杏花春雨江南 gitgithub
      remote:SupportforpasswordauthenticationwasremovedonAugust13,2021.remote:Pleaseseehttps://docs.github.com/get-started/getting-started-with-git/about-remote-repositories#cloning-with-https-urlsforinform
    • java 方法入参对象重新赋值后， 方法外获取 没有变化。为什么 杏花春雨江南 java基础java开发语言
      在Java中，当你将一个对象作为参数传递给一个方法，并在方法内部重新赋值这个对象，方法外的对象不会发生变化。这是因为Java是按值传递的，即使传递的是对象引用，也是传递引用的副本。让我们详细讨论一下这个问题。按值传递Java中的参数传递机制是按值传递的，这意味着方法内部对参数所做的任何更改不会影响方法外部的变量。具体来说：基本数据类型：方法内部对参数的修改不会影响外部变量。对象引用：方法内部对对象
    • 分布式系统中的关键技术解析：幂等性、负载均衡、限流算法及其实现 guihong004 java面试题负载均衡算法运维
      在构建高效、可靠的分布式系统时，确保系统的各个组件能够正确处理重复请求（即实现幂等性）、合理分配工作负载（负载均衡）、以及有效控制访问速率以防止过载（限流），是至关重要的。这些技术不仅影响着用户体验，还直接关系到系统的稳定性和安全性。本文将深入探讨几种关键技术及其具体实现方法，包括如何保证操作的幂等性，常见的负载均衡算法有哪些，限流策略中常用的算法介绍，特别是详细解释了计数器（固定窗口）算法和滑动
    • 【datetime】Python datetime模块常用用法 晨风_Chenfeng python
      1.datetime模块中的主要类date:处理日期（年、月、日）。time:处理时间（时、分、秒、微秒）。datetime:处理日期和时间。timedelta:处理时间间隔（两个日期或时间之间的差）。tzinfo:处理时区信息。2.date类date类用于表示日期（年、月、日）。2.1创建date对象fromdatetimeimportdate#使用年、月、日创建date对象d=date(202
    • 低空经济：未来五年投资风口的新蓝海 IT程序媛-桃子 低空经济科技区块链低空经济ai
      随着全球科技的迅猛发展，低空经济逐渐从一个概念走向了实际应用，成为新时代下的重要经济增长点。2024年被行业普遍称为“低空经济元年”，低空经济产业正在迎来前所未有的发展机遇。根据《低空经济产业发展白皮书》以及多个顶层政策的发布，低空经济已经正式被列入国家战略新兴产业，并且预计在未来五年将迎来万亿级市场的爆发式增长。那么，哪些领域将成为未来五年低空经济投资的热点呢？本文将从政策支持、产业链布局、资本
    • 学习笔记分享-进阶数据结构与算法-图-并查集-优化 -暮倦- #学习笔记分享-数据结构与算法学习笔记
      前言图片上面的personal表示只有图片上面的一行语句是解释图片内容的、local表示这个图片所在标题下的所有语句都是解释图片内容的、global表示有多个标题下的所有语句都是解释图片内容的我是一名大二的学生，学了差不多一年java技术栈了，想记录一下自己对知识点的心得，目前还是个小白，期望大佬们可以指出我笔记中的不足之处、对知识点的认知错误、笔记结构的混乱等这些图片内容都是在观看黑马课程时的视
    • 编程入门难？Python 十大核心知识点，手把手教你！ 编程咕咕gu- Python基础python开发语言Python教程网络爬虫
      如果你对编程感兴趣，但又不知道从哪里开始，那么Python会是你的好选择。它简单易学，是初学者学习编程的好帮手。这篇文章会用轻松的方式，带你了解Python的十个重要概念，一步步帮助你从零开始！1.Python文件与扩展名学习Python的第一步是创建一个Python文件。Python文件的名字后面都会加上.py作为扩展名。例如，你可以创建一个名为main.py的文件，这就是一个Python脚本。
    • 十、Spring Boot：Spring Security（用户认证与授权深度解析） 伯牙碎琴 #Spring框架springspringbootjava
      SpringSecurity：用户认证与授权深度解析在现代Web应用中，安全性是至关重要的。SpringSecurity作为Spring生态系统中的核心安全框架，提供了强大的用户认证和授权功能，能够有效保护应用免受各种安全威胁。本文将深入探讨SpringSecurity的用户认证和授权机制，包括其核心概念、实现方式以及在SpringBoot项目中的集成方法。一、SpringSecurity概述1.
    • unity使用input system实现相机屏幕手势丝滑拖拽 表面矿工 数码相机unityandroid
      inputaction设置操作对象设置camera具体操作类PlayerInputView类usingSystem.Collections;usingUnityEngine;usingUnityEngine.InputSystem;usingTouchPhase=UnityEngine.InputSystem.TouchPhase;publicclassFingerScale:MonoBehavi
    • nginx+keepalived实现高可用负载均衡 Spike() nginx负载均衡
      本文介绍了nginx反向代理多虚拟主机节点服务器配合keepalived实现高可用和负载均衡，keepalived除了能够管理LVS软件外，还可以作为其他服务的高可用解决方案软件。采用nginx+keepalived，它是一个高性能的服务器高可用或者热备解决方案，Keepalived主要来防止服务器单点故障的发生问题，可以通过其与Nginx的配合实现Web服务器端的高可用。使用keepalived
    • Windows和Linux下，通过C++实现获取蓝牙版本号 xingyun86 C++windowslinuxc++
      在C++中获取蓝牙版本号，不同的操作系统有不同的实现方式，下面分别介绍在Windows和Linux系统下的实现方法。Windows系统在Windows系统中，可以使用WindowsAPI来与蓝牙设备交互，获取蓝牙版本号。以下是一个示例代码：收起cpp#include#include#include#include#include#pragmacomment(lib,"Bthprops.lib")/
    • 揭秘宇宙奥秘：黑洞、星云与星际飞船！ 大脸猫的猫脸大 人工智能微信百度facebook新浪微博笔记经验分享
      银河，这个宇宙中璀璨的星系，如同一条巨大的河流，横跨了无尽的虚空。它由数以亿计的恒星组成，其中就包括我们的太阳。这些恒星在夜空中闪烁着，仿佛是大自然的杰作，让人不禁感叹宇宙的壮丽与神秘。星云，这些美丽的天体，是银河系中的一部分。它们是由尘埃和气体组成的巨大云团，有时呈现出五彩斑斓的色彩，令人叹为观止。在这些星云中，新的恒星正在诞生，而旧的恒星则在生命的最后阶段释放出耀眼的光芒。宇宙，这个广袤无垠的
    • 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
    • Rust 入门学习笔记（一） mask-li rust学习开发语言
      介绍Rust程序设计语言的本质实际在于赋能（empowerment）：无论你现在编写的是何种代码，Rust能让你在更为广泛的编程领域走得更远，写出自信。（这一点并不显而易见）举例来说，那些“系统层面”的工作涉及内存管理、数据表示和并发等底层细节。从传统角度来看，这是一个神秘的编程领域，只为浸润多年的极少数人所触及，也只有他们能避开那些臭名昭著的陷阱。即使谨慎的实践者，亦唯恐代码出现漏洞、崩溃或损坏
    • 材料仿真软件：VASP_（6）.VASP输入文件详解：KPOINTS kkchenjj 分子动力学仿真性能优化分子动力学仿真模拟模拟仿真
      VASP输入文件详解：KPOINTS在材料仿真软件中，KPOINTS文件是一个非常重要的输入文件，用于定义布里渊区的k点网格。k点的选择直接影响计算的精度和计算时间。在VASP中，KPOINTS文件的格式和内容决定了k点的分布和数量，从而影响电子结构计算的收敛性和准确性。k点的基本概念在固体物理学中，布里渊区是倒格子空间中的一个基本区域，用于描述晶体的电子状态。k点是布里渊区中的点，用于进行电子结
    • C++之vector和list辨析 C嘎嘎嵌入式开发 C++c++开发语言算法
      std::vector和std::list是C++标准库中两种常用的容器，它们都用于存储和管理元素集合，但在底层实现和性能特性上有显著的区别。1.底层实现std::vector:基于动态数组实现。元素在内存中是连续存储的。支持随机访问（通过下标访问元素）。当容量不足时，会重新分配更大的内存块，并将所有元素复制到新内存中。std::list:基于双向链表实现。元素在内存中是非连续存储的，每个元素包含
    • 如何高效利用C++的for循环 C嘎嘎嵌入式开发 c++前端服务器
      在C++的for循环中，for(初始化;条件;更新)的三个参数都是可选的，你可以不写其中的一个、两个，甚至全部三个参数。1.不写初始化如果循环变量已经在循环外部定义并初始化，可以省略for循环中的初始化部分。例子：inti=0;//初始化在外部完成for(;i=5){break;//手动退出循环}cout=5){break;//手动退出循环}cout<
    • Feign vs Ribbon：微服务调用背后的双雄对决，你站哪一边？ 码农技术栈 ribbon微服务springcloud架构springboot
      在微服务架构中，服务间的调用就像一场精密的“对话”。而SpringCloud家族中的Ribbon和Feign，正是这场对话的两位“翻译官”。它们看似都能实现服务调用，但背后的工作原理却截然不同。今天我们就用“说人话”的方式，揭开它们的秘密！一、角色定位：一个像“快递员”，一个像“智能管家”Ribbon：低调的负载均衡大师它像一位经验丰富的快递员，专注于如何高效分配任务（请求）。当你用RestTem
    • MATLAB基础应用精讲-【数模应用】主成分(pca)分析（附python代码实现） 林聪木 matlab人工智能大数据
      目录前言知识储备降维概述算法原理什么是PCAPCA降维过程PCA算法数学步骤选择主成分个数（即k的值）sklearn中参数的解释数学模型协方差协方差矩阵编辑编辑原理推导编辑编辑编辑编辑实际操作主成分分析的计算方法方法1.协方差+特征值分解方法2：奇异值分解对比不同方法计算效率物理意义算法步骤SPSSAU主成分(pca)分析说明1、信息浓缩2、权重计算3、综合得分【综合竞争力】疑难解惑成分得分后用于
    • 在nodejs中使用ElasticSearch（二）核心概念，应用 konglong127 nodejselasticsearch大数据搜索引擎
      核心概念1、索引（index）索引在Elasticsearch7之后，相当于关系型数据库中的表，之前相当于关系型数据库中的数据库。#创建索引PUT/my_index#获取指定索引GET/my_index#获取所有索引GET/_cat/indices?v#模糊匹配索引POST*index*/_search#删除索引DELETE/my_index#创建索引，同时指定索引结构#number_of_sha
    • Spring Boot 经典九设计模式全览 m0_74824552 面试学习路线阿里巴巴springboot设计模式java
      在SpringBoot中，设计模式的应用广泛且重要，它们有助于提高代码的可维护性、可扩展性和复用性。以下是SpringBoot中经典的9种设计模式及其代码案例：1.单例模式（SingletonPattern）在Spring中，bean默认就是单例模式。Spring通过单例注册表的方式来实现单例，即维护一个Map来存储单例类的实例。//单例模式示例publicclassSingletonServic
    • 模型优化之强化学习（RL）与监督微调（SFT）的区别和联系 搏博 深度学习人工智能机器学习架构transformer
      强化学习（RL）与监督微调（SFT）是机器学习中两种重要的模型优化方法，它们在目标、数据依赖、应用场景及实现方式上既有联系又有区别。想了解有关deepseek本地训练的内容可以看我的文章：本地基于GGUF部署的DeepSeek实现轻量级调优之一：提示工程（PromptEngineering）（完整详细教程）_deepseekgguf-CSDN博客本地基于GGUF部署的DeepSeek实现轻量级调优
    • MFC: DeviceIoControl 通过API访问设备驱动程序 kkkmmmjjjj MFC串口通信MFC串口通信
      转载：http://m.blog.csdn.net/article/details?id=21602051DeviceIoControl的其实和ReadFile和WriteFile是一样的,不过这个功能更强,一次交互能够输入数据,也可以输出数据.DeviceIoControl内部创建的IRP是IRP_MJ_DEVICE_CONTROL类型的IRP,然后操作系统会将这个IRP转发给驱动程序的分发函数
    • 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其他