玉案轩窗
玉案轩窗

VueRouter之加载解析VueRouter文件

前言

vue-router是Vue项目中组件化的核心，负责路由跳转，本系列会分析路由跳转的具体实现逻辑，目标是梳理路由跳转的实现逻辑。分析的版本是VueRouter最新版本，是build之后的vue-router.js文件。

具体分析

从简单实例出发分析整个流程：
html文件


<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Documenttitle>
  <script src="https://unpkg.com/vue/dist/vue.js">script>
  <script src="./vue-router.js">script>
 head>
<body>
  <div id="app">
    <h1>Hello App!h1>
    <p>
      <router-link to="/foo">Go to Foorouter-link>
      <router-link to="/bar">Go to Barrouter-link>
    p>
    <router-view>router-view>
  div>
  <script>
    const Foo = { template: '
foo
' }
    const Bar = { template: '
bar
' }
    // 定义路由跳转关系
    const routes = [
      { path: '/foo', component: Foo },
      { path: '/bar', component: Bar }
    ]
    // 定义路由对象
    const router = new VueRouter({
      routes
    })
    // 将router注册到Vue中
    const app = new Vue({
      router
    }).$mount('#app')
  script>
body>
html>

效果：
VueRouter之加载解析VueRouter文件_第1张图片

通过script标签来加载解析vue-router文件，解析执行vue-router发生了什么呢？这是接下来需要分析的。

VueRouter解析过程

vue-router文件在加载解析过程中处理逻辑如下：
VueRouter之加载解析VueRouter文件_第2张图片

实际vue-router文件解析的过程做的主要事情有四点：

  • 定义router-view组件
  • 定义router-link组件
  • 创建初始路由Route对象
  • 满足浏览器环境以及Vue存在，就执行Vue.use(VueRouter)
  • 暴露VueRouter

Vue插件的使用方式就是Vue.use(插件)，此时会调用插件中的install方法

所以Vue.use(VueRouter)实际上是调用VueRouter中的install方法，通过源码可知：

VueRouter.install = install;

接下来就具体分析install函数的逻辑。

install

install是创建的初始化过程，它的具体处理逻辑如下：
VueRouter之加载解析VueRouter文件_第3张图片

install函数中逻辑主要点有如下几点：

  • 保证初始化的唯一性
  • 混入beforeCreate和destroyed生命周期函数
  • 定义并监听 router、 r o u t e r 、 route属性
  • 在Vue.config.optionMergeStrategies上自定义beforeRouteEnter、beforeRouteLeave、beforeRouteUpdate混入，使用created的混入策略

实际上最主要是第二条，在beforeCreate生命周期函数中的处理逻辑：

if (isDef(this.$options.router)) {
  this._routerRoot = this;
  this._router = this.$options.router;
  this._router.init(this);
  Vue.util.defineReactive(this, '_route', this._router.history.current);
} else {
   this._routerRoot = (this.$parent && this.$parent._routerRoot) || this;
}
registerInstance(this, this);
  • 首先判断new Vue()实例中是否存在router属性, 在解析的时候还没有new Vue()所以此处为false
  • 存在就：
    • 设置router根实例是当前实例
    • 设置_router属性值为VueRouter实例对象
    • 调用实例对象的init()，进行初始化
    • 使用Vue.util中的defineReactive定义this对象的响应属性_route为当前路由模块
  • 不存在：就判断是否存在父组件，存在就将父组件中的_routeRoot赋值为当前实例的_routerRoot
  • 注册实例

总结

在vue-router初始化的过程中可以看到，实现上主要的工作就几点：

  • 全局注册router-view、router-link组件

  • 使用Vue.mixin往所有组件中混入beforeCreate、destroyed生命周期函数

  • beforeRouteLeave、beforeRouteEnter、beforeRouteUpdate自定义混合到组件中，混合策略与created相同

  • 暴露VueRouter构造函数

下一篇文章主要分析new VueRouter的过程。

你可能感兴趣的:(Vue相关)

  • vue相关爬坑总结 溜达哥 vuejs大前端vue.js前端javascript
    目录：一、Webpack二、Webpack5移除Node.js核心模块Polyfill三、Vue3中$listeners被移除四、Vue中使用JSON.stringify判断对象变化的局限性五、Vue3+Vite打包后路径引用错误六、Vue3中toRaw方法影响响应性七、Vue3响应式数据在v-for中无法更新一、Webpack设置反向代理（proxy）在vue.config.js中配置devSe
  • 前端基础之《Vue（12）—插件封装》 csj50 前端基础前端vue
    一、插件封装1、在Vue生态中，除了Vue本身，其它所有的与Vue相关的第三方包，都是插件例子：importVueRouterform'vue-router'Vue.use(VueRouter)//注册插件2、如何封装Vue插件（1）第一种写法constPlugin={install(Vue){//dosomething}}（2）第二种写法constPlugin=function(Vue){}3、
  • 2022年重学Flex布局 全栈中年大叔 front-endFlex布局前端开发响应式布局CSS属性网页布局
    一、引言上周面试了一名从某某培训机构毕业出来的小伙伴，应聘前端工程师的职位，简历上写着精通html5+css3，可手写轮播图、导航栏等等。第一印象还不错，面试过程中就问了几个简单的技术知识，一个是如何让文字垂直居中？一个是写一个类似知乎头部的布局样式？就是想考验下小伙伴对flex弹性布局相关的基础知识，面试结果不是很满意（还问了一些关于简历中提到的js,vue相关的基础知识）。回想自己刚入门div
  • 遇到vue 前端npm i 报错多个版本不一致 可以强行解决 小大周 前端vue.jsnpm
    1、在执行npminstall命令时，可以尝试添加--force或--legacy-peer-deps选项，强制接受不一致的依赖解析。例如：npminstall--force//或者npminstall--legacy-peer-deps2、手动调整依赖版本：手动修改package.json文件中与Vue相关的依赖版本，将其调整为满足3、更新依赖包：尝试更新依赖包的版本到一个与当前项目中其他相关包
  • 【前端面试题】对vue虚拟dom的理解 十八朵郁金香 Vue前端javascriptvue.js
    前言近期在准备前端面试的内容，收集和整理一些vue相关知识点，和大家一起学习。关注我，及时了解最新消息~对vue虚拟dom的理解什么是虚拟dom？虚拟dom本质上就是一个普通的JS对象，用于描述视图的界面结构在vue中，每个组件都有一个render函数，每个render函数都会返回一个虚拟dom树，这也就意味着每个组件都对应一棵虚拟DOM树为什么需要虚拟dom？在vue中，渲染视图会调用rende
  • Vue相关面试题 努力的搬砖人. vue.js
    以下是150道Vue相关面试题及详细答案：Vue基础1.Vue.js是什么？Vue.js是一个用于构建用户界面的渐进式JavaScript框架，专注于视图层，允许开发者以声明式的方式构建用户界面，具有轻量、高效、易上手等特点。2.Vue实例的作用是什么？Vue实例是应用程序的核心，它管理数据、方法、生命周期钩子等，通过数据双向绑定将数据与视图层连接起来，实现数据驱动视图。3.如何创建一个Vue实例
  • github如何为开源项目作出贡献 PXM的算法星球 github开源
    就在昨天，笔者取得了第一次开源项目贡献，虽然更新的内容很小，但是也算是迈出了第一步1.选择合适的开源项目（1）兴趣优先选择自己感兴趣的项目会更有动力参与，比如你喜欢前端开发，可以关注React、Vue相关的开源项目；如果喜欢后端，可以尝试贡献Django、SpringBoot等项目。（2）关注活跃度一个活跃的开源项目通常意味着更快的反馈和更友好的开发者社区。你可以通过以下方式判断：Issue更新频
  • 「手把手教学」Monorepo项目搭建与管理——实战案例 lifire_H Monorepo实战前端
    Monorepo项目搭建与管理文章目录Monorepo项目搭建与管理@[TOC]实战案例第一部分：Vue组件库搭建1.1创建Vue组件库子包1.2安装Vue相关依赖1.3创建组件示例1.4配置Vite构建实战案例第二部分：创建NestJS后端服务2.1创建NestJS子包2.2安装NestJS核心依赖2.3生成NestJS项目骨架2.4基础服务代码示例2.5配置跨域支持（为前端联调准备）实战案例第
  • VSCode 配置优化指南：打造高效的 uni-app、Vue2/3、JS/TS 开发环境 奶凶的小熊崽 vscodevscodeuni-appjavascripttypescriptvue
    VSCode配置优化指南，适用于uni-app、Vue2、Vue3、JavaScript、TypeScript开发，包括插件推荐、设置优化、代码片段、调试配置等，确保你的开发体验更加流畅高效。1.安装VSCode如果你还未安装VSCode，可前往VSCode官网下载最新版并安装。2.安装推荐插件(1)Vue相关插件✅VueLanguageFeatures(Volar)（Vue3推荐）✅Vetur（
  • 在VSCode中遇到Vetur插件与其他插件冲突时， 安琪CiCi 网络协议
    1.检查冲突插件-常见冲突场景：-Vetur与VueLanguageFeatures(Volar)：两者功能重叠，建议禁用Vetur，改用官方推荐的Volar。-格式化工具冲突（如Prettier、ESLint）：多个格式化插件可能导致代码保存时行为异常。-操作步骤：1.打开VSCode扩展面板（Ctrl+Shift+X）。2.搜索已安装的插件，尝试禁用可疑插件（如Volar或其他Vue相关插件）
  • 前端框架Vue内容回顾 GISer_Jinger JavascriptVue前端框架vue.js前端
    前端面试Vue必备内容详解如果你正在准备Vue相关的前端面试，这份详细指南将帮助你掌握Vue核心知识，助你高效备战面试。1.Vue基础知识1.1Vue的核心概念声明式渲染：Vue采用数据驱动视图的方式，通过{{}}语法或v-bind绑定数据，无需手动操作DOM。组件化开发：Vue提供了单文件组件（SFC），支持HTML、CSS、JS组合在.vue文件中，提高代码复用性和可维护性。数据驱动：Vue采
  • 前端面试题 木輮 javascriptjavascript前端vue.js
    文章目录一、闭包（完）二、原型链（完）三、防抖和节流（完）四、Vue相关1、MVC和MVVM的区别2、v-model原理3、vue中的data为什么是一个函数？（面试常问）4、v-if和v-show的区别5、v-for中为什么要有key6、dist目录打包后过大，解决办法？7、watch和computed的区别8、子组件给父组件传递数据9、全局事件总线：可以实现任意组件间的数据传递10、Vue生命
  • vue3结合element-plus之如何优雅的使用表单组件 小白小白从不日白 Vue3vue.jsjavascript前端
    背景在日常开发中，我们会经常使用element-ui或者是antdesign或者是element-plus等组件库实现搜索功能这里就需要用到相关表单组件下面就以element-plus为例，我们实现一个搜索功能的组件，并且随着屏幕尺寸的变化，其布局也会跟随变化最终大致效果如下：这里就没有对布局进行过多的美化，旨在实现其功能前置知识储备对vue相关知识熟悉熟练使用element-plus对v-bin
  • Vue（1） 3283478051Sun vue.js前端javascript
    一.初识Vue1.Vue是什么1.1概念：Vue是一个用于构建用户界面的渐进式框架构建用户界面：基于数据渲染出用户看到的页面渐进式：Vue相关的生态语法：**Vuejs：声明式渲染，组件系统；**客户端路由（VueRouter），大规模状态管理（Vuex），构建工具（Webpack/Vite）框架：一套完整的项目解决方案，大大提高开发效率（70%）1.2Vue的两种使用方法①Vue核心包开发，场景
  • 【vite】vite配置文件 vite.config.js 小羊不乖 前端前端框架node.js前端javascriptvue.jsvue
    文章目录声明环境变量配置文件`.env.dev`开发环境`.env.prod`生产环境在配置中使用环境变量Vite中的plugin配置@vitejs/plugin-vue：默认插件@vitejs/plugin-legacy：兼容旧版浏览器unplugin-auto-import/vite：自动导入Vue和Vue相关库的APIunplugin-vue-components/vite：自动注册Vue组
  • 所有vue相关问题 为_简而来
    http://blog.csdn.net/lhb_11/article/details/71478478
  • Vue前端】vue使用笔记0基础到高手第2篇：Vue进阶知识点介绍（附代码，已分享） vim前端
    本系列文章md笔记（已分享）主要讨论vue相关知识。Vue.js是前端三大新框架：Angular.js、React.js、Vue.js之一，Vue.js目前的使用和关注程度在三大框架中稍微胜出，并且它的热度还在递增。Vue.js是一个轻巧、高性能、可组件化的MVVM库，同时拥有非常容易上手的API。Vue.js是一个构建数据驱动的web界面的渐进式框架，Vue.js的目标是通过尽可能简单的API实
  • SpringBoot+MyBatisPlus+thymeleaf增删改查 dxjzs mybatisvue.jsmysql
    SpringBoot+MyBatisPlus+thymeleaf增删改查一、基本介绍建议在写之前会熟练使用vue脚手架，以及掌握vue相关知识本文章会教你构建一个springboot+mybatisplus+thymeleaf+mysql的增删改查二、数据层1.导入SQL数据库名称edocmanagement/*NavicatPremiumDataTransferSourceServer:loca
  • 【vue】笔记三：Vue基础语法以及数据绑定 网络真危险！！ #vue技术栈vue.jsjavascriptecmascript
    Vue相关的所有语法及其数据绑定一、语法指令1.插值2.v-bind指令3.v-model指令4.计算属性5.监听器6.响应式数据7.生命周期钩子函数8.指令二、数据绑定1.单向数据绑定：2.双向数据绑定：一、语法指令1.插值Vue中最常用的语法之一就是插值（interpolation），可用于显示文本、HTML等。在Vue中，插值的语法是使用双大括号和v-bind指令进行插值。插值语法：{{me
  • 静态HTML引入vue封装组件 pmsyn htmlvue.js前端组件component模板
    在对历史原生html代码使用vue重构项目时，可以利用vue相关组件进行项目优化、实现统一管理，本文结束html+vue的构建方式，欢迎大家阅读交流。1、下载vue.js可自行到官网下载所需版本或者使用cdn资源2、封装通用组件2.1封装通用实例化main.jsimport{createApp}from'/vue.esm-browser.js'importcommonHeadfrom'/commo
  • Vue面试真题1 -- 生命周期函数、组件封装、axios 前端小白进阶之旅 #vue面试真题vue学习记录vue.js面试前端javascript开发语言
    Vue面试真题1--生命周期函数、组件、axiosVue面试真题1--生命周期函数、组件封装、axios1-vue介绍1-1关于vue1-2如何使用vue去构建项目2-vue生命周期函数详解3-vue组件封装4-axiosVue面试真题1–生命周期函数、组件封装、axios本文重点跟大家介绍前端面试中经常遇到的一些与Vue相关的第1个重点内容，主要包括vue生命周期函数详解、vue组件封装、axi
  • Vue相关 kevin_3
    Vue.js源码的入口主要做了些什么处理？Vue.js中的数据劫持是怎么实现的？浏览器兼容性呢？Vue.js中的依赖收集是怎么处理的？和闭包有什么关联吗？Vue.js中的模板解析需要经历哪几个阶段？Vue.js中的虚拟节点优势是什么？Vue.js中的DIFF算法是怎么处理的？Vue.js中DIFF算法的时间复杂度是多少？为什么？Vue.js中computed/watch实现的原理是什么？Vue.j
  • vscode配置vue的自动格式化 柳正来
    整理自我的这个issuectrl+shift+p>ConfigureLanguageSpecificSettings>Vue>编辑文件.下面是我目前的配置,添加与vue相关的那些行即可.{"window.zoomLevel":2,"explorer.confirmDelete":false,"[vue]":{"editor.formatOnSave":true,},"files.associati
  • VUE项目学习——入门篇 weixin_34124939 javascriptuiwebpackViewUI
    准备首先删除vuedemohellovue相关代码和文件components下的helloworld.vueapp.vue中的img标签router中的helloworld声明和引用引入一个简单的样式组件库npmielement-ui-S方便书写几个简单组件举例学习目录初始化在src目录下新建views文件夹在assess目录下新建js、css、font、img四个文件夹在css目录下新建comm
  • 深入理解vue相关的底层原理 前端fighter vue.js前端javascript
    keep-alive组件的作用及原理keep-alive是Vue提供的一个内置组件，在组件切换过程中将状态保留在内存中，防止重复渲染DOM。如果为一个组件包裹了keep-alive，那么它会多出两个生命周期：deactivated、activated。同时，beforeDestroy和destroyed就不会再被触发了，因为组件不会被真正销毁：组件被换掉时，会被缓存到内存中，触发deactivat
  • Vue2组件通信 ym-13140912 Vue前端vue.js前端框架
    前言最近复习了vue相关知识点，今天分享下组件通信。组件在嵌套的过程中，经常会遇到互相传递数据的情况。我们可以把组件之间的数据传递分为三种情况：父级向子级传递数据子级向父级传递数据非父子级传递数据1.父传子（props属性）props可以是数组或对象，用于接收来自父组件的数据。props可以是简单的数组，或者使用对象作为替代，对象允许配置高级选项，如类型检测、自定义验证和设置默认值。props基于
  • VUE知识点汇总： 释怀_3de6
    已安装好node.js16.14.2一、项目脚手架第一步：npminstall-g@vue/cli或yarnadd-g@vue/cli第二步：vuecreate项目名字（尽量用英文）第三步：运行项目npmrunserve安装新的软件包，使用npmi依赖包的名字或yarnadd依赖包的名字二、vue相关概念：vue3渐进式javaScricpt框架特点：组件化、虚拟dom、diff算法vue文件以v
  • Js面试之作用域与闭包 迷糊的小小淘 前端面试javascript面试开发语言
    Js面试之作用域与闭包作用域词法作用域动态作用域闭包闭包使用场景封装私有变量模块化开发保持变量状态异步操作注意事项最近在整理一些前端面试中经常被问到的问题，分为vue相关、react相关、js相关、react相关等等专题，可持续关注后续内容，会不断进行整理~作用域作用域（scope）定义了程序中变量的可访问性和生命周期，在js中，作用域有两种主要的类型：词法作用域（LexicalScope）和动态
  • Js面试之防抖与节流 迷糊的小小淘 前端面试javascript开发语言ecmascript
    Js面试之防抖与节流防抖节流二者区别触发方式不同执行时间点不同适用场景不同最近在整理一些前端面试中经常被问到的问题，分为vue相关、react相关、js相关、react相关等等专题，可持续关注后续内容，会不断进行整理~防抖（Debounce）和节流（Throttle）是两种常见的JavaScript性能优化技巧，主要用于限制某个函数的执行频率，以避免过度频繁地触发。防抖防抖的基本思想是将多个连续的
  • vue相关的面试题应该怎么答 bb_xiaxia1998 前端框架vue.js
    Vue中如何扩展一个组件此题属于实践题，考察大家对vue常用api使用熟练度，答题时不仅要列出这些解决方案，同时最好说出他们异同答题思路：按照逻辑扩展和内容扩展来列举逻辑扩展有：mixins、extends、compositionapi内容扩展有slots；分别说出他们使用方法、场景差异和问题。作为扩展，还可以说说vue3中新引入的compositionapi带来的变化回答范例：常见的组件扩展方法
  • jvm调优总结（从基本概念 到 深度优化） oloz javajvmjdk虚拟机应用服务器
    JVM参数详解：http://www.cnblogs.com/redcreen/archive/2011/05/04/2037057.html   Java虚拟机中，数据类型可以分为两类：基本类型和引用类型。基本类型的变量保存原始值，即：他代表的值就是数值本身；而引用类型的变量保存引用值。“引用值”代表了某个对象的引用，而不是对象本身，对象本身存放在这个引用值所表示的地址的位置。
  • 【Scala十六】Scala核心十：柯里化函数 bit1129 scala
    本篇文章重点说明什么是函数柯里化，这个语法现象的背后动机是什么，有什么样的应用场景，以及与部分应用函数(Partial Applied Function)之间的联系   1. 什么是柯里化函数 A way to write functions with multiple parameter lists. For instance def f(x: Int)(y: Int) is a
  • HashMap dalan_123 java
    HashMap在java中对很多人来说都是熟的；基于hash表的map接口的非同步实现。允许使用null和null键；同时不能保证元素的顺序；也就是从来都不保证其中的元素的顺序恒久不变。 1、数据结构     在java中，最基本的数据结构无外乎：数组 和 引用（指针），所有的数据结构都可以用这两个来构造，HashMap也不例外，归根到底HashMap就是一个链表散列的数据
  • Java Swing如何实时刷新JTextArea，以显示刚才加append的内容 周凡杨 java更新swingJTextArea
    在代码中执行完textArea.append("message")后，如果你想让这个更新立刻显示在界面上而不是等swing的主线程返回后刷新，我们一般会在该语句后调用textArea.invalidate()和textArea.repaint()。 问题是这个方法并不能有任何效果，textArea的内容没有任何变化，这或许是swing的一个bug，有一个笨拙的办法可以实现
  • servlet或struts的Action处理ajax请求 g21121 servlet
    其实处理ajax的请求非常简单，直接看代码就行了： //如果用的是struts //HttpServletResponse response = ServletActionContext.getResponse(); // 设置输出为文字流 response.setContentType("text/plain"); // 设置字符集 res
  • FineReport的公式编辑框的语法简介 老A不折腾 finereport公式总结
    FINEREPORT用到公式的地方非常多，单元格（以=开头的便被解析为公式），条件显示，数据字典，报表填报属性值定义，图表标题，轴定义，页眉页脚，甚至单元格的其他属性中的鼠标悬浮提示内容都可以写公式。 简单的说下自己感觉的公式要注意的几个地方：   1.if语句语法刚接触感觉比较奇怪，if(条件式子,值1,值2)，if可以嵌套，if(条件式子1，值1，if(条件式子2，值2，值3)
  • linux mysql 数据库乱码的解决办法 墙头上一根草 linuxmysql数据库乱码
    linux 上mysql数据库区分大小写的配置 lower_case_table_names=1 1-不区分大小写 0-区分大小写   修改/etc/my.cnf 具体的修改内容如下:   [client] default-character-set=utf8   [mysqld] datadir=/var/lib/mysql socket=/va
  • 我的spring学习笔记6-ApplicationContext实例化的参数兼容思想 aijuans Spring 3
    ApplicationContext能读取多个Bean定义文件，方法是： ApplicationContext appContext = new ClassPathXmlApplicationContext（ new String[]｛“bean-config1.xml”，“bean-config2.xml”，“bean-config3.xml”，“bean-config4.xml
  • mysql 基准测试之sysbench annan211 基准测试mysql基准测试MySQL测试sysbench
    1 执行如下命令，安装sysbench-0.5： tar xzvf sysbench-0.5.tar.gz  cd sysbench-0.5  chmod +x autogen.sh  ./autogen.sh  ./configure --with-mysql --with-mysql-includes=/usr/local/mysql
  • sql的复杂查询使用案列与技巧 百合不是茶 oraclesql函数数据分页合并查询
      本片博客使用的数据库表是oracle中的scott用户表;          -------------------  自然连接查询           查询 smith 的上司(两种方法) &
  • 深入学习Thread类 bijian1013 javathread多线程java多线程
    一．             线程的名字 下面来看一下Thread类的name属性，它的类型是String。它其实就是线程的名字。在Thread类中，有String getName()和void setName(String)两个方法用来设置和获取这个属性的值。 同时，Thr
  • JSON串转换成Map以及如何转换到对应的数据类型 bijian1013 javafastjsonnet.sf.json
            在实际开发中，难免会碰到JSON串转换成Map的情况，下面来看看这方面的实例。另外，由于fastjson只支持JDK1.5及以上版本，因此在JDK1.4的项目中可以采用net.sf.json来处理。 一.fastjson实例 JsonUtil.java package com.study; impor
  • 【RPC框架HttpInvoker一】HttpInvoker：Spring自带RPC框架 bit1129 spring
    HttpInvoker是Spring原生的RPC调用框架，HttpInvoker同Burlap和Hessian一样，提供了一致的服务Exporter以及客户端的服务代理工厂Bean，这篇文章主要是复制粘贴了Hessian与Spring集成一文，【RPC框架Hessian四】Hessian与Spring集成   在 【RPC框架Hessian二】Hessian 对象序列化和反序列化一文中
  • 【Mahout二】基于Mahout CBayes算法的20newsgroup的脚本分析 bit1129 Mahout
    #!/bin/bash # # Licensed to the Apache Software Foundation (ASF) under one or more # contributor license agreements. See the NOTICE file distributed with # this work for additional information re
  • nginx三种获取用户真实ip的方法 ronin47
    随着nginx的迅速崛起，越来越多公司将apache更换成nginx. 同时也越来越多人使用nginx作为负载均衡, 并且代理前面可能还加上了CDN加速，但是随之也遇到一个问题：nginx如何获取用户的真实IP地址,如果后端是apache,请跳转到<apache获取用户真实IP地址>，如果是后端真实服务器是nginx，那么继续往下看。 实例环境： 用户IP 120.22.11.11
  • java-判断二叉树是不是平衡 bylijinnan java
    参考了 http://zhedahht.blog.163.com/blog/static/25411174201142733927831/ 但是用java来实现有一个问题。 由于Java无法像C那样“传递参数的地址，函数返回时能得到参数的值”，唯有新建一个辅助类：AuxClass import ljn.help.*; public class BalancedBTree {
  • BeanUtils.copyProperties VS PropertyUtils.copyProperties 诸葛不亮 PropertyUtilsBeanUtils
     BeanUtils.copyProperties VS  PropertyUtils.copyProperties  作为两个bean属性copy的工具类，他们被广泛使用，同时也很容易误用，给人造成困然；比如：昨天发现同事在使用BeanUtils.copyProperties copy有integer类型属性的bean时，没有考虑到会将null转换为0，而后面的业
  • [金融与信息安全]最简单的数据结构最安全 comsci 数据结构
          现在最流行的数据库的数据存储文件都具有复杂的文件头格式，用操作系统的记事本软件是无法正常浏览的，这样的情况会有什么问题呢？        从信息安全的角度来看，如果我们数据库系统仅仅把这种格式的数据文件做异地备份，如果相同版本的所有数据库管理系统都同时被攻击，那么
  • vi区段删除 Cwind linuxvi区段删除
    区段删除是编辑和分析一些冗长的配置文件或日志文件时比较常用的操作。简记下vi区段删除要点备忘。   vi概述    引文中并未将末行模式单独列为一种模式。单不单列并不重要，能区分命令模式与末行模式即可。   vi区段删除步骤： 1. 在末行模式下使用:set nu显示行号 非必须，随光标移动vi右下角也会显示行号，能够正确找到并记录删除开始行
  • 清除tomcat缓存的方法总结 dashuaifu tomcat缓存
    用tomcat容器，大家可能会发现这样的问题，修改jsp文件后，但用IE打开 依然是以前的Jsp的页面。 出现这种现象的原因主要是tomcat缓存的原因。 解决办法如下: 在jsp文件头加上 <meta http-equiv="Expires" content="0"> <meta http-equiv="kiben&qu
  • 不要盲目的在项目中使用LESS CSS dcj3sjt126com Webless
    　如果你还不知道LESS CSS是什么东西，可以看一下这篇文章，是我一朋友写给新人看的《CSS——LESS》 　　不可否认，LESS CSS是个强大的工具，它弥补了css没有变量、无法运算等一些“先天缺陷”，但它似乎给我一种错觉，就是为了功能而实现功能。 　　比如它的引用功能 ? .rounded_corners{     
  • [入门]更上一层楼 dcj3sjt126com PHPyii2
    更上一层楼 通篇阅读完整个“入门”部分，你就完成了一个完整 Yii 应用的创建。在此过程中你学到了如何实现一些常用功能，例如通过 HTML 表单从用户那获取数据，从数据库中获取数据并以分页形式显示。你还学到了如何通过 Gii 去自动生成代码。使用 Gii 生成代码把 Web 开发中多数繁杂的过程转化为仅仅填写几个表单就行。 本章将介绍一些有助于更好使用 Yii 的资源：
  • Apache HttpClient使用详解 eksliang httpclienthttp协议
    Http协议的重要性相信不用我多说了，HttpClient相比传统JDK自带的URLConnection，增加了易用性和灵活性（具体区别，日后我们再讨论），它不仅是客户端发送Http请求变得容易，而且也方便了开发人员测试接口（基于Http协议的），即提高了开发的效率，也方便提高代码的健壮性。因此熟练掌握HttpClient是很重要的必修内容，掌握HttpClient后，相信对于Http协议的了解会
  • zxing二维码扫描功能 gundumw100 androidzxing
    经常要用到二维码扫描功能 现给出示例代码 import com.google.zxing.WriterException; import com.zxing.activity.CaptureActivity; import com.zxing.encoding.EncodingHandler; import android.app.Activity; import an
  • 纯HTML+CSS带说明的黄色导航菜单 ini htmlWebhtml5csshovertree
    HoverTree带说明的CSS菜单:纯HTML+CSS结构链接带说明的黄色导航   在线体验效果：http://hovertree.com/texiao/css/1.htm代码如下,保存到HTML文件可以看到效果：   <!DOCTYPE html > <html > <head> <title>HoverTree
  • fastjson初始化对性能的影响 kane_xie fastjson序列化
    之前在项目中序列化是用thrift，性能一般，而且需要用编译器生成新的类，在序列化和反序列化的时候感觉很繁琐，因此想转到json阵营。对比了jackson，gson等框架之后，决定用fastjson，为什么呢，因为看名字感觉很快。。。   网上的说法：   fastjson 是一个性能很好的 Java 语言实现的 JSON 解析器和生成器，来自阿里巴巴的工程师开发。
  • 基于Mybatis封装的增删改查实现通用自动化sql mengqingyu DAO
    1.基于map或javaBean的增删改查可实现不写dao接口和实现类以及xml，有效的提高开发速度。 2.支持自定义注解包括主键生成、列重复验证、列名、表名等 3.支持批量插入、批量更新、批量删除 <bean id="dynamicSqlSessionTemplate" class="com.mqy.mybatis.support.Dynamic
  • js控制input输入框的方法封装(数字，中文，字母，浮点数等) qifeifei javascript js
    在项目开发的时候，经常有一些输入框，控制输入的格式，而不是等输入好了再去检查格式，格式错了就报错，体验不好。 /** 数字，中文，字母,浮点数(+/-/.) 类型输入限制，只要在input标签上加上 jInput="number,chinese,alphabet,floating" 备注：floating属性只能单独用*/     funct
  • java 计时器应用 tangqi609567707 javatimer
    mport java.util.TimerTask;   import java.util.Calendar;   public class MyTask extends TimerTask {        private static final int
  • erlang输出调用栈信息 wudixiaotie erlang
    在erlang otp的开发中，如果调用第三方的应用，会有有些错误会不打印栈信息，因为有可能第三方应用会catch然后输出自己的错误信息，所以对排查bug有很大的阻碍，这样就要求我们自己打印调用的栈信息。用这个函数：erlang:process_display (self (), backtrace).需要注意这个函数只会输出到标准错误输出。 也可以用这个函数：erlang:get_s
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他