Wang's Blog
Wang's Blog

Vue3源码梳理：源码目录结构及源码阅读方法

VUE3 源码目录结构

1 ) 下载源码三种方式

  • 方式1，Download ZIP，不推荐
  • 方式2，通过https,或ssh或github cli来克隆项目
    • $ git clone https://github.com/vuejs/core.git
    • $ git clone [email protected]:vuejs/core.git
  • 方式3，点击Fork, 到自己仓库，再执行上面两步的方式下载

2 ）源码目录解析

  • tsconfig.json ts 配置文件
  • rollup.config.js rollup 配置文件
  • packages 包
    • compiler-core: 编译器的核心库
    • compiler-dom: 编译器浏览器相关
    • compiler-ssr: 服务端渲染的编译模块
    • compiler-sfc: .vue组件的编译模块
    • reactivity: 响应性的核心模块
    • reactivity-transform: 已过期的模块，无需过于关注
    • runtime-core: 运行时核心库，内部针对不同平台进行实现
    • runtime-dom：基于浏览器的运行时
    • runtime-test：测试用的
    • server-renderer：服务端渲染库
    • sfc-playground：sfc 工具，暂时无需关注，参考：https://sfc.vuejs.org
    • shared: 存放共享工具方法等
    • size-check: 运行时包大小的检查库，暂无需关注
    • template-explorer: 提供的线上测试，暂无需关注，https://template-explorer.vuejs.org, 用于把template转化为render
    • vue: 包含测试实例，以及打包后的dist文件，src中对外暴露入口的方法
    • vue-compat: vue2的兼容性代码，以及vue的合并代码
    • global.d.ts 全局的ts声明
  • netlify.toml 自动化部署相关
  • jest.config.js 测试相关
  • api-extractor.json ts的api分析工具
  • SECURITY.md 报告漏洞，维护安全的声明
  • CHANGELOG.md 更新日志
  • BACKERS.md 赞助声明
  • test-dts 测试相关
  • scripts 配置文件相关
  • pnpm-workspace.yaml pnpm 相关配置
  • pnpm-lock.yaml 使用 pnpm 下载的依赖包版本锁文件

创建测试 实例

1 ） 需要全局安装下 pnpm

  • pnpm.io/zh/motivation
  • 安装完成，直接执行 pnpm i
  • 之后运行：npm run build
  • 编写我们的用例，在vue/examples下新建我们测试的代码目录
    • 新建reactivity目录, 在其下新建 reactive.html
    • 编写如下代码

2 ）编写简单测试代码

<script src='../../dist/vue.global.js'>script>

<body>
  <div id='app'>div>
body>

<script>
  const { reactive, effect } = Vue
  const obj = reactive({
    name: '张三'
  })
  effect(()=>{
    document.querySelector('#app').innerText = obj.name
  })
  const timer = setTimout(() => {
    clearTimeout(timer)
    obj.name = '李四'
  })
script>

3 ）开启sourceMap

  • 只有开启sourceMap才能进行debugger
  • 这样，我们就可以借助sourceMap查看打包之前的代码，而非打包之后的代码
  • 我们打包用的命令在package.json中，是：node scripts/build.js
  • 在这个文件中，我们可以看到: sourceMap ? SOURCE_MAP:true : ``, 这里开启 sourceMap的关键就在这个变量里
  • 这里的代码：SOURCE_MAP:true 最终会被 rollup 构建
  • 在rollup.config.js 中包含sourceMap的逻辑，大概在94行
  • output.sourcemap = !!process.env.SOURCE_MAP
  • 这个变量 sourcemap 在 build.js中是取决于 args.sourcemap 或 args.s
  • 而 args 是在使用了 minimist 库来生成的：const args = require('minimist')(process.argv.slice(2))
  • 这个 minimist 包是在 npmjs.com/package/minimist 中 查看 example
  • 而在vue中开启sourceMap, 其实非常简单，只需要在build命令后面添加 -s 参数即可
    • "build": "node scripts/build.js -s"

