心。晴
心。晴

【Vue】路由Router嵌套的实现及经典案例

Vue 中路由在使用的时候 嵌套 使用是非常频繁的，所以本文我们就来通过案例介绍一下嵌套路由的使用。

Vue路由嵌套

先来准备一个普通的路由案例：


<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Documenttitle>
    <script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.12/vue.min.js">script>
    <script src="https://cdn.bootcdn.net/ajax/libs/vue-router/3.4.3/vue-router.min.js">script>
head>
<body>
    <div id="app">
        <router-link to="/login" >登录router-link>
        <router-link to="/register">注册router-link>
        <router-view>router-view>
    div>
    <script>
        // 创建两个子组件 模板对象
        var login = {
      
            template: "
登录模块
"
        }
        var register = {
      
            template: "
注册模块
"
        }
        // 创建路由对象
        var routerObj = new VueRouter({
      
            // 配置路由规则
            routes:[
                {
      path:"/",redirect:"/login"},
                {
      path: "/login" , component: login},
                {
      path: "/register" , component: register}
            ]
        })
        var vm = new Vue({
      
            el: "#app",
            data: {
      },
            methods: {
      },
            router:routerObj
        })
    script>
body>
html>

【Vue】路由Router嵌套的实现及经典案例_第1张图片

接下来我们看下 嵌套路由 的实现。

1、添加两个组件模板

var newc = {
     
    template:'
新用户登录
'
}
var oldc = {
     
    template:'
老用户登录
'
}

2、修改登录组件

我们在登录组件中再嵌套一个路由模块，因为内容比较多，所以我们把这个 template 提取出来。

【Vue】路由Router嵌套的实现及经典案例_第2张图片

3、路由 children 使用

接下来我们需要配置嵌套的路由，具体如下：

【Vue】路由Router嵌套的实现及经典案例_第3张图片
注意：通过 children 配置的 path 中的路由地址不能加 “/” 开头。

实现效果：
【Vue】路由Router嵌套的实现及经典案例_第4张图片

路由经典案例

学完了路由嵌套的基础知识，接下来我们通过Router来实现一个经典页面布局的案例，效果如下：

【Vue】路由Router嵌套的实现及经典案例_第5张图片

完整代码：


<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
    <script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.12/vue.min.js">script>
    <script src="https://cdn.bootcdn.net/ajax/libs/vue-router/3.4.3/vue-router.min.js">script>
    <style>
        *{
      
            margin: 0px;
            padding: 0px;
        } 
        .header{
      
            font-size: 40px;
            height: 70px;
            background-color: salmon;
        }
        .contain{
      
            height: 600px;
            display: flex;
        }
        .left{
      
            background-color: seagreen;
            flex: 1;
        }
        .right{
      
            background-color: pink;
            flex: 9;
        }
        .left > div{
      
            height: 50px;
            border-bottom:1px solid #fff;
            text-align: center;
            line-height: 50px;
            cursor: pointer;
            color:#fff;
        }
    style>
head>
<body>
    <div id="app">
        <div class="header">看点资讯div>
        <div class="contain">
            <div class="left">
                <div>
                    <router-link to='/user'>用户管理router-link>
                div>
                <div>
                    <router-link to='/article'>文章管理router-link>
                div>
            div>
            <div class="right">
                <router-view>router-view>
            div>
        div>
    div>
    <script>
        // 组件
        let user = {
      
            template:'
用户管理模块
'
        }
        let article = {
      
            template:'
文章管理模块
'
        }
        // router 路由对象
        let router = new VueRouter({
      
            routes:[
                {
      path:"/",redirect:"/login"},
                {
      path:'/user',component:user},
                {
      path:'/article',component:article}
            ]
        })
        new Vue({
      
            el:'#app',
            data: {
       } ,
            methods: {
       },
            router,//注册路由
        })
    script>
body>
html>

