玉案轩窗
玉案轩窗

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相关问题 为_简而来
    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带来的变化回答范例：常见的组件扩展方法
  • Js面试之数据类型相关 迷糊的小小淘 前端面试javascript面试开发语言
    Js之数据类型都有哪些数据类型？不同数据类型如何转换？数据类型检测方法有哪些？为什么说Js是动态数据类型？为什么说Js是弱类型语言？最近在整理一些前端面试中经常被问到的问题，分为vue相关、react相关、js相关、react相关等等专题，可持续关注后续内容，会不断进行整理~Javascript的数据类型是一个基础考点，本文总结相关面试题：都有哪些数据类型？基本数据类型包括：Number、Stri
  • Vue面试之Mixins 迷糊的小小淘 前端面试vue.jsjavascript前端
    Vue面试之Mixins定义Mixins使用Mixins全局MixinsMixins合并策略注意事项命名冲突：过度使用最近在整理一些前端面试中经常被问到的问题，分为vue相关、react相关、js相关、react相关等等专题，可持续关注后续内容，会不断进行整理~Mixins是Vue中一种用于代码复用的特性，通过Mixins，可以将一些通用的代码、逻辑、选项从一个组件提取出来，并将其应用到多个组件中
  • Vue面试之v-if与v-show的区别 迷糊的小小淘 前端面试vue.js面试前端
    Vue面试之v-if与v-show的区别DOM渲染初始渲染性能切换开销标签配合源码实现最近在整理一些前端面试中经常被问到的问题，分为vue相关、react相关、js相关、react相关等等专题，可持续关注后续内容，会不断进行整理~作为Vue中两种条件性渲染元素的指令，v-if和v-show还是有一些区别的：DOM渲染v-if在条件切换时，元素的创建和销毁都会发生，即当条件为“true”时，元素就会
  • Vue面试之watch与computed的区别 迷糊的小小淘 前端面试vue.js前端javascript
    Vue中watch与computed的区别watch对象形式vm.$watch方式computed二者区别相同点不同点最近在整理一些前端面试中经常被问到的问题，分为vue相关、react相关、js相关、react相关等等专题，可持续关注后续内容，会不断进行整理~watch与computed作为Vue中两个处理响应式数据的选项，都用来监听数据变化并执行相应的逻辑，在具体使用时会存在区别：watchw
  • 【vue3】vue3的应用实例是什么和怎么使用 ZSK6 vue3vue.js
    简言每个Vue应用都是通过createApp函数创建一个新的应用实例。应用实例指的就是createApp的返回值，它是一个对象，里面包含了多个vue相关的属性，例如component（组件）、directive（指令）use（插件)、runWithContext（vue运行上下文）、version（版本）等；我们使用这个实例对象，调用mount函数挂载到dom上，就可以创建一个vue单页应用（SP
  • vue3.2引用unplugin-auto-import插入，解放开发中import组件 Alex_Drag 前端vue项目搭建vue.js前端javascript
    目录前言引用unplugin-auto-import插件的优缺点优点缺点unplugin-auto-import插件引入安装插件配置vite配置更新TypeScript配置使用代码位置总结前言是否添加unplugin-auto-import取决于项目需求和团队习惯。如果项目中频繁使用Vue相关API，并且团队成员都熟悉这种自动导入方式，那么添加这个插件可能会提高效率。然而，如果项目结构相对简单，或
  • Vue面试之组件通信的方式总结（下篇） 迷糊的小小淘 前端面试vue.js面试前端
    Vue面试之组件通信的方式总结$refprovide&injectprovideinjectEventBus事件总线vuex最近在整理一些前端面试中经常被问到的问题，分为vue相关、react相关、js相关、react相关等等专题，可持续关注后续内容，会不断进行整理~在Vue框架中，提供了多种组件通信方式：props父子组件传参、插槽传参、EventBus方式、vuex方式传参等，之前已对前两种方
  • Vue面试之csr与ssr渲染的区别 迷糊的小小淘 前端面试vue.js面试前端
    Vue面试之csr与ssr渲染的区别CSRSSRCSR与SSR的选择取决于项目需求Vue中的csr与ssr客户端渲染框架-VueCLI服务端渲染框架-Nuxt.js最近在整理一些前端面试中经常被问到的问题，分为vue相关、react相关、js相关、react相关等等专题，可持续关注后续内容，会不断进行整理~CSR（Client-SideRendering）和SSR（Server-SideRende
  • Vue面试之组件通信的方式总结（上篇） 迷糊的小小淘 前端面试vue.js面试前端
    Vue面试之组件通信的方式总结props父子组件传参props父组件向子组件传参数组形式对象的简单形式对象的复杂形式props子组件向父组件传参通过传递方法的形式通过传递事件的形式插槽默认插槽具名插槽作用域插槽最近在整理一些前端面试中经常被问到的问题，分为vue相关、react相关、js相关、react相关等等专题，可持续关注后续内容，会不断进行整理~在Vue框架中，提供了多种组件通信方式：pro
  • Vue面试之虚拟DOM 迷糊的小小淘 前端面试vue.js前端javascript
    Vue面试之虚拟DOM什么是虚拟dom？虚拟dom是如何产生的？编写模板template模板编译Complie挂载Mounting如何进行新旧Dom对比？最近在整理一些前端面试中经常被问到的问题，分为vue相关、react相关、js相关、react相关等等专题，可持续关注后续内容，会不断进行整理~什么是虚拟dom？虚拟DOM是用JavaScript对象来模拟实际DOM结构的一种抽象表示。它描述了组
  • keep-alive页面缓存问题 Demons_51fe
    业务场景：现有A，B页面和其他所有页面（以下用C表示）。B页面为缓存页面，meta.keepAlive为true，当A页面进入B页面后，B页面需要渲染为不缓存的状态（效果等同第一次进入B页面），离开B页面后缓存B页面，也就是说B->A或者B->C都将B页面缓存。只有在特定情况下（A进入B）清除B页面的缓存。以上这种方式，设置了keepAlive为true后，B页面是一直会进行缓存查阅vue相关文档
  • vue element-china-area-data使用详解 朱1只 jsonvue.jsjavascript前端
    vueelement-china-area-data使用详解vueelement-china-area-data使用详解城市选择器插件参考：https://www.npmjs.com/package/element-china-area-data使用前提vue相关配置已准备好安装npminstallelement-china-area-data-S使用时在scrip中先进行引用在使用import{
  • Vue3+TS+Vite 构建自动导入开发环境 程序员海军 Vue开发实战总结vue3vite
    关注⬆️⬆️⬆️⬆️专栏后期更新更多前端内容在一个使用Vue3、Vite和TypeScript的项目中，配置unplugin-auto-import和unplugin-vue-components插件可以极大地提高开发效率，因为它们可以自动导入Vue相关的API和Vue组件，从而减少了手动导入的需要。文章目录安装依赖配置Vite+插件配置TypeScript最后安装依赖npminstall-Dun
  • vue的增量式学习-篇章1 Wade_Crab vue.js学习前端
    vue的增量式学习-篇章1vue的增量式学习-篇章1，又名：写毕设到企业级前端（第4天）学习vue11.Vue2的OptionsAPI和Vue3的CompositionAPI2.Vue和TypeScript的关系3.有关vue相关的一些重要组件学习vue11.Vue2的OptionsAPI和Vue3的CompositionAPIVue2的生命周期（OptionsAPI写法）示例：Vue3的生命周期
  • 综合面试总结 37.22℃ 基础javascriptcssvue.jshtmlcss3
    文章目录html和css相关JavaScript相关浏览器网络相关vue相关react移动端相关插件及工具相关前端性能优化原生通讯算法相关node相关**新生代****老生代****标记清楚算法的问题**html和css相关1.万能居中1.margin:0auto;水平2.text-align:center;水平3.行高，垂直4.表格，center,middle；水平垂直5.display:tab
  • 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其他