4 ） 进行debugger

  • 基于之前的live-server打开的http访问的页面：http://127.0.0.1:5500/**/code/vue-next-3.2.37/packages/vue/examples/reactivity/reactive.html
    • 我们点击chrome的Sources面板，向下可看到Page, Filesystem子面板，选择Page面板，查看当前页面对应的html文件里的代码，我们可看到 reactive.html 文件
    • 只有这一个html文件以及dist/vue.global.js的js文件
  • 重新运行 build 命令, 在dist目录中，发现生成了一些 map.js 文件
    • 同样，按上述步骤操作，查看 Page 子面板，等一会儿发现，同步了一堆文件：
    • vue, compiler-core/src, compiler-dom/src, reactivity/src, runtime-core/src, runtime-dom/src, shared/src
  • 现在我想调试，如上代码中的 reactive api, 我在 reactivity/src/reactive.ts 中找到 reactive 函数并打上一个断点，即可调试了

如何阅读源码

1 ) 关于误区

  • 误区：
    • 把源代码中的每一行代码都读明白，这会导致 事倍功半
  • 正确：
    • 摒弃边缘情况，仅阅读核心逻辑，一些边缘的和一些条件可适当忽略
    • 跟随一条主线, 下面三大块不是同时的，而是跟着一条线来走完
      • 响应性
      • 运行时
      • 编译器

2 ）关于调试流程

  • 基于上述源码，我们可以测试我们的功能
  • 但是为了研究出具体的功能，我们可以自行搭建一套类似vue的框架来简化核心流程