你可能感兴趣的:(vue)

  • vue从入门到精通(九)：监视属性 陈小于 vue从入门到精通vue.jsjavascript前端
    一,监视属性(watch)1.当被监视的属性变化时，回调函数自动调用，进行相关操作2.监视的属性必须存在，才能进行监视!!3.监视的两种写法:(1).newVue时传入watch配置(2).通过vm.$watch监视如下：准备好一个容器-->今天天气很{{info}}切换天气Vue.config.productionTip=false;constvm=newVue({el:'#root',data
  • vue高级面试题 阿芯爱编程 js技巧面试vue.jsjavascript前端
    以下是一些Vue高级面试题：一、Vue组件相关Vue组件通信有哪些方式？答案：Props和Events：父组件通过props向子组件传递数据，子组件通过$emit触发事件向父组件发送消息。Vuex（状态管理库）：适用于复杂应用中跨组件的状态共享。组件可以从store中获取状态（使用computed属性），也可以通过mutations或actions修改状态。Provide/Inject：这是一种在
  • Vue 实现省市区三级联动选择（附带JSON数据） 夜璨如炽 学习笔记脚本办公前端javascriptvue.jshtml
    功能需求：做一个省市区三级联动得选择控件，效果如图1.html部分代码请选择省{{index.label}}请选择市{{index.label}}请选择区、县{{index.label}}2.js部分varvm=newVue({el:'#rrapp',data:{address:{g_dict:'',f_dict:'',s_dict:'',s_province:'defualt',s_city:'
  • Vue 实现全球国家国旗的使用，附全球国家的JSON数据 Song_Estelle vue前端vue.jsjsonjavascript
    有时在前端展示中需要用到全球国家的国旗图标，我们可以用到flag-icon-css这个插件。1.安装flag-icon-cssnpminstallflag-icon-css2.在main.js中全局引用import'flag-icon-css/css/flag-icons.css'3.在界面中使用换不同的国旗，将flag-icon-后的国家代码换掉就行，国家代码对照表iso-3166-1全球国家名
  • vue中显示和隐藏如何做动画_Vue--过渡动画实现的三种方式 weixin_39638623 vue中显示和隐藏如何做动画
    1@charset"UTF-8";23/*!4*animate.css-http://daneden.me/animate5*Version-3.5.26*LicensedundertheMITlicense-http://opensource.org/licenses/MIT7*8*Copyright(c)2017DanielEden9*/1011.animated{12animation-du
  • vue基础七（Less） 今天晚上一定要早睡 vuevue.jscsscss3
    Less安装注释导入变量（Variables）混合（Mixins）嵌套（Nesting）运算转义（Escaping）函数（Functions）命名空间和访问符映射作用域sass,less和stylussass变量的表示变量的赋值缩进的问题if条件判断的问题都支持嵌套Less（LeanerStyleSheets的缩写）是一门向后兼容的CSS扩展语言。安装将less安装为开发依赖npmiless--s
  • springboot学生宿舍信息的系统（11574） codercode2022 springboot后端java开发语言springgulp前端框架
    有需要的同学，源代码和配套文档领取，加文章最下方的名片哦一、项目演示项目演示视频二、资料介绍完整源代码（前后端源代码+SQL脚本）配套文档（LW+PPT+开题报告）远程调试控屏包运行三、技术介绍Java语言SSM框架SpringBoot框架Vue框架JSP页面Mysql数据库IDEA/Eclipse开发四、项目截图有需要的同学，源代码和配套文档领取，加文章最下方的名片哦!
  • vue单词汇总 小六妹妹 vue.js前端javascript
    vueVue单词大全0~9vue:(view)视图，视觉;message:消息;item:项目;in:在...里面;在(某范围或空间内的)某一点;在(某物的形体或范围)中;在…内;在…中;进入;counter:计数器;柜台;对立面;el:(element)(计算计)挂载元素;Vue实例挂载的元素节点;data:数据;methods:方法,方法论;add:添加;reduce:减少;10~19func
  • 如何使用Vue3创建在线三维模型展示？ ScriptEcho 前端
    本文由ScriptEcho平台提供技术支持项目地址：传送门代码相关的技术博客代码应用场景介绍本段代码使用RoughJS库在HTML5Canvas上创建了手绘风格的图像，展示了RoughJS库的强大功能，可用于创建具有有机手绘外观的图形。代码基本功能介绍代码通过RoughJS库创建了一个火焰状的图形，包括：火焰主体：使用path()函数绘制，采用不规则的形状和粗糙的线条。火焰细节：添加了额外的pat
  • springboot029网上购物商城系统 Q_97095639 springboot毕业设计数据库毕业设计课程设计
    版权声明所有作品均为本人原创，提供参考学习使用，如需要源码+数据库+配套文档请移步www.taobysj.com搜索获取技术实现开发语言：Java+vue。框架：后端spingboot+前端vue。模式：B/S。数据库：mysql。开发工具：idea。论文字数：1万左右。数据库表个数：10个左右。运行环境：jdk+idea+mysql。版本不限制，包安装运行！项目优点：前后端分离，注释详细，代码简
  • 136道Vue面试八股文（答案、分析和深入提问）整理 守护海洋的猫 vue.js面试javascript前端ecmascript
    1.简述mixin、extends的覆盖逻辑回答在Vue中，mixins和extends是用来实现代码复用的两种方式，但它们在覆盖逻辑上有一些细微的区别。1.Mixin当你使用mixins的时候，可以将多个功能组合在一起。Mixins的内容会与组件中的数据、方法、生命周期钩子等进行合并。数据:Mixin中的数据会与组件中的数据合并。如果两个数据属性同名，则组件的数据属性会覆盖mixin中的属性。方
  • Vue 3 Composition API进阶指南 前端学步 Vue3技术分享专栏vue.jsjavascript前端
    在上一篇文章中，我们介绍了Vue3的CompositionAPI基础，包括如何使用setup函数、ref和reactive来创建响应式数据，以及使用watchEffect来监控数据变化。本文将继续深入探讨CompositionAPI的高级用法，帮助你更好地理解和利用Vue3的新特性。组合多个Hooks在实际开发中，我们经常需要组合使用多个自定义的Hooks来实现复杂的功能。Vue3的Composi
  • Vue3CompositionAPI jpruby vue
    Vue3CompositionAPI第一章最终效果演示1.下载依赖npminstall2.启动前端npmrundev3.启动数据json-server--watchdata/db.json--port=3003第二章创建项目1.vite创建项目npminitvite@latestvite-blog----templatevue2.App.vueApp.vue3.Home.vue1.测试setup的
  • Vue3的Composition API Sunshinedada vue.js前端javascript
    Vue3的CompositionAPI（Vue3与Vue2的区别）Vue3引入了CompositionAPI(组合式API)，这是一种新的编写组件逻辑的方式，旨在解决OptionsAPI在某些场景下的局限性。CompositionAPI提供了更灵活和强大的代码组织方式，特别适合处理复杂组件的逻辑复用和代码组织。CompositionAPI的核心概念1.setup函数：-setup是Composit
  • vue之弹框 ramsey17 vue.jsjavascript前端
    实现如下需求，点击新增或者行中的编辑按钮，弹出弹框编辑数据。列表中的操作栏：通过slot-scope="scope"来接收作用域插槽的数据（添加属性slot-scope，并且定义对象scope），scope.row拿到对应行的数据；弹框的“新增/修改角色”标题根据states的值来控制，编辑时，“人员名称”处于禁用状态；由于弹框的参数（只有id）满足不了（少于）请求接口的参数（id和name），通
  • vue select下拉框选项内容过长显示问题 ramsey17 vue.jsjavascriptelementui
    如下图的select下拉框的选项的内容过长时，页面显示不协调，通过如下方法把过长的内容用...代替；在任务名称-->在style中添加.el-select::v-deep.popper-class{width:200px;}#sx.el-row.el-select::v-deep.popper-class{width:200px;}
  • vue 解决image-conversion图片处理插件压缩后图片底色变黑问题 qq_48354174 vue.jsjavascript
    官方文档https://www.npmjs.com/package/image-conversion将el-upload封装为一个组件，并将图片上传到对象存储引用方式importSingleUploadfrom"@/components/upload/singleUpload"//isWatermark是否需要水印changeFile方法判断是否是透明图片，如果是透明图片将底部改为透明色impor
  • 封装websocket，兼容uniapp及普通vue3应用 一个水货程序员 websocketuni-app网络协议
    本文将实现websocket的封装,采用typescript+vue3实现，同时支持uniapp中使用。主要实现两个部分：websocket.core.ts，一个封装的websocket对象，用于处理websocket断线重连及生命周期钩子触发useWebsocket.ts，采用vuehook封装上述对象，将实例属性转换为响应式属性以供页面组件内使用websocket.core.tstypeTim
  • Vue rules动态控制是否校验 25G vue.js前端javascript
    可以使用变量来控制动态是否校验userEndTime:[{required:false,message:"请选择用户离职时间",trigger:"blur"},],且用这个来更新disabled2(newVal){this.$set(this.authUserRules.userEndTime[0],'required',newVal);},但是会有两个问题，一个是，当校验时，非空校验提示文字不收
  • vue3 naive ui+java下载文件 weixin_42485982 javavue
    java后端代码importorg.springframework.http.HttpHeaders;importorg.springframework.http.MediaType;importorg.springframework.http.ResponseEntity;importorg.springframework.web.bind.annotation.GetMapping;impor
  • Vue.js 组件开发：构建高效、可重用的用户界面 m1chiru vue.js
    Vue.js组件开发：构建高效、可重用的用户界面Vue.js是一个流行的JavaScript框架，它致力于通过简单的API和高度响应的设计，帮助开发者构建高效、动态的前端应用。在Vue.js中，组件是构建用户界面的核心单元。它们使得应用的结构更加模块化、可维护且易于重用。在这篇博客中，我们将深入探讨Vue.js组件的开发方法，包括组件的基本概念、创建、传递数据、事件处理以及组件之间的通信等关键内容
  • Vue.js 组件开发：构建可重用且高效的 UI 块 沉浮yu大海 vue.jsui前端
    在现代前端开发中，Vue.js凭借其简洁的语法、强大的数据绑定能力和灵活的组件系统，成为许多开发者的首选框架。组件化开发是Vue.js的核心特性之一，它允许我们将大型应用拆分成多个独立、可复用的部分，从而提高代码的可维护性和扩展性。本文将带你深入了解Vue.js组件开发的基本概念和最佳实践，帮助你构建高效且可重用的UI组件。一、Vue.js组件基础在Vue.js中，组件是可复用的Vue实例，它们封
  • 在vue3中配置scss 库库林_沙琪马 #Vue组件直接使用scssvue.js前端
    要在Vue3中使用SCSS（Sass的一个子集），你需要安装相应的依赖，并对项目进行一些配置。下面是详细的步骤：步骤1:安装依赖首先，你需要安装sass和vue-loader（如果你使用的是VueCLI）以及vite-plugin-vue2或vite-plugin-vue3（如果你使用的是Vite）。这里我们假设你使用的是Vite构建工具。打开终端并运行以下命令以安装所需的依赖包：npminsta
  • vue基础（十） Goodbaibaibai 面试vue.js
    在Vue中，vue-router是官方的路由管理插件，用于在单页面应用（SPA）中实现不同页面的切换。在此介绍Vue2和Vue3中路由的使用。1.安装vue-router如果是Vue2：npminstallvue-router@3如果是Vue3：npminstallvue-router@42.基本路由配置创建router/index.js作为路由配置文件。Vue2#路由文件importVuefro
  • Java 基于 SpringBoot+Vue 的动漫平台（附源码，文档） 程序员徐师兄 javaspringbootvue.js动漫平台动漫网站
    博主介绍：✌程序员徐师兄、8年大厂程序员经历。全网粉丝12w+、csdn博客专家、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业项目实战*✌文末获取源码联系精彩专栏推荐订阅不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全：1000个热门选题推荐✅Java项目精品实战案例《500套》Java微信小程序项目实战《200套》Python项目实战《200套
  • Java程序设计（五）：基于SpringBoot+Vue的苗族文化分享平台的设计与实现 人工智能_SYBH 2025年java程序设计javaspringbootvue.js
    1.引言随着互联网技术的发展，文化传承与传播方式发生了巨大的变革。传统文化的传承不再仅依赖于线下活动，而是越来越多地通过数字化平台进行传播。为了促进苗族文化的传承与推广，本文设计并实现了一个基于SpringBoot和Vue的苗族文化分享平台。该平台通过现代化的技术架构，提供了多种功能模块，包括公告管理、文化遗产管理、资源管理、活动管理、跨文化交流等，既为管理员提供便捷的管理工具，也为普通用户提供了
  • _05JavaScript The_era_achievs_hero 学习前端js
    第五次网课1.JavaScript的书写位置内部JS//页面弹出警示框alert('你好,js~')外部JS（最多）内联（行内）(以后vue框架会用这种模式）点我月薪过万2.JavaScript的注释与结束符单行注释符号：//ctrl+/多行注释符号：/**/shift+alt+a结束符用；表示结束可写可不写，要么全都写，要么全不写vue.js不加分号3.JavaScript的输入输出语法输出中文
  • v3-electron-vite项目快速入门指南 罗昭贝Lovely
    v3-electron-vite项目快速入门指南v3-electron-vite⭐Avue3electronadmintemplate,basedon'vite'项目地址:https://gitcode.com/gh_mirrors/v3e/v3-electron-vite本指南旨在帮助您了解并快速上手un-pany/v3-electron-vite这一基于Vue3与Vite的Electron管理
  • 关于前后端分离跨域问题——使用DeepSeek分析查错 潮落拾贝 解决跨域问题使用DeepSeek协助开发
    我前端使用antdesignvuepro框架，后端使用kratos框架开发。因为之前也解决过跨域问题，正常是在后端的http请求中加入中间件，设置跨域需要通过的字段即可，代码如下所示：funcNewHTTPServer(c*conf.Server,s*conf.Secret,rolesm*service.RolesManageService,tracertrace.TracerProvider,l
  • 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
  • java解析APK 3213213333332132 javaapklinux解析APK
    解析apk有两种方法 1、结合安卓提供apktool工具，用java执行cmd解析命令获取apk信息 2、利用相关jar包里的集成方法解析apk 这里只给出第二种方法，因为第一种方法在linux服务器下会出现不在控制范围之内的结果。 public class ApkUtil { /** * 日志对象 */ private static Logger
  • nginx自定义ip访问N种方法 ronin47 nginx 禁止ip访问
    　　　因业务需要，禁止一部分内网访问接口，　由于前端架了F5，直接用deny或allow是不行的，这是因为直接获取的前端Ｆ５的地址。 　　　所以开始思考有哪些主案可以实现这样的需求，目前可实施的是三种： 　　　一：把ip段放在redis里，写一段lua           二：利用geo传递变量，写一段
  • mysql timestamp类型字段的CURRENT_TIMESTAMP与ON UPDATE CURRENT_TIMESTAMP属性 dcj3sjt126com mysql
    timestamp有两个属性，分别是CURRENT_TIMESTAMP 和ON UPDATE CURRENT_TIMESTAMP两种，使用情况分别如下：   1.   CURRENT_TIMESTAMP    当要向数据库执行insert操作时，如果有个timestamp字段属性设为   CURRENT_TIMESTAMP，则无论这
  • struts2+spring+hibernate分页显示 171815164 Hibernate
    分页显示一直是web开发中一大烦琐的难题，传统的网页设计只在一个JSP或者ASP页面中书写所有关于数据库操作的代码，那样做分页可能简单一点，但当把网站分层开发后，分页就比较困难了，下面是我做Spring+Hibernate+Struts2项目时设计的分页代码，与大家分享交流。 　　1、DAO层接口的设计，在MemberDao接口中定义了如下两个方法： public in
  • 构建自己的Wrapper应用 g21121 rap
            我们已经了解Wrapper的目录结构，下面可是正式利用Wrapper来包装我们自己的应用，这里假设Wrapper的安装目录为:/usr/local/wrapper。           首先，创建项目应用   &nb
  • [简单]工作记录_多线程相关 53873039oycg 多线程
         最近遇到多线程的问题,原来使用异步请求多个接口(n*3次请求)     方案一 使用多线程一次返回数据,最开始是使用5个线程,一个线程顺序请求3个接口,超时终止返回     缺点       测试发现必须3个接
  • 调试jdk中的源码，查看jdk局部变量 程序员是怎么炼成的 jdk 源码
    转自：http://www.douban.com/note/211369821/    学习jdk源码时使用--   学习java最好的办法就是看jdk源代码，面对浩瀚的jdk（光源码就有40M多，比一个大型网站的源码都多）从何入手呢，要是能单步调试跟进到jdk源码里并且能查看其中的局部变量最好了。 可惜的是sun提供的jdk并不能查看运行中的局部变量
  • Oracle RAC Failover 详解 aijuans oracle
    Oracle RAC 同时具备HA(High Availiablity) 和LB(LoadBalance). 而其高可用性的基础就是Failover(故障转移). 它指集群中任何一个节点的故障都不会影响用户的使用，连接到故障节点的用户会被自动转移到健康节点，从用户感受而言， 是感觉不到这种切换。 Oracle 10g RAC 的Failover 可以分为3种： 1. Client-Si
  • form表单提交数据编码方式及tomcat的接受编码方式 antonyup_2006 JavaScripttomcat浏览器互联网servlet
    原帖地址：http://www.iteye.com/topic/266705 form有2中方法把数据提交给服务器，get和post,分别说下吧。 （一）get提交 1.首先说下客户端（浏览器）的form表单用get方法是如何将数据编码后提交给服务器端的吧。    对于get方法来说，都是把数据串联在请求的url后面作为参数，如：http://localhost:
  • JS初学者必知的基础 百合不是茶 js函数js入门基础
    JavaScript是网页的交互语言,实现网页的各种效果, JavaScript 是世界上最流行的脚本语言。 JavaScript 是属于 web 的语言，它适用于 PC、笔记本电脑、平板电脑和移动电话。 JavaScript 被设计为向 HTML 页面增加交互性。 许多 HTML 开发者都不是程序员，但是 JavaScript 却拥有非常简单的语法。几乎每个人都有能力将小的
  • iBatis的分页分析与详解 bijian1013 javaibatis
            分页是操作数据库型系统常遇到的问题。分页实现方法很多，但效率的差异就很大了。iBatis是通过什么方式来实现这个分页的了。查看它的实现部分，发现返回的PaginatedList实际上是个接口，实现这个接口的是PaginatedDataList类的对象，查看PaginatedDataList类发现，每次翻页的时候最
  • 精通Oracle10编程SQL(15)使用对象类型 bijian1013 oracle数据库plsql
    /* *使用对象类型 */ --建立和使用简单对象类型 --对象类型包括对象类型规范和对象类型体两部分。 --建立和使用不包含任何方法的对象类型 CREATE OR REPLACE TYPE person_typ1 as OBJECT( name varchar2(10),gender varchar2(4),birthdate date ); drop type p
  • 【Linux命令二】文本处理命令awk bit1129 linux命令
    awk是Linux用来进行文本处理的命令，在日常工作中，广泛应用于日志分析。awk是一门解释型编程语言，包含变量，数组，循环控制结构，条件控制结构等。它的语法采用类C语言的语法。   awk命令用来做什么？ 1.awk适用于具有一定结构的文本行，对其中的列进行提取信息 2.awk可以把当前正在处理的文本行提交给Linux的其它命令处理，然后把直接结构返回给awk 3.awk实际工
  • JAVA(ssh2框架)+Flex实现权限控制方案分析 白糖_ java
      目前项目使用的是Struts2+Hibernate+Spring的架构模式，目前已经有一套针对SSH2的权限系统，运行良好。但是项目有了新需求：在目前系统的基础上使用Flex逐步取代JSP，在取代JSP过程中可能存在Flex与JSP并存的情况，所以权限系统需要进行修改。 【SSH2权限系统的实现机制】 权限控制分为页面和后台两块：不同类型用户的帐号分配的访问权限是不同的，用户使
  • angular.forEach boyitech AngularJSAngularJS APIangular.forEach
    angular.forEach 描述: 循环对obj对象的每个元素调用iterator, obj对象可以是一个Object或一个Array. Iterator函数调用方法: iterator(value, key, obj), 其中obj是被迭代对象，key是obj的property key或者是数组的index，value就是相应的值啦. (此函数不能够迭代继承的属性.)
  • java-谷歌面试题-给定一个排序数组，如何构造一个二叉排序树 bylijinnan 二叉排序树
    import java.util.LinkedList; public class CreateBSTfromSortedArray { /** * 题目:给定一个排序数组，如何构造一个二叉排序树 * 递归 */ public static void main(String[] args) { int[] data = { 1, 2, 3, 4,
  • action执行2次 Chen.H JavaScriptjspXHTMLcssWebwork
    xwork 写道 <action name="userTypeAction" class="com.ekangcount.website.system.view.action.UserTypeAction"> <result name="ssss" type="dispatcher">
  • [时空与能量]逆转时空需要消耗大量能源 comsci 能源
            无论如何,人类始终都想摆脱时间和空间的限制....但是受到质量与能量关系的限制,我们人类在目前和今后很长一段时间内,都无法获得大量廉价的能源来进行时空跨越.....         在进行时空穿梭的实验中,消耗超大规模的能源是必然
  • oracle的正则表达式(regular expression)详细介绍 daizj oracle正则表达式
        正则表达式是很多编程语言中都有的。可惜oracle8i、oracle9i中一直迟迟不肯加入，好在oracle10g中终于增加了期盼已久的正则表达式功能。你可以在oracle10g中使用正则表达式肆意地匹配你想匹配的任何字符串了。 正则表达式中常用到的元数据(metacharacter)如下： ^ 匹配字符串的开头位置。 $ 匹配支付传的结尾位置。 *
  • 报表工具与报表性能的关系 datamachine 报表工具birt报表性能润乾报表
    在选择报表工具时，性能一直是用户关心的指标，但是，报表工具的性能和整个报表系统的性能有多大关系呢？ 要回答这个问题，首先要分析一下报表的处理过程包含哪些环节，哪些环节容易出现性能瓶颈，如何优化这些环节。   一、报表处理的一般过程分析 1、用户选择报表输入参数后，报表引擎会根据报表模板和输入参数来解析报表，并将数据计算和读取请求以SQL的方式发送给数据库。   2、
  • 初一上学期难记忆单词背诵第一课 dcj3sjt126com wordenglish
    what 什么  your 你 name 名字 my 我的 am 是 one 一 two 二 three 三 four 四 five 五 class 班级，课   six 六 seven 七 eight 八 nince 九 ten 十 zero 零 how 怎样 old 老的 eleven 十一 twelve 十二 thirteen
  • 我学过和准备学的各种技术 dcj3sjt126com 技术
    语言VB https://msdn.microsoft.com/zh-cn/library/2x7h1hfk.aspxJava http://docs.oracle.com/javase/8/C# https://msdn.microsoft.com/library/vstudioPHP http://php.net/manual/en/Html 
  • struts2中token防止重复提交表单 蕃薯耀 重复提交表单struts2中token
    struts2中token防止重复提交表单   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年7月12日 11:52:32 星期日 ht
  • 线性查找二维数组 hao3100590 二维数组
    1.算法描述 有序（行有序，列有序，且每行从左至右递增，列从上至下递增）二维数组查找，要求复杂度O(n)   2.使用到的相关知识： 结构体定义和使用，二维数组传递（http://blog.csdn.net/yzhhmhm/article/details/2045816）   3.使用数组名传递 这个的不便之处很明显，一旦确定就是不能设置列值 //使
  • spring security 3中推荐使用BCrypt算法加密密码 jackyrong Spring Security
    spring security 3中推荐使用BCrypt算法加密密码了，以前使用的是md5， Md5PasswordEncoder 和 ShaPasswordEncoder，现在不推荐了，推荐用bcrpt Bcrpt中的salt可以是随机的，比如： int i = 0; while (i < 10) { String password = "1234
  • 学习编程并不难,做到以下几点即可! lampcy javahtml编程语言
    不论你是想自己设计游戏，还是开发iPhone或安卓手机上的应用，还是仅仅为了娱乐，学习编程语言都是一条必经之路。编程语言种类繁多，用途各 异，然而一旦掌握其中之一，其他的也就迎刃而解。作为初学者，你可能要先从Java或HTML开始学，一旦掌握了一门编程语言，你就发挥无穷的想象，开发 各种神奇的软件啦。 1、确定目标 学习编程语言既充满乐趣，又充满挑战。有些花费多年时间学习一门编程语言的大学生到
  • 架构师之mysql----------------用group+inner join,left join ,right join 查重复数据（替代in) nannan408 right join
    1.前言。   如题。 2.代码 (1)单表查重复数据,根据a分组   SELECT m.a,m.b, INNER JOIN （select a,b,COUNT(*) AS rank FROM test.`A` A GROUP BY a HAVING rank>1 )k ON m.a=k.a （2）多表查询 ， 使用改为le
  • jQuery选择器小结 VS 节点查找（附css的一些东西） Everyday都不同 jquerycssname选择器追加元素查找节点
    最近做前端页面，频繁用到一些jQuery的选择器，所以特意来总结一下：   测试页面： <html> <head> <script src="jquery-1.7.2.min.js"></script> <script> /*$(function() { $(documen
  • 关于EXT tntxia ext
      ExtJS是一个很不错的Ajax框架，可以用来开发带有华丽外观的富客户端应用，使得我们的b/s应用更加具有活力及生命力。ExtJS是一个用 javascript编写，与后台技术无关的前端ajax框架。因此，可以把ExtJS用在.Net、Java、Php等各种开发语言开发的应用中。       ExtJs最开始基于YUI技术，由开发人员Jack
  • 一个MIT计算机博士对数学的思考 xjnine Math
     在过去的一年中，我一直在数学的海洋中游荡，research进展不多，对于数学世界的阅历算是有了一些长进。为什么要深入数学的世界？作为计算机的学生，我没有任何企图要成为一个数学家。我学习数学的目的，是要想爬上巨人的肩膀，希望站在更高的高度，能把我自己研究的东西看得更深广一些。说起来，我在刚来这个学校的时候，并没有预料到我将会有一个深入数学的旅程。我的导师最初希望我去做的题目，是对appe
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他