皮蛋很白
皮蛋很白

Vue 2.6 源码剖析-响应式原理学习 - 1.起手

学习目标

  1. Vue.js 的静态成员和实例成员初始化过程
    1. 静态成员如：Vue.use、Vue.set、Vue.nextTick
    2. 实例成员如：vm. e l 、 v m . el、vm. el、vm.set、vm.$mount
  2. 首次渲染的过程
  3. 数据响应式原理

准备工作

获取源码

  • 项目地址：https://github.com/vuejs/vue
  • Fork 一份到自己的仓库，克隆到本地，可以自己写注释提交到 github
    • 注意提交的时候要按照规范写提交日志，否则提交失败
      • 例如：docs: 乱写一通
  • 版本选择：Vue 2.6
    • 目前为止 （2020-07） Vue 3.0 还没有发布正式版
    • 新版本是兼容2.6的，发布后，现有项目不会升级到 3.0，2.x 还有很长一段过渡期
    • 3.0 项目地址：https://github.com/vuejs/vue-next

目录结构

  • dist - 打包的结果
    • Vue 打包后会生成很多不同的版本，这些版本在 dist/README.md 中都有相应的介绍
  • examples - 示例
    • 快速体验Vue的基本使用方式
  • src - 源码。根据不同的功能，拆分到不同的文件夹
    • compiler - 编译器，把模板（template）转换成render函数，render函数创建虚拟DOM
    • core - Vue 的核心
      • components 定义了 keep-alive 组件
      • global-api 定义了Vue的静态方法
      • instance 创建Vue实例，定义了Vue的构造函数、初始化、生命周期等相应函数
      • observer 实现响应式机制
      • util 公共成员
      • vdom 虚拟DOM
        • 重写了 Snabbdom，增加了组件的机制
    • platforms - 和平台相关的代码
      • web - web 平台下相关代码
        • entry-*.js 打包时候的入口
      • weex - 基于Vue的移动端开发框架 weex 平台下的相关代码
    • server - 服务端渲染的相关代码（Vue2.0后支持服务端渲染）
    • sfc - 单文件组件 Single Function Component
      • sfc中的代码会将单文件组件转化成JS对象
    • shared - 公共的代码

了解 Flow

Vue 2.x 是使用 Flow 开发的。

Vue 3.0 已经使用 TypeScript 开发，所以没有必要深入学习Flow。

  • Flow 和 TypeScript 都是 静态类型检查器。TypeScript更强大。
  • 它们都是基于 JavaScript 的，是JS的超集。
  • 最终都会编译成 JavaScript。
  • JavaScript 本身是动态类型检查，代码在执行过程中检查代码是否正确。
  • 静态类型检查：代码在编译（执行前）的时候检查代码是否正确。
  • 一般在大型项目中，使用静态类型检查，来确保代码的可维护性和可读性。

Flow 使用：

  • Flow 的 静态类型检查错误 是通过 静态类型推断 实现的。
  • 文件开头 通过 // @flow 或者 /* @flow */ 声明该文件需要 Flow 进行静态类型检查
  • 代码写完后，需要结合Flow官方提供的命令行工具，或vscode的插件，来检查类型是否错误。

在方法中的 形参 后通过冒号指明 参数 所使用的类型，在括号后使用冒号指明 方法返回值 的类型：

/* @flow */
function square(n: number): number {
     
  return n * n;
}
square("2"); // Error

调试

了解如何对Vue的源码进行打包和调试。

看源码的过程中，可以通过调试，来验证自己的一些想法。

打包

打包工具

Vue 源码中使用的打包工具是 Rollup。

  • Rollup 和 Webpack 都是打包工具，Rollup 比 Webpack 更轻量
  • Webpack 把所有文件当作模块，Rollup 只处理 js 文件，更适合在 Vue.js 这样的库中使用。
  • Rollup 打包不会生成冗余的代码。
    • Webpack 会生成一些支持浏览器端的代码。
  • 开发库的时候适合使用Rollup，开发项目适合使用 Webpack。

