吴声子夜歌
吴声子夜歌

Vue.js--组件高级用法--动态组件、异步组件

动态组件

Vue.js提供了一个特殊的元素< component >用来动态地挂载不同的组件，使用is特性来选择要挂载的组件。


<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">
    <script src="https://unpkg.com/vue/dist/vue.js">script>
    <title>动态组件title>
head>
<body>
    <div id="app">
        <component :is="currentView">component>
        <button @click="handleChangeView('A')">切换到Abutton>
        <button @click="handleChangeView('B')">切换到Bbutton>
        <button @click="handleChangeView('C')">切换到Cbutton>
    div>
    <script>
        var app = new Vue({
            el: '#app',
            components: {
                comA: {
                    template: '
组件A
'
                },
                comB: {
                    template: '
组件B
'
                },
                comC: {
                    template: '
组件C
'
                }
            },
            data: {
                currentView: 'comA'
            },
            methods: {
                handleChangeView: function (compnent) {
                    this.currentView = "com" + compnent;
                }
            }
        });
    script>
body>
html>

在这里插入图片描述动态地改变currentView的值就可以动态挂载组件了。也可以直接绑定在组件对象上。

<div id="app">
    <component :is="currentView">component>
div>
<script>
    var Home = {
        template: '
Welcome home!
'
    };
    var app = new Vue({
        el: '#app',
        data: {
            currentView: Home
        }
    });
script>

异步组件

当工程足够大，使用的组件足够多时，是时候考虑下性能问题了，因为一开始把所有的组件都加载是没有必要的一笔开销。好在Vue.js允许将组件定义为一个工厂函数，动态地解析组件。Vue.js只在组件需要渲染时触发工厂函数，并且把结果缓存起来，用于后面的再次渲染。


<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">
    <script src="https://unpkg.com/vue/dist/vue.js">script>
    <title>异步组件title>
head>
<body>
    <div id="app">
        <child-component>child-component>
    div>
    <script>
        Vue.component('child-component',function (resolve, reject) {
            window.setTimeout(function () {
                resolve({
                    template: '
我是异步渲染的
'
                });
            }, 2000);
        });

        var app = new Vue({
            el: '#app'
        });
    script>
body>
html>

工厂函数接收一个resolve回调，在收到从服务器下载的组件定义时调用。也可以调用reject(reason)指示加载失败。这里setTimeout只是为了演示异步，具体的下载逻辑可以自己决定，比如把组件配置写成一个对象配置，通过Ajax来请求，然后调用resolve传入配置选项。

