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 git@github.com: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,前端)

  • 【前端】系统 南瓜啊 前端
    App.vuemain.js//import'./assets/main.css'import{createApp}from'vue'import{createPinia}from'pinia'importAppfrom'./App.vue'importrouterfrom'./router'importdirectivesfrom"@/directives";constapp=createApp
  • 基于JavaWeb开发的Java+SpringBoot+vue+element实现前后端分离玩具商城系统 网顺技术团队 成品程序项目springboot开发语言课程设计javavue.js
    基于JavaWeb开发的Java+SpringBoot+vue+element实现前后端分离玩具商城系统作者主页网顺技术团队欢迎点赞收藏⭐留言文末获取源码联系方式查看下方微信号获取联系方式承接各种定制系统精彩系列推荐精彩专栏推荐订阅不然下次找不到哟Java毕设项目精品实战案例《1000套》感兴趣的可以先收藏起来，还有大家在毕设选题，项目以及论文编写等相关问题都可以给我留言咨询，希望帮助更多的人文章
  • 谈谈 HTTPS 的工作原理，SSL / TLS 握手流程是什么？ 程序员黄同学 前端开发JavaScriptnode.jshttpsssl网络协议
    一、HTTPS核心机制：非对称加密+对称加密HTTPS=HTTPoverTLS/SSL，通过混合加密体系解决三大问题：防窃听-对称加密传输内容（如AES）防篡改-数字签名验证数据完整性防冒充-数字证书验证服务器身份//前端感知的典型场景：混合内容拦截//在HTTPS页面加载HTTP资源会被浏览器拦截//控制台报错：MixedContent:ThepagewasloadedoverHTTPS...二
  • 如何在React.js中使用Shadcn/UI
    如何在React.js中使用Shadcn/UI学习如何在React.js中使用Shadcn/UI构建可自定义且轻量的界面。了解如何将其与Apipost集成，以实现高效的API管理和测试。非常适合希望提升React.js项目的开发者！使用Shadcn/UI构建现代化界面创建简洁的用户界面是前端开发者的主要目标之一。随着组件库的兴起，这一任务变得更加简化。今天，我们将深入探讨Shadcn/UI，这是一
  • easyUI 猪大爷爱你 easyui前端javascript
    一.easyUI的简介easyui是一款基于jQuery的前端框架，可以使用其中的组件进行布局以及用来做后台的管理界面。EasyUI是一个前端开发的框架，其将常用的页面开发使用的组件进行了封装，前端开发人员只需将EasyUI的资源导入项目后使用即可，快速提升开发效率。使用：①导入EasyUI的资源②查阅API文档使用EasyUI的组件完成页面开发二.easyUI的不足之处现在据了解到有三种UI框架
  • 初识 Flutter 的绘图组件 — CustomPaint 岛上码农 Flutter绘图Flutter入门与实战flutterandroid前端ios跨平台开发
    简介在有些场景中，我们会需要绘制一些高度定制化的组件，比如UI设计师给我们出了个难题——弄一个奇形怪状的边框。看在UI设计师是一个漂亮小姐姐的份上，又不好意思说这个做不了（那样也很没面子）。这个时候我们就不能直接使用Flutter自带的那些组件了，而是需要手动绘制组件，那就会需要用到CuntomPaint组件。CustomPaint组件和前端的Canvas差不多，允许我们在一个画布上绘制各种元素，
  • 初识flutter 悦码客 flutterflutterandroid
    文章目录初识flutter什么是flutter？为什么选择了解flutter配置环境配置android开发环境初识flutter什么是flutter？Flutter是由Google开发和提供支持的开源框架。前端和全栈开发人员使用Flutter为具备单一代码库的多个平台构建应用程序的用户界面（UI）。在2018年推出时，Flutter主要支持移动应用程序开发。Flutter目前支持在六个平台上进行应
  • 前端开发--node.js 前端_学习之路 nodejsnode.js
    Node.js是一个基于ChromeV8引擎的JavaScript运行时环境，它使得JavaScript能够在服务器端运行，极大地扩展了JavaScript的应用范围。以下是关于Node.js的详细介绍：特点事件驱动：Node.js基于事件驱动架构，使用事件循环来处理并发操作。这意味着它可以高效地处理大量并发请求，而无需为每个请求创建新的线程，从而提高了性能和响应速度。非阻塞I/O：Node.js
  • Vue F05 -- 伪类元素 Toreme Vuevue.jsjavascript前端
    CSSQuery不能通过$("：before")、$(dom).find(":before")、document.querySelector(“:before”)来获取:before为元素伪元素（Pseudo-elements）为什么不能直接用JS获取伪元素呢？::before::after，用于在CSS渲染中向元素是的头部或尾部插入内容，它们不受文档约束，也不影响文档本身，只影响最终样式。这些添
  • Vue05 memorycx javascript
    Vue05一个重要的内置关系：VueComponent.prototype.__proto____===Vue.prototyoe为什么要有这个关系：让组件实例对象（vc）可以访问到Vue原型上的属性和方法单文件组件注：cli的全称commandlineinterface一般叫做：脚手架具体步骤全局安装@vue/clinpminstall-g@vue/cli切换到你要创建项目的目录，然后使用命令创
  • HBuilderX（uni-app）搭建小程序流程（请求封装，下拉刷新，底部加载等） 一朵好运莲 uni-app
    uni-app是一个跨平台的前端框架，用于开发多端应用。uni-app提供了一个统一的API，允许开发者编写一次代码，最终部署到多个平台，极大地提高了开发效率。在编写小程序的时候和原生微信开发者工具语法略有区别。目录一、请求工具封装二、点击跳转页面报错MiniProgramError{"errMsg":"navigateTo:failtimeout"}三、滚动底部发请求和下拉刷新四、接收路由参数五
  • uni-app/vue请求封装 厦门在乎科技 文章vue.js微信小程序
    最近公司准备开发一个安卓的app，苦于原生开发的成本和无人会安卓技术，决定采用混合开发来实现。基于低学习成本，最终选择了能较快上手的uni-app技术。这期间也是一边看文档，一边开发，痛并快乐着。第一次尝试写博客，力求用最简单的文字记录一个项目的开发过程，希望自己能坚持下去！其实在翻看uni-app的开发文档，不难发现，他的很多语法和vue非常像，比方说数组遍历、条件渲染等，只是将vue的【v】改
  • Vue 2 vs Vue 3：深入对比 vue.config.js 配置差异与迁移指南 奶凶的小熊崽 vuejavascriptvue.js前端javascriptwebpack
    目前Vue版本已发布至Vue3.x，而Vue2.x和Vue3.x在项目配置和开发方式上有些差异。在Vue3中，vue.config.js的配置文件结构和Vue2是相似的，以下是一个适用于Vue3的完整配置文件示例，兼顾开发环境、生产环境优化以及常用功能配置。适用于Vue3的vue.config.js配置文件示例：constpath=require('path');constCompressionW
  • Vue 全局 Axios 封装：自动刷新 Token，解决登录过期难题 奶凶的小熊崽 前端vuejavascriptokhttpvueAxiosajax前端
    在Vue项目中封装一个全局通用的AJAX请求函数，同时实现Token过期自动刷新，一般可以使用Axios进行封装，具体步骤如下：第一步：安装Axios如果项目中未安装axios，先安装它：npminstallaxios第二步：创建Axios实例在utils/request.js中封装请求实例：importaxiosfrom'axios';//创建Axios实例constservice=axios.
  • 前端开发全攻略：从兼容性到安全性，全方位解决常见问题！ 奶凶的小熊崽 前端vuejavascriptvuenode.jsjavascript前端vue.js
    1.兼容性问题问题表现：不同浏览器解析HTML、CSS、JavaScript可能存在差异。IE、Safari等浏览器对某些新特性支持不足。移动端与PC端的适配问题。解决方案：✅CSS兼容性处理：使用CSSReset或Normalize.css统一默认样式。使用flexbox、grid代替float，减少布局兼容问题。使用前缀自动补全（如PostCSS的autoprefixer）。✅JavaScri
  • 负责淘宝数据采集业务开发9年，聊聊我的心得 数据喵19970108018 经验分享
    缘起本人自14年校招加入淘宝UED（淘系前端前身）后，一直从事淘宝的业务前端开发工作，至今已有9年。一直想对自己已经度过的四分之一职业生涯（如果我能干30年的话）做个简单总结，无奈『拖延症』严重，直到年前被邀约做年终总结时，才下定决心，于是有了这篇文章。本文是一个业务前端对如何支撑好业务，以及在这过程中如何获得个人成长的总结。一些心路历程的变化可能不是在某个瞬间，而是在实践过程中潜移默化形成的。关
  • 前端小食堂 | Day6 - 异步料理の等待美学 喵爪排序 前端
    ✨前端小食堂|Day6-异步料理の等待美学✨⏳今日主菜：Promise与async/awaitの交响乐章技法一：Promise基础火候掌控1.基础熬汤法//创建Promise就像煮泡面要有等待计时器constcookNoodles=newPromise((resolve,reject)=>{setTimeout(()=>{Math.random()>0.3?resolve("面条Q弹出锅！"):r
  • FromData传参形式： It 小白努力中… html前端vue.js
    前端传参有很多形式下面介绍一下FromData传参！！首先模拟的是获取列表的形式向后端传递参数：1、第一要在发请求函数里new一个新的对象通过append方式向这个对象中添加参数：//获取列表getLists(){letformdata=newFormData();//new出来的对象formdata.append("pageNum",this.queryParams.page);//所传递参数f
  • 工程化与框架系列（16）--前端路由实现 一进制ᅟᅠ        ‌‍‎‏  前端工程化与框架前端
    前端路由实现前端路由是单页应用（SPA）的核心功能，它使得在不刷新页面的情况下实现视图切换和状态管理。本文将深入探讨前端路由的实现原理和关键技术。前端路由概述小知识：前端路由是指在单页应用中，通过JS动态操作改变页面内容，而不触发浏览器刷新的技术，使得用户体验更加流畅。为什么需要前端路由在传统的多页面应用中，页面跳转需要向服务器发送请求并重新加载页面。而在单页应用中，前端路由带来以下优势：提升用户
  • Day1、 Vue3 入门指南 码有余悸 Vue3vuevue.jshtml
    「本专栏是我在学习Vue3过程中的总结与分享，旨在帮助初学者快速上手Vue3。由于我也在持续学习中，如果有任何疏漏或错误，欢迎大家在评论区指正，我们一起进步！」提示：使用该文档学习vue3需要有一些vue和vue2的基础才可以更好的学习噢~~版权：未经允许，禁止转载！鼓励：学习是一个缓慢的过程，唯有时间能证明一切，加油吧@所有人！！！目录前言一、Vue3的简介1.Vue3是什么？2.Vue3能做什
  • Day7、Vue3 组件通信技术 码有余悸 Vue3vue.jsjavascript前端
    「本专栏是我在学习Vue3过程中的总结与分享，旨在帮助初学者快速上手Vue3。由于我也在持续学习中，如果有任何疏漏或错误，欢迎大家在评论区指正，我们一起进步！」提示：使用该文档学习vue3需要有一些vue和vue2的基础才可以更好的学习噢~~版权：未经允许，禁止转载！鼓励：每一次自我怀疑，都是成长的信号，它在提醒你正站在突破的边缘。大胆向前，你的能力远超想象，自信会为你推开成功之门。———————
  • 前端基础 - HTML（一）html基本结构 林一。 html基础前端html
    html概述和基本结构html概述HTML是HyperTextMark-upLanguage的首字母简写，意思是超文本标记语言，超文本指的是超链接，标记指的是标签，是一种用来制作网页的语言，这种语言由一个个的标签组成，用这种语言制作的文件保存的是一个文本文件，文件的扩展名为html或者htm，一个html文件就是一个网页，html文件用编辑器打开显示的是文本，可以用文本的方式编辑它，如果用浏览器打
  • 前端学习——HTML W起名有点难 学习笔记前端学习html
    VSCode常用快捷键代码格式化：Shift+Alt+F向上或向下移动一行：Alt+Up或Alt+Down快速复制一行代码：Shift+Alt+Up或者Shift+Alt+Down快速替换：Ctrl+HHTML标签文本标签定义着重文字定义粗体文字定义斜体文字加重语气删除字无特定含义列表标签1、有序列表//type可以改变列表项目标签//1：用数字标号；A：用大写字母标号；a：用小写字母标号；i：小
  • 我的创作纪念日 活宝小娜 前端前端vue.jsjavascript
    机缘在2020年初，正值前端开发技术日新月异的时期，我作为一名初入行不久的前端开发者，经常在工作中遇到各种挑战和难题。为了找到解决方案，我开始频繁地在CSDN上搜索相关的技术文章和讨论。渐渐地，我发现通过分享和讨论，不仅能帮助自己更快地解决问题，还能结识到许多志同道合的朋友。于是，在2020年03月01日，我鼓起勇气，发表了第一篇技术博客。收获知识深化：通过撰写博客，我不断巩固和深化了自己的前端知
  • 前端基础——HTML happyhappy666568 前端htmljavascript
    目录一、前端概述二、HTML简介三、HTML基本结构一、前端概述在Web开发中，有前端与后端之分。前端负责页面的布局，后端负责页面的逻辑。前端负责设计网页的样子，也就是我们看到的一个个彩色的方框和文字，但是一个网站只有这些按钮还远远不够啊，肯定还有服务器记录我们输入的信息数据。所以，后端负责的就是我们看不到的那些逻辑程序，它负责处理我们在网页上输入的那些信息或者点击信号等。核心技术：HTML(负责
  • 关于后端使用Boolean或boolean时前端收到的参数的区别 燃星cro 前端后端java
    当后端使用的是Boolean时，调用的方法是setIsLoginUser，前端收到的参数的参数名是isLoginUser而当后端使用的是boolean时，调用的方法是setLoginUser，前端收到的参数的参数名是loginUser封装类和基本数据类型在使用时需要注意这些细微的差别，因为这些细微的差别可能会导致前端收到的参数名称与预想的并不一样从而导致功能无法正常实现
  • Linux服务器防火墙白名单访问策略的配置示例 一望无际的大草原 后端运维防火墙服务器linux防火墙
    最近在做Linux系统应用部署配置过程中，为了确保应用的安全，简单学习了解了一些Linux中的动态防火墙管理工具的使用方法。本文测试实验主要采用Linux服务器的动态防火墙管理工具(即firewalld)，来实现服务或端口的访问控制，firewalld主要用于管理Linux系统中的防火墙规则，firewalld不是一个独立的防火墙软件，他基于Linux内核的netfilter框架的前端工具，fir
  • 【One Api】部署 giao客 大模型API
    文章目录介绍安装流程MySQL安装OneAPI安装访问前端使用超级管理员参考链接介绍Oneapi作为一个对用户请求和模型接口的中转站，能够根据用户的id和渠道id，调控用户与大模型api接口的请求。能够对用户的请求token量进行充值、监控、统计等功能。是作为大模型管理的一个开源高效工具。OneAPI是一个OpenAI接口管理&分发系统，可以通过标准的OpenAIAPI格式访问所有的大模型，开箱即
  • 如何在管理端项目中优雅地封装表格搜索条件 前端老曹 html5javascriptcss3vue.jstypescriptsass前端
    #前端做管理端项目时会有一个非常明显的问题就是表格页面过多如果每个表格页面都是自己写一套表格搜索条件会造成很多的代码冗余于是我就尝试封装一个适用于大部分表格的搜索条件组件用于提高代码复用性、可维护性和用户体验#文章目录引言需求分析设计思路实现细节使用示例总结引言在前端开发中，表格搜索是常见的功能需求。特别是在管理端项目中，表格搜索能够帮助用户快速定位到所需的数据。ElementPlus作为基于Vu
  • Vue 3 项目中的路由管理详解 前端老曹 vue.js前端javascript
    #随着前端单页应用（SPA）的兴起，路由管理成为了前端项目中不可或缺的一部分。VueRouter作为Vue.js官方的路由管理器，与Vue.js深度集成，为构建单页应用提供了强大的路由功能。在Vue3中，VueRouter也相应地进行了更新和优化，以更好地支持Vue3的新特性。本文将详细介绍Vue3项目中的路由管理。#一、VueRouter4概述VueRouter4是与Vue3配套使用的路由管理器
  • 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 <bookjovi@gmail.com> 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其他