打包过程

  • 安装依赖 npm i
  • 设置 SourceMap
    • package.json 文件中的 dev 脚本中添加参数 --sourcemap
    • "dev": "rollup -w -c scripts/config.js --sourcemap --environment TARGET:web-full-dev",
  • 执行 dev npm run dev，打包使用的是Rollup
    • -w 监听文件变化，文件变化自动重载，更新结果
    • -c 指定配置文件
    • --environment 设置环境变量
      • 通过设置环境变量TARGET不同的值，来打包生成不同版本的 Vue

注意：

  • dev 脚本会生成单个版本的打包文件到dist目录。
  • build 脚本会生成所有版本的打包文件到dist目录。

为了便于区分，可以将dist清空，或拷贝后置空，来查看dev打包后的结果。

dev 和 build 都不会清空 dist 目录，也不会生成 README.md 文件（可以提前备份）。

开始调试

选择 examples 中的一个示例，如 grid。

将引入的 vue.min.js 改为 vue.js（dev生成的打包文件）。

浏览器打开示例的 index.html

F12 打开开发人员工具，在source面板中找到grid.js代码中创建vue实例的位置，添加断点，刷新页面。

页面到断点停止，F11 跳转到 src 下具体的文件，接下来就可以调试了。

Vue 的不同构建版本

  • npm run build 重新打包生成所有版本的Vue。
  • 官方文档 - 对不同构建版本的解释

源码（dist/README.md）中的解释：

打包文件说明

UMD CommonJS ES Module
开发版本（未压缩版本） Full（完整版） vue.js vue.common.js vue.esm.js
开发版本（未压缩版本） Runtime-only（运行时版） vue.runtime.js vue.runtime.common.js vue.runtime.esm.js
生产版本（压缩版本） Full (production) vue.min.js
生产版本（压缩版本） Runtime-only (production) vue.runtime.min.js

术语

  • Full（完整版）: 同时包含 编译器 和 运行时 的版本。
  • Compiler（编译器）: 用于将模板字符串（template）编译成 JavaScript 渲染函数（render函数）的代码，体积大（3000行代码），效率低。
  • Runtime（运行时）: 用于创建 Vue 实例、渲染并处理虚拟 DOM 等的代码，基本上就是除去编译器的代码。体积小（相对少了3000行代码）、效率高。
  • UMD: UMD版本的通用模块化版本。
    • UMD规范
      • 支持多种模块化方式，CommonJS、CMD、AMD 以及 挂载到window对象上使用
      • 可以通过