你可能感兴趣的:(Vue,Weex,vue.js,前端)

  • vue 调用移动录像_vue H5项目调用手机摄像头录像并上传 weixin_39791446 vue调用移动录像
    上传文件input.file{position:relative;-moz-opacity:0;filter:alpha(opacity:0);opacity:0;z-index:2;}.wrapper{color:#fff;background-color:#31b0d5;border-color:#269abc;margin-top:5px;margin-bottom:5px;display:
  • vue3+ts 引入 json-editor-vue3 报错 Red_Xx jsonvue.jsjavascript
    报错内容SyntaxError:Therequestedmodule'/node_modules/jsoneditor/dist/jsoneditor.min.js?v=00499bcc'doesnotprovideanexportnamed'default'(atjson-editor.vue:2:8)尝试解决、1.import'jsoneditor'importJsonEditorVuefro
  • 使用vue如何调用手机摄像头进行拍摄和录像 那维莱特 智能手机
    首先我们需要注意如果要调用手机镜头必须要开启https请求，如果没有可以在当前服务器面板去申请ssl证书，这样的话我们就能调起手机摄像头了，废话也不多说了直接上demo,demo还有些不完善的东西，还请路过的各位大佬指教一下啦import{showToast,showSuccessToast,showFailToast,showLoadingToast,Overlay,Popup,Circle}f
  • Spring Boot 和 React 文件上传与下载教程 DZSpace 软件开发springbootreact.js后端
    在本教程中，你将学习如何使用SpringBoot构建文件上传和下载的后端功能，以及使用React实现前端界面。示例中还包括文件预览的功能。目录设置SpringBoot后端创建React前端整合与测试设置SpringBoot后端我们首先创建一个简单的SpringBoot应用程序来处理文件上传和下载。创建SpringBoot项目使用你喜欢的方法（SpringInitializr、IDE等）创建一个新的
  • “飞毛腿”小汽车 1e739302728d
    我家新买的小汽车穿着，“绿色的衣服”，肚子鼓鼓的，车头和车尾扁扁的，车头前端还瞪着一双“大眼睛”——车灯。虽然它貌不惊人，但跑起来可快了。你瞧，随着“滴滴”两声，它的尾部冒出一股黑烟，紧接着，四个轮子飞快地转动起来，一转眼就跑出去了老远。
  • SpringBoot+Vue疫苗接种管理系统 预约接种疫苗管理系统 疫苗接种查询系统Java 计算机程序老哥
    作者主页：计算机毕业设计老哥有问题可以主页问我一、开发介绍1.1开发环境开发语言：Java数据库：MySQL系统架构：B/S后端：SpringBoot(Spring+SpringMVC+Mybatis)前端：Vue工具：IDEA或者Eclipse，JDK1.8，Maven二、系统介绍2.1图片展示注册登录页面：登陆.png前端页面功能：首页、疫苗信息、健康科普、疫苗资讯、个人中心、后台管理、咨询服
  • uniapp微信小程序报错Component is not found in path 陈不知代码 微信小程序uni-app微信小程序
    1.如果网上的原因你已经排除了，请看看是否有下面这个原因2.引入的组件只允许有一层目录，即组件必须在components下面的文件夹下面，不允许出现下面的文件夹下面的文件夹。正确：components/组件文件夹/组件.vue错误：components/组件文件夹/组件文件夹/组件.vue3.不清楚原因，这样改就不会报错，人嘛了
  • Flask+LayUI开发手记（五）：树型表格实现数据展示与编辑 hbrown layui前端javascript
    说起来，树型表格treeTable绝对是后端程序员的巨大福利。要知道，在系统编程中，有父子节点关系的数据真是太多了，随便想一下就可以举出很多例子，比如权限、栏目、机构、产品、科目、货币、行业诸般等等，其实只要是稍微复杂一点的参数数据都会以树型方式来进行组织。以前做这种要专门找个树型组件来做，很麻烦的。Layui提供的树型表格TreeTable，实际是对表格的一个扩展类，把树和表格合在一起，前端配置
  • 自定义全局变量在uniapp的Vuex应用 星月梦瑾 uniappvue前端uniappuni-app
    本文介绍了uniapp使用自定义全局变量的方法。当同一业务在连续页面操作时，存在部分筛选变量需要始终保持一致，比如时间筛选条件等，来回跳转页面时如果采用变量传递，常较为繁琐，存在遗漏传递或未清除上一次变量值，造成错误。本文介绍了通过store本地缓存机制，实现全局变量的方法。一、自定义全局变量设置文件businessGlobeVariable.js@/store/modules/businessG
  • Vue3初识 冲锋敢死曾小贤
    利用vite创建vue3项目npminitvite-appprojectName安装依赖运行项目：cdprojectNamenpminstallnpmrundev数据双向绑定必须要使用ref,reactive方法，基本数据类型用ref，引用数据类型用reactiveimport{ref,reactive}from'vue'letstr2=ref("走位走位");letobj=reactive({n
  • Module not found: Error: Can‘t resolve ‘sass-loader‘ in... Coisini_甜柚か web前端sassvue.jscss
    "sass-loader"报错！！！Failedtocompile../src/main.jsModulenotfound:Error:Can'tresolve'sass-loader'in'E:\study_software\JetBrains\WebStorm2021\WebstormProjects\vue-element-admin-master'npminstallsass-loader
  • 终端输入vue ui没反应---使用vue ui出现的四个问题 Coisini_甜柚か web前端vuevue.jsui前端
    vue创建项目方法：快速通道问题1：终端使用vueui无反应，而且工具列表没有ui操作，既无法使用vueui来创建项目原因：vue版本问题，卸载原来的vue版本，然后重新安装vue-h查看帮助信息，没有vueui这一命令行。解决：安装4.x的vuenpmi-g@vue/cli或者npminstall-g@vue/cli或者cnpmi-g@vue/cli使用cnpm没问题安装最新版的vue-cli脚
  • vite打包工具的简单使用 Software攻城狮 Vue3前端
    vite打包工具的简单使用Vite是一个由Vue.js核心团队开发的现代前端构建工具，它专注于提供更快的开发体验和高效的构建性能。Vite利用ES模块的原生支持，实现了即时编译和热模块替换（HMR），并且在构建时采用Rollup来优化最终输出。Vite的基本配置Vite的配置文件是vite.config.js或者vite.config.ts（如果你使用TypeScript）。在这个文件中，你可以定
  • 【记录】 VUE3 + VITE + TS配置不同环境 ——a 前端javascriptvue.js
    根据不同环境运行项目1.在根目录下新建不同环境2.配置环境变量注：vite项目必须以VITE开头#开发环境配置NODE_ENV=development#开发环境VITE_BASE_URL=http://dev.api.xxxx.com3.在package.json配置环境启动"scripts":{"serve:dev":"vite--modedevelopment","serve:test":"v
  • Vue3+Vite2环境变量配置，分别配置本地，测试，正式 embelfe_segge 前端htmlvue.jsnode.jsjavascript
    第一步：在Vue项目创建三个文件分别为.env.env.development.env.production与Vite.config.js同级别//.env(配置本地开发地址)VITE_HOST='172.20.25.155'VITE_PORT=8080VITE_BASE_URL='./'VITE_OUTPUT_DIR='dist'VITE_API_DOMAIN='http://10.1.1.11
  • 实现自定义拖动客服按钮 鹤鸣的日常 javascript前端开发语言
    import{ref}from'vue';exportdefault{setup(){consttop=ref(20);//初始位置的上边距constleft=ref(20);//初始位置的左边距letisDragging=false;lettouchStartX=0;lettouchStartY=0;conststartDrag=(event)=>{isDragging=true;constto
  • 【面试题】JavaScript 中 try 2401_84438488 javascript开发语言ecmascript
    地址：前端面试题库web前端面试题库VSjava后端面试题库大全作为一位Web前端工程师，JavaScript中的try...catch是我们常用的特性之一。try...catch可以捕获代码中的异常并防止应用程序崩溃。但是try...catch不仅仅是简单地捕获异常。本文我将分享10个有用的try...catch使用技巧，让你在处理异常时更加得心应手。1.捕获所有异常如果你想捕获代码中所有可能的
  • Vue-cli创建单页面网页 caiyiii
    安装npminstall-g@vue/cli创建项目vuecreate项目名选择预设环境使用键盘的上下键进行选择，enter键确定默认情况下是default(bableeslint)bable:下一代JavaScript编译器，将es6语法编译为es5语法eslint:规范代码行为，可组装的JavaScript和jsx检查工具可点击第二个，进行自主选择键盘上下键选择，空格选中创建的项目各个文件no
  • 前端实现奥运五环图标 小刘| 前端
    htmlDocumentcssbody{display:flex;justify-content:center;height:100vh;align-items:center;transform-style:preserve-3d;}.olympic-rings{width:800px;height:400px;display:flex;flex-wrap:wrap;justify-content
  • django中HttpResponse render redirect 使用和区别 Hou_Monkey HttpResponserenderdjango中HttpResponserender和redi面试题你对HttpResponserender的理解
    django中HttpResponserenderredirect使用和区别在django的views模块中把业务逻辑发送前端（有转发和重定向）1.要想使用他们先导入HttpResponse：它返回到前台传入一个字符串，发送给浏览器。render：可以传递三个参数1request参数，2.渲染的html页面，3.带数据的值。renderct:url参数跳转到指定页面
  • 【VUE+SpringBoot】前端获取到的数据与后台从数据库中获取到的数据不一致 你不懂的阳
    问题后台从数据库中查询到的数据，转换成JSON字符串传到前端后，缺少部分字段。@RequestMapping("/getUpdateUser")publicStringgetUpdateUser(intid){Useruser=userDao.getUpdateUser(id);Stringstring=JSON.toJSONString(user);returnstring;}asyncshow
  • 基于SpringBoot+Vue+MySQL的图书管理系统 程序员大金 Java项目springbootvue.jsmysqljava后端tomcatspring
    系统背景  在探讨基于SpringBoot+Vue+MySQL的图书管理系统的研究背景时，我们可以从以下几个方面进行深入分析：一、数字化时代的图书管理需求  随着信息技术的飞速发展和互联网的普及，数字化已成为现代社会不可逆转的趋势。在图书管理领域，传统的纸质图书管理方式已逐渐显露出其局限性，如管理效率低下、信息更新缓慢、读者服务体验不佳等。因此，开发一套高效、便捷、智能化的图书管理系统成为图书馆和
  • 上传文件太大 net::ERR_CONNECTION_ABORTED 500 (Internal Server Error) 连接失败错误 我的风格0.0 spring前端springjava前端
    前端技术:VUE,elementUI后端技术:springCloudspringBoot前台上传文件时一直报错:net::ERR_CONNECTION_ABORTED问题根因:上传文件太大,超过后台配置解决办法:后台application.yml中添加配置:spring:servlet:multipart:enabled:truemax-file-size:100MBmax-request-siz
  • vue实现echarts-wordcloud词云图表，wordcloud参数配置列表 总是幸福的小豌豆 vue.jsnpmecharts
    1、通过npm引入echartsnpminstallecharts--save2、在main.js中添加下面两行代码importechartsfrom'echarts'Vue.prototype.$echarts=echarts3、在main.js中引入echarts-wordcloud.min.jsimport'./plugins/echarts-wordcloud.min.js'//根据实际地
  • vue 精选评论词云 集成echarts-wordcloud TF-IDF算法 麦麦大数据 可视化研究vue.jsecharts前端tf-idf
    这一期在我们的系统里集成词云组件，开发的功能是景区精选评论的词云展示功能。这个界面的逻辑是这样的：在数据框里输入城市，可以是模糊搜索的，选择城市；选择城市后，发往后台去查询该城市的精选评论，由于一个城市会有很多景点，所以精选评论也有很多，采用TF-IDF算法，计算关键词，返回给前端，使用echarts词云组件进行可视化；再次输入城市，可以切换城市，同时词云会重新渲染。1词云页面开发首先前端安装词云
  • 线上考试系统---虚拟化技术部署 琉璃一梦 云计算学习运维服务器nginx
    部署前端服务器1.将资源上传到服务器scp-rdist/[email protected]:~2.在服务器上创建基础容器[root@docker0~]#dockerrun-it--namec0centos:latest/bin/bash[root@c1092b8c9ce5/]#[root@docker0~]#[root@docker0~]#dockerattachc03.在容器中修改yum源[ro
  • 前端 css基础 湫風如兮 css
    1.什么是css是一组样式设置的规则，用于控制页面的外观样式2.为什么使用css1.实现内容与样式的分离，便于团队开发2.样式复用，便于网站的后期维护3.页面的精确控制，让页面更精美3.css作用1.页面外观美化2.布局和定位4.css应用方式也称为CSS引用方式，有三种方式：内部样式、行内样式、外部样式4.1.内部样式在title标签下面建一个style标签写css代码优点：在同一个页面内部便于
  • vue 中最基本的指令 Victor_b905
    插值表达式v-cloak（防止网速问题造成的内容错误）v-text绑定内容v-bind(缩写是:)绑定属性v-on(缩写是@)绑定事件v-model双向绑定属性只能应用于表单元素input（radio，text，address，email。。。）v-for在v-for要会使用：（key属性绑定(只接收单一的string/number)）循环数组：v-for="iteminlist"v-for="(
  • Vue项目 - 超时登出后如何跳login登录后返回之前页面 1994陈
    在项目中，我们会经常遇到超时登出的功能。跟后台约定好超时登出后返回的code。目前这个项目的登出code是401。由于我们的axios是全局配置的，所以只需要在axios发送get或post请求的地方做一个是否登出的判断：（以下已post为例）axios.post(url,params).then(response=>{if(response.data.code=='0'||response.da
  • 基础一：箭头函数和普通函数的this区别 适应653 javascript
    一、在前端HTML中，普通函数中的this指向window对象的情况通常发生在以下几种情况下：1、全局作用域:在全局作用域中定义的普通函数中，this指向window对象：functionmyFunction(){console.log(this===window);//true}myFunction();2、事件处理函数:当事件处理函数直接作为HTML元素的属性值时，this指向触发事件的元素。
  • scala的option和some 矮蛋蛋 编程scala
    原文地址： http://blog.sina.com.cn/s/blog_68af3f090100qkt8.html 对于学习 Scala 的 Java™ 开发人员来说，对象是一个比较自然、简单的入口点。在 本系列 前几期文章中，我介绍了 Scala 中一些面向对象的编程方法，这些方法实际上与 Java 编程的区别不是很大。我还向您展示了 Scala 如何重新应用传统的面向对象概念，找到其缺点
  • NullPointerException Cb123456 androidBaseAdapter
        java.lang.NullPointerException: Attempt to invoke virtual method 'int android.view.View.getImportantForAccessibility()' on a null object reference     出现以上异常.然后就在baidu上
  • PHP使用文件和目录 天子之骄 php文件和目录读取和写入php验证文件php锁定文件
    PHP使用文件和目录 1.使用include()包含文件 (1)：使用include()从一个被包含文档返回一个值 (2)：在控制结构中使用include()   include_once()函数需要一个包含文件的路径，此外，第一次调用它的情况和include()一样，如果在脚本执行中再次对同一个文件调用，那么这个文件不会再次包含。   在php.ini文件中设置
  • SQL SELECT DISTINCT 语句 何必如此 sql
    SELECT DISTINCT 语句用于返回唯一不同的值。 SQL SELECT DISTINCT 语句 在表中，一个列可能会包含多个重复值，有时您也许希望仅仅列出不同（distinct）的值。 DISTINCT 关键词用于返回唯一不同的值。 SQL SELECT DISTINCT 语法 SELECT DISTINCT column_name,column_name F
  • java冒泡排序 3213213333332132 java冒泡排序
    package com.algorithm; /** * @Description 冒泡 * @author FuJianyong * 2015-1-22上午09:58:39 */ public class MaoPao { public static void main(String[] args) { int[] mao = {17,50,26,18,9,10
  • struts2.18 +json,struts2-json-plugin-2.1.8.1.jar配置及问题！ 7454103 DAOspringAjaxjsonqq
    struts2.18  出来有段时间了！ （貌似是 稳定版）   闲时研究下下！  貌似 sruts2 搭配 json 做 ajax 很吃香！   实践了下下！ 不当之处请绕过！ 呵呵   网上一大堆 struts2+json  不过大多的json 插件 都是 jsonplugin.34.jar   strut
  • struts2 数据标签说明 darkranger jspbeanstrutsservletScheme
    数据标签主要用于提供各种数据访问相关的功能，包括显示一个Action里的属性，以及生成国际化输出等功能 数据标签主要包括： action ：该标签用于在JSP页面中直接调用一个Action，通过指定executeResult参数，还可将该Action的处理结果包含到本页面来。 bean ：该标签用于创建一个javabean实例。如果指定了id属性，则可以将创建的javabean实例放入Sta
  • 链表.简单的链表节点构建 aijuans 编程技巧
    /*编程环境WIN-TC*/ #include "stdio.h" #include "conio.h" #define NODE(name, key_word, help) \  Node name[1]={{NULL, NULL, NULL, key_word, help}} typedef struct node {  &nbs
  • tomcat下jndi的三种配置方式 avords tomcat
    jndi(Java Naming and Directory Interface，Java命名和目录接口)是一组在Java应用中访问命名和目录服务的API。命名服务将名称和对象联系起来，使得我们可以用名称 访问对象。目录服务是一种命名服务，在这种服务里，对象不但有名称，还有属性。          tomcat配置
  • 关于敏捷的一些想法 houxinyou 敏捷
    从网上看到这样一句话：“敏捷开发的最重要目标就是：满足用户多变的需求，说白了就是最大程度的让客户满意。” 感觉表达的不太清楚。 感觉容易被人误解的地方主要在“用户多变的需求”上。 第一种多变，实际上就是没有从根本上了解了用户的需求。用户的需求实际是稳定的，只是比较多，也比较混乱，用户一般只能了解自己的那一小部分，所以没有用户能清楚的表达出整体需求。而由于各种条件的，用户表达自己那一部分时也有
  • 富养还是穷养，决定孩子的一生 bijian1013 教育人生
    是什么决定孩子未来物质能否丰盛？为什么说寒门很难出贵子，三代才能出贵族？真的是父母必须有钱，才能大概率保证孩子未来富有吗？-----作者：@李雪爱与自由 事实并非由物质决定，而是由心灵决定。一朋友富有而且修养气质很好，兄弟姐妹也都如此。她的童年时代，物质上大家都很贫乏，但妈妈总是保持生活中的美感，时不时给孩子们带回一些美好小玩意，从来不对孩子传递生活艰辛、金钱来之不易、要懂得珍惜
  • oracle 日期时间格式转化 征客丶 oracle
    oracle 系统时间有 SYSDATE 与 SYSTIMESTAMP； SYSDATE：不支持毫秒，取的是系统时间； SYSTIMESTAMP：支持毫秒，日期，时间是给时区转换的，秒和毫秒是取的系统的。 日期转字符窜： 一、不取毫秒： TO_CHAR(SYSDATE, 'YYYY-MM-DD HH24:MI:SS') 简要说明， YYYY 年 MM   月
  • 【Scala六】分析Spark源代码总结的Scala语法四 bit1129 scala
    1. apply语法   FileShuffleBlockManager中定义的类ShuffleFileGroup，定义：   private class ShuffleFileGroup(val shuffleId: Int, val fileId: Int, val files: Array[File]) { ... def apply(bucketId
  • Erlang中有意思的bug bookjovi erlang
      代码中常有一些很搞笑的bug，如下面的一行代码被调用两次（Erlang beam） commit f667e4a47b07b07ed035073b94d699ff5fe0ba9b Author: Jovi Zhang <[email protected]> Date: Fri Dec 2 16:19:22 2011 +0100 erts:
  • 移位打印10进制数转16进制-2008-08-18 ljy325 java基础
    /** * Description 移位打印10进制的16进制形式 * Creation Date 15-08-2008 9:00 * @author 卢俊宇 * @version 1.0 * */ public class PrintHex { // 备选字符 static final char di
  • 读《研磨设计模式》-代码笔记-组合模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.List; abstract class Component { public abstract void printStruct(Str
  • 利用cmd命令将.class文件打包成jar chenyu19891124 cmdjar
    cmd命令打jar是如下实现： 在运行里输入cmd，利用cmd命令进入到本地的工作盘符。(如我的是D盘下的文件有此路径 D:\workspace\prpall\WEB-INF\classes) 现在是想把D:\workspace\prpall\WEB-INF\classes路径下所有的文件打包成prpall.jar。然后继续如下操作： cd D: 回车 cd workspace/prpal
  • [原创]JWFD v0.96 工作流系统二次开发包 for Eclipse 简要说明 comsci eclipse设计模式算法工作swing
                           JWFD v0.96 工作流系统二次开发包 for Eclipse 简要说明     &nb
  • SecureCRT右键粘贴的设置 daizj secureCRT右键粘贴
    一般都习惯鼠标右键自动粘贴的功能，对于SecureCRT6.7.5 ，这个功能也已经是默认配置了。 老版本的SecureCRT其实也有这个功能，只是不是默认设置，很多人不知道罢了。 菜单： Options->Global Options ...->Terminal 右边有个Mouse的选项块。 Copy on Select Paste on Right/Middle
  • Linux 软链接和硬链接 dongwei_6688 linux
    1.Linux链接概念Linux链接分两种，一种被称为硬链接（Hard Link），另一种被称为符号链接（Symbolic Link）。默认情况下，ln命令产生硬链接。 【硬连接】硬连接指通过索引节点来进行连接。在Linux的文件系统中，保存在磁盘分区中的文件不管是什么类型都给它分配一个编号，称为索引节点号(Inode Index)。在Linux中，多个文件名指向同一索引节点是存在的。一般这种连
  • DIV底部自适应 dcj3sjt126com JavaScript
    <!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/1999/xhtml&q
  • Centos6.5使用yum安装mysql——快速上手必备 dcj3sjt126com mysql
    第1步、yum安装mysql [root@stonex ~]#  yum -y install mysql-server 安装结果： Installed:     mysql-server.x86_64 0:5.1.73-3.el6_5                   &nb
  • 如何调试JDK源码 frank1234 jdk
    相信各位小伙伴们跟我一样，想通过JDK源码来学习Java，比如collections包，java.util.concurrent包。 可惜的是sun提供的jdk并不能查看运行中的局部变量，需要重新编译一下rt.jar。 下面是编译jdk的具体步骤：         1.把C:\java\jdk1.6.0_26\sr
  • Maximal Rectangle hcx2013 max
    Given a 2D binary matrix filled with 0's and 1's, find the largest rectangle containing all ones and return its area.   public class Solution { public int maximalRectangle(char[][] matrix)
  • Spring MVC测试框架详解——服务端测试 jinnianshilongnian spring mvc test
    随着RESTful Web Service的流行，测试对外的Service是否满足期望也变的必要的。从Spring 3.2开始Spring了Spring Web测试框架，如果版本低于3.2，请使用spring-test-mvc项目（合并到spring3.2中了）。   Spring MVC测试框架提供了对服务器端和客户端（基于RestTemplate的客户端）提供了支持。 &nbs
  • Linux64位操作系统（CentOS6.6）上如何编译hadoop2.4.0 liyong0802 hadoop
    一、准备编译软件   1.在官网下载jdk1.7、maven3.2.1、ant1.9.4，解压设置好环境变量就可以用。     环境变量设置如下：   （1）执行vim /etc/profile （2）在文件尾部加入: export JAVA_HOME=/home/spark/jdk1.7 export MAVEN_HOME=/ho
  • StatusBar 字体白色 pangyulei status
    [[UIApplication sharedApplication] setStatusBarStyle:UIStatusBarStyleLightContent]; /*you'll also need to set UIViewControllerBasedStatusBarAppearance to NO in the plist file if you use this method
  • 如何分析Java虚拟机死锁 sesame javathreadoracle虚拟机jdbc
    英文资料： Thread Dump and Concurrency Locks   Thread dumps are very useful for diagnosing synchronization related problems such as deadlocks on object monitors. Ctrl-\ on Solaris/Linux or Ctrl-B
  • 位运算简介及实用技巧（一）：基础篇 tw_wangzhengquan 位运算
    http://www.matrix67.com/blog/archives/263    去年年底写的关于位运算的日志是这个Blog里少数大受欢迎的文章之一，很多人都希望我能不断完善那篇文章。后来我看到了不少其它的资料，学习到了更多关于位运算的知识，有了重新整理位运算技巧的想法。从今天起我就开始写这一系列位运算讲解文章，与其说是原来那篇文章的follow-up，不如说是一个r
  • jsearch的索引文件结构 yangshangchuan 搜索引擎jsearch全文检索信息检索word分词
    jsearch是一个高性能的全文检索工具包，基于倒排索引，基于java8，类似于lucene，但更轻量级。   jsearch的索引文件结构定义如下：     1、一个词的索引由=分割的三部分组成：        第一部分是词        第二部分是这个词在多少
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他