你可能感兴趣的:(Vue.js)

  • _05JavaScript The_era_achievs_hero 学习前端js
    第五次网课1.JavaScript的书写位置内部JS//页面弹出警示框alert('你好,js~')外部JS（最多）内联（行内）(以后vue框架会用这种模式）点我月薪过万2.JavaScript的注释与结束符单行注释符号：//ctrl+/多行注释符号：/**/shift+alt+a结束符用；表示结束可写可不写，要么全都写，要么全不写vue.js不加分号3.JavaScript的输入输出语法输出中文
  • uniapp uni-icons组件自定义图标 xcLeigh uniapp技术点解析uni-app前端java
    文章目录1️⃣uni-icons组件1.1引用位置1.2FontEditor简介1.2FontEditor使用结束语优质源码分享uni-app是一个使用Vue.js(opensnewwindow)开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序、快应用等多个平台。1️⃣uni-icons组件1.1引用位置1.2FontEditor简介Fo
  • vue h函数 月下第一风流 vue.jsjavascript前端
    在Vue.js中，h函数是用于在渲染函数中创建虚拟DOM元素的主要工具。但是，除了h函数之外，还有其他一些辅助函数和工具可以用于渲染函数和组件开发。以下是一些常见的工具和函数：createApp:用于创建Vue应用程序的实例。在Vue3中，这是启动应用的主要方法。defineComponent:用于定义一个组件。在Vue3中，这是一种定义组件的选项式API的替代方法。resolveComponen
  • Vue3 中的 defineProps：优雅地实现子父组件传值 良月柒 vue.js前端javascript
    Vue.js一直以来都是前端开发者们钟爱的框架之一，而在最新的Vue3中，引入了一些新的特性和改进，其中之一就是defineProps。defineProps提供了一种更加明确和类型安全的方式来定义子组件的props，让子父组件之间的数据传递更加清晰和可维护。本文将介绍Vue3中defineProps的用法以及如何在子组件中使用它来接收父组件传递的props数据。什么是defineProps？de
  • 《vue.js前端框架技术》 韩靓. 前端框架vue.jsflutter
    一、引言在当今快速发展的互联网时代，前端开发技术不断推陈出新，众多框架和工具如雨后春笋般涌现，而Vue.js凭借其独特的优势，在前端开发领域中占据了重要的一席之地。它以简洁的语法、高效的性能和灵活的扩展性，为开发者提供了一种便捷且强大的方式来构建各类交互式的用户界面。无论是简单的企业展示网站、小型的移动应用，还是复杂的大型单页面应用（SPA），Vue.js都展现出了卓越的适应性和实用性，能够满足不
  • Vue 2 路由指南：从基础到高级 鸡吃丸子 vue.js前端javascript前端框架
    注意：对于代码看不清的部分，用鼠标选中就能看到了，背景颜色和字体颜色过于接近，我也不知道怎么调，只能这样子先看着了一、VueRouter是什么？VueRouter是Vue.js官方的路由管理器，它允许你在单页面应用中通过不同的URL显示不同的组件。VueRouter与Vue.js核心深度集成，提供了声明式的路由定义、嵌套路由、动态路由、导航守卫等功能，帮助开发者构建复杂的单页面应用。二、安装与配置
  • Flux架构：构建可预测的Web应用状态管理体系 阿珊和她的猫 架构前端
    前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》前些天发现了一个巨牛的人工智能学习网站，通俗易懂，风趣幽默，忍不住分享一下给大家。点击跳转到网站。文章
  • Vue.js 新手必看：5个趣味小案例快速理解数据绑定原理 云资社 VUEvue.js前端javascript
    Vue.js是一个渐进式JavaScript框架，用于构建用户界面。其核心特性之一是数据绑定，它允许开发者通过简单的声明式语法将数据与DOM元素绑定在一起。这种双向数据绑定机制使得数据更新和视图更新变得非常直观和高效。本文将通过5个趣味小案例，帮助Vue.js新手快速理解数据绑定的原理和实现方式。案例1：简单的文本绑定目标将输入框中的内容实时显示在页面上。实现代码Vue数据绑定-文本绑定输入框内容
  • 深入理解现代前端框架：Vue.js 的进阶探秘 lozhyf 工作面试学习前端框架vue.jsflutter
    在当今的web开发领域，前端框架如雨后春笋般涌现，而Vue.js凭借其简洁易用和强大的功能，成为了众多开发者的心头好。本文将带领大家深入探索Vue.js的一些进阶特性，帮助你将Vue应用开发提升到新的高度。一、Vue.js的响应式原理Vue.js最核心的特性之一就是其响应式系统。当数据发生变化时，Vue能够自动更新DOM，这一过程是如何实现的呢？Vue.js使用了Object.defineProp
  • Vue.js 配置 Babel、Webpack 和 ESLint 轻口味 VUE.JS入门与实践vue.jswebpack前端
    Vue.js配置Babel、Webpack和ESLint今天我们来聊聊如何配置Babel、Webpack和ESLint，这三个工具在现代前端开发中扮演着重要角色。它们分别负责代码转译、模块打包和代码质量检测，合理配置它们能大大提高项目的开发效率和质量。下面我将详细介绍它们的作用，并提供具体的配置示例。1.Babel配置Babel主要用于将现代JavaScript（ES6+）代码转译为兼容性更好的版
  • 探索时间的脉络：Vue.js下的Timeline组件——Timeline Vuejs 房耿园Hartley
    探索时间的脉络：Vue.js下的Timeline组件——TimelineVuejs项目地址:https://gitcode.com/gh_mirrors/ti/timeline-vuejs在数字时代，将信息以时间轴的形式展示变得日益重要，它帮助我们清晰地追踪事件的发展和变迁。今天，我们要推荐一个精巧且功能强大的Vue.js组件——TimelineVuejs。这款开源项目专为Vue爱好者设计，旨在优
  • vue框架生命周期详细解析 黑码小帅 自己总结vue.jsjavascript前端vuetypescript前端框架js
    Vue.js的生命周期钩子函数是理解Vue组件行为的关键。每个Vue实例在创建、更新和销毁过程中都会经历一系列的生命周期阶段，每个阶段都有对应的钩子函数，开发者可以在这些钩子函数中执行特定的操作。Vue生命周期概述Vue的生命周期可以分为以下几个主要阶段：创建阶段（Creation）挂载阶段（Mounting）更新阶段（Updating）销毁阶段（Destruction）每个阶段都有对应的钩子函数
  • React Hooks 与 Vue Composition API 的区别 阿珊和她的猫 react.jsvue.js前端
    前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录1.设计哲学ReactHooksVueCompositionAPI2.使用方式ReactHoo
  • Vue - 在纯 HTML 普通项目中实现组件化，让原生 html 项目支持引入 *.vue 组件 / 组件与组件间的互相引用等，完美解决了引入组件出现的跨域问题（保姆级详细教程，完整示例源码及插件） 王二红 +Vuehttp-vue-loadervueoader跨域html引入.vue组件跨域纯html项目如何vue组件化vue.jshtml
    前言网上的方法千篇一律，并且都有引入组件报错“跨域”问题，本文彻底解决并提供详细的示例源码（一键复制运行）。在纯html原始项目中没有“组件”概念（意味着重复的组件，每次都需要重新写），就算引入了Vue.js包也是功能有限，根本无法引入*.vue文件，更不可能实现组件化。有些朋友不想用脚手架（webpack）创建，还想要在纯html页面中获得“组件化”能力，如下图所示。也就是说，您可以在不依赖no
  • Vue.js前端开发实战学习笔记 cai-4 前端vue.js学习前端
    Vue.js前端开发实战学习笔记一、学习教材Vue.js3前端开发实战————————张益珲github仓库地址gitee仓库地址二、第一章从前端基础到Vue.js3三、第二章Vue模板应用四、第三章Vue组件的属性和方法五、第四章处理用户交互六、第五章组件基础七、第六章组件进阶八、第七章Vue响应式编程九、第八章动画十、第九章构建工具VueCLI的使用十一、第十章基于Vue3的UI组件库——El
  • Vue.js 响应式原理与数据绑定 前端_学习之路 Vue.jsvue.js前端javascript
    在Vue.js中，响应式系统是其核心特性之一，它使得数据的变化能够自动更新到DOM上，实现了数据和视图的双向绑定。下面详细介绍Vue.js响应式系统的原理以及它是如何实现数据绑定的。原理概述Vue.js的响应式系统主要基于JavaScript的Object.defineProperty()方法（Vue2.x）和ES6的Proxy对象（Vue3.x）来实现。其核心思想是通过拦截数据对象的属性访问和修
  • vue.js之diff算法 前端_学习之路 Vue.jsvue.js前端算法数据结构
    在Vue.js中，Diff算法是一个核心的概念，它在虚拟DOM（VirtualDOM）的更新过程中起着关键作用。下面详细介绍Vue.js中的Diff算法。什么是Diff算法Diff算法是一种用于比较两个树结构差异的算法。在Vue.js里，它用于比较新旧虚拟DOM树的差异，从而找出哪些节点需要更新，避免直接操作真实DOM带来的性能开销，因为直接操作真实DOM的代价相对较高。虚拟DOM虚拟DOM是真实
  • Vue.js中的虚拟DOM 如果决定要走又何必挽留 Vue前端vue
    出自深入浅出Vue.js在Vue.js中,我们使用模板来描述状态与DOM之间的映射关系,Vue.js通过编译模板转换成渲染函数(render)，执行渲染函数就可以得到一个虚拟节点树，使用这个虚拟节点树就可以渲染页面。模板---------------->渲染函数------------------>vnode-------------------->视图虚拟DOM的最终目标是将虚拟节点(vnode
  • vue.js之虚拟 DOM 前端_学习之路 Vue.jsvue.jsjavascript前端框架
    在Vue.js中，虚拟DOM（VirtualDOM）是一个核心概念，它在提升应用性能和开发效率方面发挥着关键作用。下面将从定义、工作原理、优势以及在Vue.js中的具体应用等方面详细介绍Vue.js虚拟DOM。定义虚拟DOM是一种轻量级的JavaScript对象，它是真实DOM的抽象表示。简单来说，虚拟DOM就是用JavaScript对象来模拟真实的DOM树结构，每个虚拟DOM节点对应一个真实的D
  • Vue.js 与低代码开发：如何实现快速应用构建 虚无火星车 vue.js低代码前端
    在当今数字化高速发展的时代，企业对应用开发的速度和效率有着迫切的需求。传统开发模式往往周期长、成本高，难以满足市场的快速变化。而低代码开发的兴起，为这一困境带来了转机。Vue.js作为一款流行的JavaScript前端框架，以其简洁高效、灵活易用的特点，与低代码开发相结合，更是为快速应用构建提供了强大的技术支撑。今天，我们就来探讨一下Vue.js与低代码开发如何携手实现快速应用构建，同时了解一下在
  • Vue.js框架深度解析：构建现代Web应用 Neovyij 前端vue.jsjavascript
    1.Vue.js概览1.1Vue.js的诞生和哲学Vue.js由尤雨溪创立，旨在创建一个简单而高效的前端库，使得前端开发更加轻松。尤雨溪在开发Vue.js时，将注意力集中在视图层，旨在帮助开发者通过简洁的API设计快速构建交互丰富的网页应用。代码示例：创建一个基本的Vue实例varapp=newVue({el:'#app',data:{message:'HelloVue!'}});这段代码简单地展
  • Vue.js组件开发：深入理解与代码实现 专业WP网站开发-Joyous 学习前端vuevue.js
    Vue.js是一个用于构建用户界面的渐进式JavaScript框架，具有简单易用、灵活性强的特点，是目前最流行的前端框架之一。Vue.js的核心概念之一就是组件化开发，通过组件开发，开发者可以更好地复用代码和管理复杂的UI结构。本篇文章将深入探讨Vue.js组件开发的概念、实践以及具体的代码实现，帮助读者掌握如何使用Vue.js进行高效的组件化开发。1.Vue.js组件基础1.1什么是组件组件（C
  • Vue.js 在低代码开发平台中的应用与优化 vue.js
    Vue.js在低代码开发平台中的应用与优化在数字化转型的进程中，低代码开发平台成为了企业快速构建应用的得力助手。而Vue.js作为一款广受欢迎的前端框架，在低代码开发平台中发挥着举足轻重的作用。它不仅提升了开发效率，还优化了应用的用户体验，今天我们就来深入探讨Vue.js在低代码开发平台中的应用与优化，同时为大家介绍在这方面表现卓越的JNPF快速开发平台。Vue.js在低代码开发平台中的核心应用高
  • 基于Django以及vue的电子商城系统设计与实现 放学-别走 djangovue.jspython毕设毕业设计后端零售
    基于Django以及vue的电子商城系统设计与实现引言随着电子商务的快速发展，越来越多的企业和个人选择搭建线上商城，以提供更加便捷的购物体验。本文基于Python开发了一套电子商城系统，后端采用Django框架，前端使用Vue.js，并使用MySQL数据库进行数据存储和管理。本文将详细介绍该系统的设计、实现及测试过程，以供开发者参考。1.电子商城系统概述1.1背景与意义电子商务已经成为现代商业的重
  • Prettier 如何处理代码格式化 阿珊和她的猫 状态模式
    前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录1.缩进和空格2.分号和引号3.换行和空行4.样式规则5.自定义规则6.总结Prettier是
  • ESLint 如何处理 ES6+ 语法 阿珊和她的猫 es6状态模式前端
    前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app》文章目录1.配置环境2.配置解析器选项3.使用插件4.配置规则5.总结ESLint是一个流行的Java
  • Vue3快速上手 ConstMAO 前端vue.jsjavascript前端
    Vue3快速上手1.Vue3简介2020年9月18日，Vue.js发布3.0版本，代号：OnePiece（海贼王）耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者github上的tags地址：https://github.com/vuejs/vue-next/releases/tag/v3.0.02.Vue3带来了什么1.性能的提升打包大小减少41%初次渲染快55%,更新
  • 【Vue.js 中父子组件通信的最佳实践】 程序员远仔 前端vue.jsjavascript前端框架前端html5css
    Vue.js中父子组件通信的最佳实践前言在Vue.js应用开发中，组件通信是构建复杂应用的基础。父子组件通信作为最常见的场景，其实现方式直接影响代码的可维护性和可扩展性。本文将深入探讨Vue.js中父子组件通信的最佳实践，涵盖从基础到高级的各种模式。关键词Vue.js、组件通信、Props、自定义事件、v-model、sync修饰符、作用域插槽、Provide/Inject、EventBus、Vu
  • 深入浅出Vue.js：从入门到实战开发指南 chenNorth。 前端vuevue.js前端javascript
    文章目录一、Vue.js简介1.1什么是Vue.js？1.2Vue生态体系1.3框架对比二、环境搭建与项目创建2.1安装方式2.2项目结构分析三、Vue核心语法3.1模板语法3.2生命周期钩子四、组件化开发4.1组件基础4.2组件通信五、Vue进阶特性5.1CompositionAPI5.2状态管理（Vuex）5.3路由管理（VueRouter）六、实战案例：TodoList应用6.1组件结构6.
  • Vite：下一代前端开发工具的崛起 布兰妮甜 Vite开发工具
    文章目录前言一、Vite简介二、Vite的核心特点三、安装Vite四、创建项目五、配置Vite六、开发模式下的热更新七、生产构建八、插件系统九、性能优化十、社区和支持结语前言在现代前端开发中，构建工具的选择直接影响到开发效率和项目维护的成本。传统的构建工具如Webpack虽然功能强大，但在项目启动和热更新方面的表现却常常不尽人意。为了应对这些问题，Vue.js作者尤雨溪推出了新一代前端构建工具Vi
  • C/C++Win32编程基础详解视频下载 择善Zach 编程C++Win32
    课题视频：C/C++Win32编程基础详解 视频知识：win32窗口的创建                   windows事件机制 主讲：择善Uncle老师 学习交流群：386620625 验证码：625 --
  • Guava Cache使用笔记 bylijinnan javaguavacache
    1.Guava Cache的get/getIfPresent方法当参数为null时会抛空指针异常 我刚开始使用时还以为Guava Cache跟HashMap一样，get(null)返回null。 实际上Guava整体设计思想就是拒绝null的，很多地方都会执行com.google.common.base.Preconditions.checkNotNull的检查。 2.Guava
  • 解决ora-01652无法通过128（在temp表空间中） 0624chenhong oracle
    解决ora-01652无法通过128（在temp表空间中）扩展temp段的过程 一个sql语句后，大约花了10分钟，好不容易有一个结果，但是报了一个ora-01652错误，查阅了oracle的错误代码说明：意思是指temp表空间无法自动扩展temp段。这种问题一般有两种原因：一是临时表空间空间太小，二是不能自动扩展。 分析过程：    既然是temp表空间有问题，那当
  • Struct在jsp标签 不懂事的小屁孩 struct
    非UI标签介绍： 控制类标签： 1：程序流程控制标签   if   elseif    else <s:if test="isUsed"> <span class="label label-success">True</span> </
  • 按对象属性排序 换个号韩国红果果 JavaScript对象排序
    利用JavaScript进行对象排序，根据用户的年龄排序展示 <script> var bob={ name;bob, age:30 } var peter={ name;peter, age:30 } var amy={ name;amy, age:24 } var mike={ name;mike, age:29 } var john={
  • 大数据分析让个性化的客户体验不再遥远 蓝儿唯美 数据分析
    顾客通过多种渠道制造大量数据，企业则热衷于利用这些信息来实现更为个性化的体验。 分析公司Gartner表示，高级分析会成为客户服务的关键，但是大数据分析的采用目前仅局限于不到一成的企业。 挑战在于企业还在努力适应结构化数据，疲于根据自身的客户关系管理（CRM）系统部署有效的分析框架，以及集成不同的内外部信息源。 然而，面对顾客通过数字技术参与而产生的快速变化的信息，企业需要及时作出反应。要想实
  • java笔记4 a-john java
    操作符 1，使用java操作符       操作符接受一个或多个参数，并生成一个新值。参数的形式与普通的方法调用不用，但是效果是相同的。加号和一元的正号（+）、减号和一元的负号（-）、乘号（*）、除号（/）以及赋值号（=）的用法与其他编程语言类似。       操作符作用于操作数，生成一个新值。另外，有些操作符可能会改变操作数自身的
  • 从裸机编程到嵌入式Linux编程思想的转变------分而治之：驱动和应用程序 aijuans 嵌入式学习
        笔者学习嵌入式Linux也有一段时间了，很奇怪的是很多书讲驱动编程方面的知识，也有很多书将ARM9方面的知识，但是从以前51形式的（对寄存器直接操作，初始化芯片的功能模块）编程方法，和思维模式，变换为基于Linux操作系统编程，讲这个思想转变的书几乎没有，让初学者走了很多弯路，撞了很多难墙。     笔者因此写上自己的学习心得，希望能给和我一样转变
  • 在springmvc中解决FastJson循环引用的问题 asialee 循环引用fastjson
              我们先来看一个例子：           package com.elong.bms; import java.io.OutputStream; import java.util.HashMap; import java.util.Map; import co
  • ArrayAdapter和SimpleAdapter技术总结 百合不是茶 androidSimpleAdapterArrayAdapter高级组件基础
    ArrayAdapter比较简单，但它只能用于显示文字。而SimpleAdapter则有很强的扩展性，可以自定义出各种效果   ArrayAdapter;的数据可以是数组或者是队列        // 获得下拉框对象 AutoCompleteTextView textview = (AutoCompleteTextView) this
  • 九封信 bijian1013 人生励志
            有时候，莫名的心情不好，不想和任何人说话，只想一个人静静的发呆。有时候，想一个人躲起来脆弱，不愿别人看到自己的伤口。有时候，走过熟悉的街角，看到熟悉的背影，突然想起一个人的脸。有时候，发现自己一夜之间就长大了。         2014，写给人
  • Linux下安装MySQL Web 管理工具phpMyAdmin sunjing PHPInstallphpMyAdmin
    PHP http://php.net/ phpMyAdmin http://www.phpmyadmin.net Error compiling PHP on CentOS x64   一、安装Apache 请参阅http://billben.iteye.com/admin/blogs/1985244   二、安装依赖包 sudo yum install gd
  • 分布式系统理论 bit1129 分布式
    FLP One famous theory in distributed computing, known as FLP after the authors Fischer, Lynch, and Patterson, proved that in a distributed system with asynchronous communication and process crashes,
  • ssh2整合(spring+struts2+hibernate)-附源码 白糖_ eclipsespringHibernatemysql项目管理
    最近抽空又整理了一套ssh2框架，主要使用的技术如下： spring做容器，管理了三层(dao,service,actioin)的对象 struts2实现与页面交互(MVC)，自己做了一个异常拦截器，能拦截Action层抛出的异常 hibernate与数据库交互 BoneCp数据库连接池，据说比其它数据库连接池快20倍，仅仅是据说 MySql数据库   项目用eclipse
  • treetable bug记录 braveCS table
    // 插入子节点删除再插入时不能正常显示。修改： //不知改后有没有错，先做个备忘 Tree.prototype.removeNode = function(node) { // Recursively remove all descendants of +node+ this.unloadBranch(node); // Remove
  • 编程之美-电话号码对应英语单词 bylijinnan java算法编程之美
    import java.util.Arrays; public class NumberToWord { /** * 编程之美 电话号码对应英语单词 * 题目： * 手机上的拨号盘，每个数字都对应一些字母，比如2对应ABC，3对应DEF.........，8对应TUV，9对应WXYZ， * 要求对一段数字，输出其代表的所有可能的字母组合
  • jquery ajax读书笔记 chengxuyuancsdn jQuery ajax
    1、jsp页面 <%@ page language="java" import="java.util.*" pageEncoding="GBK"%> <% String path = request.getContextPath(); String basePath = request.getScheme()
  • JWFD工作流拓扑结构解析伪码描述算法 comsci 数据结构算法工作活动J#
      对工作流拓扑结构解析感兴趣的朋友可以下载附件，或者下载JWFD的全部代码进行分析   /*  流程图拓扑结构解析伪码描述算法         public java.util.ArrayList DFS(String graphid, String stepid, int j)
  • oracle I/O 从属进程 daizj oracle
    I/O 从属进程 　　I/O从属进程用于为不支持异步I/O的系统或设备模拟异步I/O.例如，磁带设备(相当慢)就不支持异步I/O.通过使用I/O 从属进程，可以让磁带机模仿通常只为磁盘驱动器提供的功能。就好像支持真正的异步I/O 一样，写设备的进程(调用者)会收集大量数据，并交由写入器写出。数据成功地写出时，写入器(此时写入器是I/O 从属进程，而不是操作系统)会通知原来的调用者，调用者则会
  • 高级排序:希尔排序 dieslrae 希尔排序
    public void shellSort(int[] array){ int limit = 1; int temp; int index; while(limit <= array.length/3){ limit = limit * 3 + 1;
  • 初二下学期难记忆单词 dcj3sjt126com englishword
    kitchen 厨房 cupboard 厨柜 salt 盐 sugar 糖 oil 油 fork 叉；餐叉 spoon 匙；调羹 chopsticks 筷子 cabbage 卷心菜；洋白菜 soup 汤 Italian 意大利的   Indian 印度的 workplace  工作场所 even 甚至；更 Italy 意大利 laugh 笑 m
  • Go语言使用MySQL数据库进行增删改查 dcj3sjt126com mysql
    目前Internet上流行的网站构架方式是LAMP，其中的M即MySQL, 作为数据库，MySQL以免费、开源、使用方便为优势成为了很多Web开发的后端数据库存储引擎。MySQL驱动Go中支持MySQL的驱动目前比较多，有如下几种，有些是支持database/sql标准，而有些是采用了自己的实现接口,常用的有如下几种: http://code.google.c...o-mysql-dri
  • git命令 shuizhaosi888 git
    ---------------设置全局用户名： git config --global user.name "HanShuliang" //设置用户名 git config --global user.email "[email protected]" //设置邮箱 ---------------查看环境配置 git config --li
  • qemu-kvm 网络 nat模式 (四) haoningabc kvmqemu
    qemu-ifup-NAT #!/bin/bash BRIDGE=virbr0 NETWORK=192.168.122.0 GATEWAY=192.168.122.1 NETMASK=255.255.255.0 DHCPRANGE=192.168.122.2,192.168.122.254 TFTPROOT= BOOTP= function check_bridge()
  • 不要让未来的你，讨厌现在的自己 jingjing0907 生活 奋斗 工作 梦想
     故事one 　23岁，他大学毕业，放弃了父母安排的稳定工作，独闯京城，在家小公司混个小职位，工作还算顺手，月薪三千，混了混，混走了一年的光阴。　　　　24岁，有了女朋友，从二环12人的集体宿舍搬到香山民居，一间平房，二人世界，爱爱爱。偶然约三朋四友，打扑克搓麻将，日子快乐似神仙；　　　　25岁，出了几次差，调了两次岗，薪水涨了不过百，生猛狂飙的物价让现实血淋淋，无力为心爱银儿购件大牌
  • 枚举类型详解 一路欢笑一路走 enum枚举详解enumsetenumMap
    枚举类型详解 一.Enum详解      1.1枚举类型的介绍   JDK1.5加入了一个全新的类型的”类”—枚举类型，为此JDK1.5引入了一个新的关键字enum,我们可以这样定义一个枚举类型。      Demo:一个最简单的枚举类   public enum ColorType { RED
  • 第11章 动画效果（上） onestopweb 动画
    index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
  • Eclipse中jsp、js文件编辑时，卡死现象解决汇总 ljf_home eclipsejsp卡死js卡死
    使用Eclipse编辑jsp、js文件时，经常出现卡死现象，在网上百度了N次，经过N次优化调整后，卡死现象逐步好转，具体那个方法起到作用，不太好讲。将所有用过的方法罗列如下：   1、取消验证 windows–>perferences–>validation 把 除了manual 下面的全部点掉，build下只留 classpath dependency Valida
  • MySQL编程中的6个重要的实用技巧 tomcat_oracle mysql
    每一行命令都是用分号(;)作为结束 对于MySQL，第一件你必须牢记的是它的每一行命令都是用分号(;)作为结束的，但当一行MySQL被插入在PHP代码中时，最好把后面的分号省略掉，例如： mysql_query("INSERT INTO tablename(first_name,last_name)VALUES('$first_name',$last_name')");
  • zoj 3820 Building Fire Stations(二分+bfs) 阿尔萨斯 Build
    题目链接：zoj 3820 Building Fire Stations 题目大意：给定一棵树，选取两个建立加油站，问说所有点距离加油站距离的最大值的最小值是多少，并且任意输出一种建立加油站的方式。 解题思路：二分距离判断，判断函数的复杂度是o(n)，这样的复杂度应该是o(nlogn)，即使常数系数偏大，但是居然跑了4.5s，也是醉了。 判断函数里面做了3次bfs，但是每次bfs节点最多
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他