你可能感兴趣的:(#,Vue2.6,源码剖析)

  • 深入理解ngx_http_upstream_vnswrr_module负载均衡模块 码农心语 nginx学习LINUXc++开发http负载均衡网络协议swrrvnswrrnginx
    目录1.引言2.启用vnswrr负载均衡模块3.源码剖析3.1配置指令分析3.2负载均衡算法配置初始化3.3负载均衡请求上下文的初始化3.4获取peer1.引言  之前有讨论了nginx的swrr算法的两个问题，并引出了阿里tengine的vnswrr算法如何来克服swrr的问题。本文通过源码层面对ngx_http_upstream_vnswrr_module模块进行分析，来深入理解vnswrr负
  • Java外观模式源码剖析及使用场景 Java语录精选 JAVA设计模式java外观模式设计模式spring
    外观模式一、介绍二、家庭影院项目案例使用三、JavaAPI或框架中应用分析三、Spring框架ApplicationContext源码一、介绍外观模式(FacadePattern)是一种结构型设计模式,它为子系统中的一组接口提供了一个统一的高层接口,使得子系统更加容易使用。外观模式定义了一个高层接口,这个接口使得这一子系统更加容易使用。外观模式的主要作用有以下几点:简化系统的调用复杂性。通过外观模
  • grpc、https、oauth2等认证专栏实战17：grpc-go自定义认证之base64验证介绍 码二哥 码二哥的技术专栏golangkubernetesgrpc-go零入门容器云网络网络协议
    已发表的技术专栏（订阅即可观看所有专栏）0  grpc-go、protobuf、multus-cni技术专栏总入口1  grpc-go源码剖析与实战  文章目录2  Protobuf介绍与实战图文专栏  文章目录3  multus-cni  文章目录(k8s多网络实现方案)4  grpc、oauth2、openssl、双向认证、单向认证等专栏文章目录本篇文章主要分享自定义认证下base64验证方案
  • 《STL源码剖析》---stl_iterator.h阅读笔记 KangRoger STLstlc++迭代器iterator
    STL设计的中心思想是将容器（container）和算法（algorithm）分开，迭代器是容器（container）和算法（algorithm）之间的桥梁。迭代器可以如下定义：提供一种方法，能够依序寻访某个容器内的所有元素，而又无需暴露该容器的内部表达方式。在阅读代码之前，要先了解一个新概念：Traits编程技法templatestructMyIter{typedefTvalue_type//内
  • 《算法零基础100讲》(第75讲) 滑动窗口(一) - 固定窗口 英雄哪里出来 《算法零基础100讲》算法数据结构滑动窗口
    文章目录零、写在前面一、概念定义二、题目描述三、算法详解四、源码剖析五、推荐专栏六、习题练习零、写在前面  这是《算法零基础100讲》专栏打卡学习的第75天了。如果觉得本专栏太贵无法承受，在博主主页添加博主好友，获取付费专栏优惠券。  每天专栏的题，做不出来没关系，因为困难的题涉及知识点较多，可能会涉及到后面的章节，所以不要着急，内容能看懂，能自己分析，能做出简单题就行。  在刷题的过程中，总结自
  • Java ArrayList源码剖析 洒水水儿 Java常用类的源码剖析java开发语言
    当涉及到存储和操作数据时，动态数组容器类ArrayList是Java中最常用的集合类之一。本文会介绍它的基本用法、迭代操作、实现的一些接口，最后分析它的特点。基本用法ArrayList是一个泛型容器，新建ArrayList需要实例化泛型参数，比如：ArrayListintList=newArrayList();ArrayList的主要方法有：publicbooleanadd(Ee)//添加元素到末
  • Java ArrayDeque源码剖析 洒水水儿 Java常用类的源码剖析java开发语言
    LinkedList实现了队列接口Queue和双端队列接口Deque,Java容器类中还有一个双端队列的实现类ArrayDeque,它是基于数组实现的。我们知道，一般而言，由于需要移动元素，数组的插入和删除效率比较低，但ArrayDeque的效率却非常高，它是怎么实现的呢？本文就来详细探讨。实现原理ArrayDeque内部主要有如下实例变量：privatetransientE[]elements;
  • Java Arrays源码剖析 洒水水儿 Java常用类的源码剖析java开发语言
    Java中有一个类Arrays,包含一些对数组操作的静态方法，本文主要就来讨论这些方法以避免重新造轮子，在需要的时候自己实现它不具备的功能。toStringArrays的toString()方法可以方便地输出一个数组的字符串形式，以便查看。它有9个重载的方法，下面列举两个常用的方法分析publicstaticStringtoString(int[]a)publicstaticStringtoStr
  • Java 抽象容器类源码剖析 洒水水儿 Java常用类的源码剖析java开发语言
    总体介绍抽象容器类接口和具体容器类的关系如图所示，顶层包括Collection、List、Set、Queue、Deque和Map6个抽象容器类。AbstractCollection：实现了Collection接口，被抽象类AbstractList、AbstractSet、AbstractQueue继承，ArrayDeque也继承自AbstractCollection。AbstractList：父类
  • Java LinkedList源码剖析 洒水水儿 Java常用类的源码剖析java开发语言
    ArrayList随机访问效率很高，但插入和删除性能比较低；LinkedList同样实现了List接口，它的特点与ArrayList几乎正好相反。除了实现了List接口外，LinkedList还实现了Deque和Queue接口，可以按照队列、栈和双端队列的方式进行操作。本节会介绍这些用法，同时介绍其实现原理。基本用法LinkedList的构造方法与ArrayList类似，有两个：一个是默认构造方法
  • Mybatis源码剖析 -- 初始化过程（传统方式） Travis_Wu
    一、读取配置文件，读成字节输入流，注意：现在还没解析入口使用Resources.getResourceAsStream()方法获取字节输入流publicclassMybatisTest{/***传统方式*@throwsIOException*/@Testpublicvoidtest1()throwsIOException{//1.读取配置文件，读成字节输入流，注意：现在还没解析InputStrea
  • Android源码剖析----EventBus的工作原理 简书不简单iiii
    现实开发中用到的框架为了方便更好的理解加深记忆，归纳如下：在开发中使用eventbus主要是为了进行传值和传递一些意图，第一次使用后就被这个框架的灵活和解耦性给折服。。。去熟悉eventbus的工作原理之前得首先知道一个设计模式那就是观察者模式，什么是观察者模式呢？就是为了定义对象间的一种一对多的依赖关系，即当一个对象的状态发生改变时，所有依赖于它的对象都得到通知并被自动更新。整个eventbus
  • TreeMap就这么简单【源码剖析】 Java3y
    前言声明，本文用得是jdk1.8前面章节回顾：Collection总览List集合就这么简单【源码剖析】Map集合、散列表、红黑树介绍HashMap就是这么简单【源码剖析】LinkedHashMap就这么简单【源码剖析】本篇主要讲解TreeMap~看这篇文章之前最好是有点数据结构的基础：Java实现单向链表栈和队列就是这么简单二叉树就这么简单当然了，如果讲得有错的地方还请大家多多包涵并不吝在评论去
  • Java StringBuilder源码剖析+面试题整理 洒水水儿 Java常用类的源码剖析java面试开发语言
    在String中提到，如果字符串修改操作比较频繁，应该采用StringBuilder和StringBuffer类，这两个类的方法基本是完全一样的，它们的实现代码也几乎一样，唯一的不同就在于StringBuffer类是线程安全的，而StringBuilder类不是。基本用法创建StringBuilder对象：StringBuildersb=newStringBuilder();通过append方法添
  • 多线程并发编程10-CopyOnWriteArrayList源码剖析 Demo_zfs
    今天来说一说CopyOnWriteArrayList类，纵观JUC包下并发List只有CopyOnWriteArrayList类。CopyOnWriteArrayList是一个线程安全的ArrayList，从它的命名也能看出在进行写操作的时候会进行复制，这种写时复制策略会产生弱一致性问题。下面对CopyOnWriteArrayList类继续剖析。在CopyOnWriteArrayList类中都是围
  • Java String源码剖析+面试题整理 洒水水儿 Java常用类的源码剖析java开发语言前端
    由于字符串操作是计算机程序中最常见的操作之一，在面试中也是经常出现。本文从基本用法出发逐步深入剖析String的结构和性质，并结合面试题来帮助理解。String基本用法在Java中String的创建可以直接像基本类型一样定义，也可以new一个Strings1="HelloWorld"；Strings2=newString("HelloWorld")；String可以通过+实现合并Strings="
  • 【Spring源码分析】循环依赖的底层源码剖析 假正经的小柴 Java源码分析spring数据库java
    循环依赖的底层源码剖析一、预知知识二、循环依赖的底层源码剖析1.Spring是如何存储半成品Bean的？getEarlyBeanReference方法的源码分析2.Spring是如何解决的循环依赖呢？测试3.哪些循环依赖Spring是无法解决的呢？@Async引起的循环依赖解决方案单构造注入引起的循环依赖解决方案三、总结阅读此需阅读下面这些博客先【Spring源码分析】Bean的元数据和一些Spr
  • gRPC-go源码剖析与实战 技术专栏介绍 码二哥
    grpc-go专栏图片.jpg1、背景介绍无论是分布式架构，还是微服务架构，服务之间如何高效、可靠性的通信是具有一定的挑战性的；那么，解决方案之一就是使用RPC通信；而由google开发的grpc-go是一个高性能、开源和通用的RPC框架，面向移动和HTTP2设计。在涉及到网络通信的领域内，经常可以看到grpc-go的身影；目前，已经在Kubernetes、Docker、Istio等优秀开源框架中
  • Vue.js 源码剖析（一）-响应式原理（1）vue2源码启动与调试 一棵开花的树，枝芽无限靠近你 Vuevue.js前端javascript
    电脑：mac；vue版本：2.7.14；编辑器：IntelliJIEDA一、下载源码github地址我是先下载了zip压缩包，直接使用https地址从github拉取代码会很慢：下载完源码之后可以放在自己的仓库里，我是放在了自己的gitlab仓库里。把项目解压到本地之后，根据gitlab的提示推送现有代码：下载完之后，在idea中打开项目：从远程仓库拉取代码之后，可以看到已经有一条初始化代码的gi
  • Vue源码剖析一：相当于Vue的构造函数实现 领带衬有黄金
    1.重点方法：1.1Object.keys(obj):得到对象自身可枚举属性组成的数组前提是指定属性名可以枚举1.2Object.defineProperty(obj,prop,descriptor)示例：constobj={firstName:'A',lastName:'B'}//obj.fullName='A-B'Object.defineProperty(obj,'fullName',{//
  • cpp11新特性之智能指针（下）：深入理解现代cpp中的智能指针shared_ptr、unique_ptr 以及 weak_ptr unknown C++ beginner c++学习c++学习笔记开发语言
    目录写在前面unique_ptrshared_ptrweak_ptr智能指针的使用陷阱致谢写在前面上一篇文章同大家深入探讨了auto_ptr。今天给大家带来的是对于shared_ptr、unique_ptr以及weak_ptr的深入理解，通过测试案例和源码剖析对这三种重要的智能指针的使用方法，注意事项以及适用范围进行了全面的总结，相信经过这些测试大家对于智能指针的理解会更上一层楼。后续的数据结构会
  • 阻塞队列ArrayBlockingQueue，LinkedBlockingQueue源码剖析 Yungang_Young Javajava数据结构开发语言并发编程
    文章目录1.阻塞队列用途以及特征1.1继承结构1.2用途1.3与普通队列的区别2.ArrayBlockingQueue源码剖析2.1数据结构与类变量2.2构造方法2.3入队2.4出队3.LinkedBlockingQueue源码剖析3.1数据结构与类变量3.2构造方法3.3入队3.4出队1.阻塞队列用途以及特征1.1继承结构首先我们来看一看阻塞队列家族BlockingQueue接口定义了以下方法b
  • 多线程并发编程9-ReentrantReadWriteLock源码剖析 Demo_zfs
    前面文章说到了ReentrantLock，解决线程间安全问题，使用ReentrantLock就可以，但是ReentrantLock是独占锁，某一个时刻只能一个线程获取锁，在写少读多的场景下，显然ReentrantLock并不能满足次场景。今天要说的ReentrantReadWriteLock锁就能满足写少读多的场景。ReentrantReadWriteLock锁采用读写分离的策略，读锁是一个共享锁
  • 【flink状态管理（2）各状态初始化入口】状态初始化流程详解与源码剖析 roman_日积跬步-终至千里 #flink源码flinkjava数据库
    文章目录1.状态初始化总流程梳理2.创建StreamOperatorStateContext3.StateInitializationContext的接口设计。4.状态初始化举例：UDF状态初始化在TaskManager中启动Task线程后，会调用StreamTask.invoke()方法触发当前Task中算子的执行，在invoke()方法中会调用restoreInternal()方法，这中间包括
  • vue中使用postcss-pxtorem实现适配 gegephp vue前端csspostcss
    前言安装amfe-flexible和postcss-pxtorem配置及使用可能遇到问题前言很少在pc端使用rem，不过做c端产品的，还是得在每个尺寸下都和设计稿完全一样，在自己手写媒体查询和插件之间选了后者，一劳永逸，今天就说下配置及使用；下面是在vue2.6、vue-cli4中的配置(注意：不同版本配置方式不同)安装amfe-flexible和postcss-pxtoremnpminstall
  • SpringBoot原理深入及源码剖析 每天都在掉头发
    2.SpringBoot原理深入及源码剖析传统的Spring框架实现一个Web服务，需要导入各种依赖JAR包，然后编写对应的XML配置文件等，相较而言，SpringBoot显得更加方便、快捷和高效。那么，SpringBoot究竟如何做到这些的呢？接下来分别针对SpringBoot框架的依赖管理、自动配置和执行流程进行深入分析2.1依赖管理问题：（1）为什么导入dependency时不需要指定版本？
  • C++ STL: vector使用及源码剖析 暮色_年华 c++c++开发语言
    vector使用vector定义语句作用vectora(n);指定容器大小为nvectora(n,x);指定容器大小为n，并初始化所有元素为xvector>a(m,vector(n));m行n列的二维数组，可以直接用a[i][j]访问访问vector容器中元素的操作语句作用vec.at(index)返回由index指定的位置上的元素vec[index]返回由index指定的位置上的元素vec.fr
  • 《STL源码剖析》学习笔记-第6章（一） set相关算法 爱橙子的OK绷 STLstl算法
    STL中定义的set要求元素不得重复且已经排序。而set算法要求的都是有序区间（输出也是有序的），但元素可以重复出现。STL提供了4个set相关的算法，分别是并集（union）、交集（intersection）、差集（difference）和对称差集（symmetricdifference），这4个算法接受的set必须是有序区间，都至少接受4个参数，分别表示两个set区间。一般而言，set算法前4
  • 《STL源码剖析》学习笔记——第六章：算法之set Still_Believe_ STL源码剖析学习笔记set数据结构STL算法
    set相关算法STL提供了四种与set相关的算法，分别是并集（union）、交集（intersection）、差集（difference）和对称差集（symmetricdifference），这4个算法接受的set必须是有序区间，都至少接受4个参数，分别表示两个set区间。所谓的set可细分为数学上的定义和STL的定义两种，数学上的set允许元素重复而未经排序，；例如{1,5,5,3,2}，STL
  • Java集合源码剖析之ArrayList JavaBigData1024 源码阅读JavaArrayList源码
    Java集合源码剖析之ArrayList1ArrayList概括1.1特性1.2数据结构2ArrayList源码剖析2.1继承关系2.2成员属性2.3构造方法2.4核心方法2.4.1添加元素2.4.2查询元素2.4.3修改元素2.4.4删除元素2.4.5数组扩容2.4.6其它方法1ArrayList概括1.1特性ArrayList是基于数组实现的有序集合，它的容量可以动态的增长和缩减，默认容量为1
  • linux系统服务器下jsp传参数乱码 3213213333332132 javajsplinuxwindowsxml
    在一次解决乱码问题中， 发现jsp在windows下用js原生的方法进行编码没有问题，但是到了linux下就有问题， escape,encodeURI,encodeURIComponent等都解决不了问题 但是我想了下既然原生的方法不行，我用el标签的方式对中文参数进行加密解密总该可以吧。于是用了java的java.net.URLDecoder,结果还是乱码，最后在绝望之际，用了下面的方法解决了
  • Spring 注解区别以及应用 BlueSkator spring
    1. @Autowired @Autowired是根据类型进行自动装配的。如果当Spring上下文中存在不止一个UserDao类型的bean，或者不存在UserDao类型的bean，会抛出 BeanCreationException异常，这时可以通过在该属性上再加一个@Qualifier注解来声明唯一的id解决问题。   2. @Qualifier 当spring中存在至少一个匹
  • printf和sprintf的应用 dcj3sjt126com PHPsprintfprintf
    <?php printf('b: %b <br>c: %c <br>d: %d <bf>f: %f', 80,80, 80, 80); echo '<br />'; printf('%0.2f <br>%+d <br>%0.2f <br>', 8, 8, 1235.456); printf('th
  • config.getInitParameter 171815164 parameter
    web.xml <servlet> <servlet-name>servlet1</servlet-name> <jsp-file>/index.jsp</jsp-file> <init-param> <param-name>str</param-name>
  • Ant标签详解--基础操作 g21121 ant
            Ant的一些核心概念：         build.xml：构建文件是以XML 文件来描述的，默认构建文件名为build.xml。        project：每个构建文
  • [简单]代码片段_数据合并 53873039oycg 代码
            合并规则:删除家长phone为空的记录,若一个家长对应多个孩子,保留一条家长记录,家长id修改为phone,对应关系也要修改。         代码如下:        
  • java 通信技术 云端月影 Java 远程通信技术
    在分布式服务框架中，一个最基础的问题就是远程服务是怎么通讯的，在Java领域中有很多可实现远程通讯的技术，例如：RMI、MINA、ESB、Burlap、Hessian、SOAP、EJB和JMS等，这些名词之间到底是些什么关系呢，它们背后到底是基于什么原理实现的呢，了解这些是实现分布式服务框架的基础知识，而如果在性能上有高的要求的话，那深入了解这些技术背后的机制就是必须的了，在这篇blog中我们将来
  • string与StringBuilder 性能差距到底有多大 aijuans
              之前也看过一些对string与StringBuilder的性能分析，总感觉这个应该对整体性能不会产生多大的影响，所以就一直没有关注这块！         由于学程序初期最先接触的string拼接，所以就一直没改变过自己的习惯！        
  • 今天碰到 java.util.ConcurrentModificationException 异常 antonyup_2006 java多线程工作IBM
    今天改bug，其中有个实现是要对map进行循环，然后有删除操作，代码如下： Iterator<ListItem> iter = ItemMap.keySet.iterator(); while(iter.hasNext()){ ListItem it = iter.next(); //...一些逻辑操作 ItemMap.remove(it); } 结果运行报Con
  • PL/SQL的类型和JDBC操作数据库 百合不是茶 PL/SQL表标量类型游标PL/SQL记录
    PL/SQL的标量类型:    字符,数字,时间,布尔,%type五中类型的 --标量：数据库中预定义类型的变量 --定义一个变长字符串 v_ename varchar2(10); --定义一个小数,范围 -9999.99~9999.99 v_sal number(6,2); --定义一个小数并给一个初始值为5.4 :=是pl/sql的赋值号
  • Mockito：一个强大的用于 Java 开发的模拟测试框架实例 bijian1013 mockito单元测试
    Mockito框架：         Mockito是一个基于MIT协议的开源java测试框架。         Mockito区别于其他模拟框架的地方主要是允许开发者在没有建立“预期”时验证被测系统的行为。对于mock对象的一个评价是测试系统的测
  • 精通Oracle10编程SQL(10)处理例外 bijian1013 oracle数据库plsql
    /* *处理例外 */ --例外简介 --处理例外-传递例外 declare v_ename emp.ename%TYPE; begin SELECT ename INTO v_ename FROM emp where empno=&no; dbms_output.put_line('雇员名：'||v_ename); exceptio
  • 【Java】Java执行远程机器上Linux命令 bit1129 linux命令
    Java使用ethz通过ssh2执行远程机器Linux上命令，   封装定义Linux机器的环境信息   package com.tom; import java.io.File; public class Env { private String hostaddr; //Linux机器的IP地址 private Integer po
  • java通信之Socket通信基础 白糖_ javasocket网络协议
    正处于网络环境下的两个程序，它们之间通过一个交互的连接来实现数据通信。每一个连接的通信端叫做一个Socket。一个完整的Socket通信程序应该包含以下几个步骤： ①创建Socket； ②打开连接到Socket的输入输出流； ④按照一定的协议对Socket进行读写操作； ④关闭Socket。   Socket通信分两部分：服务器端和客户端。服务器端必须优先启动，然后等待soc
  • angular.bind boyitech AngularJSangular.bindAngularJS APIbind
    angular.bind 描述：         上下文，函数以及参数动态绑定，返回值为绑定之后的函数. 其中args是可选的动态参数，self在fn中使用this调用。 使用方法：          angular.bind(se
  • java-13个坏人和13个好人站成一圈，数到7就从圈里面踢出一个来，要求把所有坏人都给踢出来，所有好人都留在圈里。请找出初始时坏人站的位置。 bylijinnan java
    import java.util.ArrayList; import java.util.List; public class KickOutBadGuys { /** * 题目：13个坏人和13个好人站成一圈，数到7就从圈里面踢出一个来，要求把所有坏人都给踢出来，所有好人都留在圈里。请找出初始时坏人站的位置。 * Maybe you can find out
  • Redis.conf配置文件及相关项说明（自查备用） Kai_Ge redis
       Redis.conf配置文件及相关项说明 # Redis configuration file example # Note on units: when memory size is needed, it is possible to specifiy # it in the usual form of 1k 5GB 4M and so forth: #
  • [强人工智能]实现大规模拓扑分析是实现强人工智能的前奏 comsci 人工智能
         真不好意思,各位朋友...博客再次更新...      节点数量太少,网络的分析和处理能力肯定不足,在面对机器人控制的需求方面,显得力不从心....      但是,节点数太多,对拓扑数据处理的要求又很高,设计目标也很高,实现起来难度颇大...
  • 记录一些常用的函数 dai_lm java
    public static String convertInputStreamToString(InputStream is) { StringBuilder result = new StringBuilder(); if (is != null) try { InputStreamReader inputReader = new InputStreamRead
  • Hadoop中小规模集群的并行计算缺陷 datamachine mapreducehadoop并行计算
    注：写这篇文章的初衷是因为Hadoop炒得有点太热，很多用户现有数据规模并不适用于Hadoop，但迫于扩容压力和去IOE（Hadoop的廉价扩展的确非常有吸引力）而尝试。尝试永远是件正确的事儿，但有时候不用太突进，可以调优或调需求，发挥现有系统的最大效用为上策。 -----------------------------------------------------------------
  • 小学4年级英语单词背诵第二课 dcj3sjt126com englishword
    egg  蛋 twenty 二十 any 任何 well 健康的，好   twelve 十二 farm 农场 every 每一个 back 向后，回   fast 快速的 whose 谁的 much 许多 flower 花   watch 手表 very 非常，很 sport 运动 Chinese 中国的  
  • 自己实践了github的webhooks, linux上面的权限需要注意 dcj3sjt126com githubwebhook
    环境, 阿里云服务器   1. 本地创建项目, push到github服务器上面   2. 生成www用户的密钥 sudo -u www ssh-keygen -t rsa -C "[email protected]"     3. 将密钥添加到github帐号的SSH_KEYS里面   3. 用www用户执行克隆, 源使
  • Java冒泡排序 蕃薯耀 冒泡排序Java冒泡排序Java排序
    冒泡排序 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 2015年6月23日 10:40:14 星期二 http://fanshuyao.iteye.com/
  • Excle读取数据转换为实体List【基于apache-poi】 hanqunfeng apache
    1.依赖apache-poi   2.支持xls和xlsx   3.支持按属性名称绑定数据值   4.支持从指定行、列开始读取   5.支持同时读取多个sheet   6.具体使用方式参见org.cpframework.utils.excelreader.CP_ExcelReaderUtilTest.java 比如： Str
  • 3个处于草稿阶段的Javascript API介绍 jackyrong JavaScript
    原文： http://www.sitepoint.com/3-new-javascript-apis-may-want-follow/?utm_source=html5weekly&utm_medium=email   本文中，介绍3个仍然处于草稿阶段，但应该值得关注的Javascript API. 1) Web Alarm API   &
  • 6个创建Web应用程序的高效PHP框架 lampcy Web框架PHP
    以下是创建Web应用程序的PHP框架，有coder bay网站整理推荐： 1. CakePHP CakePHP是一个PHP快速开发框架，它提供了一个用于开发、维护和部署应用程序的可扩展体系。CakePHP使用了众所周知的设计模式，如MVC和ORM，降低了开发成本，并减少了开发人员写代码的工作量。 2. CodeIgniter CodeIgniter是一个非常小且功能强大的PHP框架，适合需
  • 评"救市后中国股市新乱象泛起"谣言 nannan408
    首先来看百度百家一位易姓作者的新闻： 三个多星期来股市持续暴跌，跌得投资者及上市公司都处于极度的恐慌和焦虑中，都要寻找自保及规避风险的方式。面对股市之危机，政府突然进入市场救市，希望以此来重建市场信心，以此来扭转股市持续暴跌的预期。而政府进入市场后，由于市场运作方式发生了巨大变化，投资者及上市公司为了自保及为了应对这种变化，中国股市新的乱象也自然产生。 首先，中国股市这两天
  • 页面全屏遮罩的实现 方式 Rainbow702 htmlcss遮罩mask
    之前做了一个页面，在点击了某个按钮之后，要求页面出现一个全屏遮罩，一开始使用了position:absolute来实现的。当时因为画面大小是固定的，不可以resize的，所以，没有发现问题。 最近用了同样的做法做了一个遮罩，但是画面是可以进行resize的，所以就发现了一个问题，当画面被reisze到浏览器出现了滚动条的时候，就发现，用absolute 的做法是有问题的。后来改成fixed定位就
  • 关于angularjs的点滴 tntxia AngularJS
      angular是一个新兴的JS框架，和以往的框架不同的事，Angularjs更注重于js的建模，管理，同时也提供大量的组件帮助用户组建商业化程序，是一种值得研究的JS框架。   Angularjs使我们可以使用MVC的模式来写JS。Angularjs现在由谷歌来维护。   这里我们来简单的探讨一下它的应用。   首先使用Angularjs我
  • Nutz--->>反复新建ioc容器的后果 xiaoxiao1992428 DAOmvcIOCnutz
    问题： public class DaoZ {     public static Dao dao() { // 每当需要使用dao的时候就取一次     Ioc ioc = new NutIoc(new JsonLoader("dao.js"));     return ioc.get(