MrWiley
MrWiley

Angular1

AngularJS是如何渲染页面的？

当你用浏览器去访问index.html的时候，浏览器依次做了如下一些事情：
 - 加载html，然后解析成DOM；
 - 加载angular.js脚本； 
 - AngularJS等待DOMContentLoaded事件的触发；
 - AngularJS寻找ng-app指令，根据这个指令确定应用程序的边界； 
 - 使用ng-app中指定的模块配置$injector；
 - 使用injector创建injector创建compile服务和$rootScope；
 - 使用compile服务编译DOM并把它链接到compile服务编译DOM并把它链接到rootScope上；  
 - ng-init指令对scope里面的变量name进行赋值； 对表达式{{name}}进行替换，于是乎，显示为“Hello World!”

那么问题来了
1.$injector 是神马东西

这里写代码片

Angular如何和浏览器的事件回路来交互

主要分为三个阶段：
　　1. 浏览器的事件回路一直等待着事件的触发，事件包括用户的交互操作、定时事件或者网络事件（如服务器的响应等）；
　　2. 一旦有事件触发，就会进入到Javascript的context中，一般通过回调函数来修改DOM；
　　3. 等到回调函数执行完毕之后，浏览器又根据新的DOM来渲染新的页面。
正如下面一张图所示，交互过程主要由几个循环组成：

 AngularJS修改了一般的Javascript工作流，并且提供了它自己的事件处理机制。这样就把Javascript的context分隔成两部分，一部分是原生的Javascript的context，另一部分是AngularJS的context。只有处在AngularJS的context中的操作才能享受到Angular的data-binding、exception handling、property watching等服务，但是对于外来者（如原生的Javascript操作、自定义的事件回调、第三方的库等）Angular也不是一概不接见，可以使用AngularJS提供的$apply()函数将这些外来者包进AngularJS的context中，让Angular感知到他们产生的变化。
 接下来，让我们一起来看看交互过程中的这几个循环是怎么工作的？

　　1. 首先，浏览器会一直处于监听状态，一旦有事件被触发，就会被加到一个event queue中，event queue中的事件会一个一个的执行。
　　2. event queue中的事件如果是被 apply()包起来的话，就会进入到AngularJS的context中，这里的fn()是我们希望在AngularJS的context中执行的函数。　　3.AngularJS将执行fn()函数，通常情况下，这个函数会改变应用的某些状态。　　4.然后AngularJS会进入到由两个小循环组成的digest循环中，一个循环是用来处理digest循环中，一个循环是用来处理evalAsync队列（用来schedule一些需要在渲染视图之前处理的操作，通常通过setTimeout(0)实现，速度会比较慢，可能会出现视图抖动的问题）的，一个循环是处理watch列表（是一些表达式的集合，一旦有改变发生，那么watch列表（是一些表达式的集合，一旦有改变发生，那么watch函数就会被调用）的。digest循环会一直迭代知道digest循环会一直迭代知道evalAsync队列为空并且 watch列表也为空的时候，即model不再有任何变化。
　　5. 一旦AngularJS的$digest循环结束，整个执行就会离开AngularJS和Javascript的context，紧接着浏览器就会把数据改变后的视图重新渲染出来。

 接下来，我们还是结合代码来解析一下：

复制代码


<html ng-app>
  <head>
    <script src="angular.js">script>
  head>
  <body>
    <input ng-model="name">
    <p>Hello {{name}}!p>
  body> 
html>

复制代码
这段代码和上一段代码唯一的区别就是有了一个input来接收用户的输入。在用浏览器去访问这个html文件的时候，input上的ng-model指令会给input绑上keydown事件，并且会给name变量建议一个 watch来接收变量值改变的通知。在交互阶段主要会发生以下一系列事件：　　1.当用户按下键盘上的某一个键的时候（比如说A），触发input上的keydown事件；　　2.input上的指令察觉到input里值的变化，调用 apply(“name=‘A’”)更新处于AngularJS的context中的model；
　　3. AngularJS将’A’赋值给name；
　　4. digest循环开始，digest循环开始，watch列表检测到name值的变化，然后通知{{name}}表达式，更新DOM；
　　5. 退出AngularJS的context，然后退出Javascript的context中的keydown事件；
　　6. 浏览器重新渲染视图。

　　最后，希望这篇博客能帮助大家更好的理解AngularJS在背后干的事情。如有不确切的地方，请指正！

http://www.cnblogs.com/penghongwei/p/3444601.html

你可能感兴趣的:(前端开发)

  • 大厂都在用的前端缓存策略，你掌握了吗？ AI架构全栈开发实战笔记 前端缓存ai
    大厂都在用的前端缓存策略，你掌握了吗？关键词：前端缓存、HTTP缓存、ServiceWorker、CDN缓存、缓存策略、性能优化、浏览器缓存摘要：本文将深入探讨前端开发中常用的缓存策略，从浏览器缓存到ServiceWorker，从HTTP缓存头到CDN缓存，全面解析大厂都在使用的高效缓存技术。通过生动的比喻和实际代码示例，帮助开发者理解并掌握这些提升Web应用性能的关键技术。背景介绍目的和范围本文
  • H5UI微信小程序前端框架实战指南 ai
    本文还有配套的精品资源，点击获取简介：H5UI是一个为微信小程序开发设计的前端框架，基于H5技术，提供简洁高效的组件库。框架集成了丰富的UI元素，如按钮、表格、导航栏等，简化了界面布局和交互的实现。通过安装、引入、使用组件和事件绑定四个步骤，开发者可以轻松构建功能齐全的应用。了解性能优化等注意事项对于高效开发同样重要。1.微信小程序前端开发框架介绍微信小程序概述微信小程序是微信官方推出的一种无需下
  • 震惊！DOM变化监控神器MutationObserver，前端开发必知的隐藏武器！ coding随想 JavaScript前端javascripthtml5
    一、什么是MutationObserver？如果你是一个前端开发者，一定会遇到这样的场景：页面动态加载内容后，某些操作失效了。比如，你写了一个监听按钮点击的代码，但按钮是通过AJAX动态加载的，你的代码根本无法触发。这个时候，你就需要一个“监控哨兵”——MutationObserver，它能实时监听DOM树的变化，帮你捕获那些“暗中作祟”的节点变动。MutationObserver是HTML5引入
  • 页面开发样式和布局入门：Vite + Vue 3 + Less
    页面开发样式和布局入门：Vite+Vue3+Less引言在现代前端开发中，样式和布局是页面开发的核心部分。随着技术的不断发展，Vite、Vue3和Less等工具和框架的出现，使得前端开发变得更加高效和灵活。然而，尽管这些工具和框架提供了强大的功能，但在实际开发中仍然会遇到各种样式和布局的问题。本文将结合Vite、Vue3和Less，详细介绍在页面开发中常见的样式和布局问题，并提供解决方案和最佳实践
  • Vue 工程化开发入门 dawn191228 前端学习vue.js前端javascript前端框架
    文章目录一、Vue工程化开发概述二、Vue脚手架三、项目运行流程四、组件化开发五、组件注册六、总结在当今的前端开发领域，Vue.js以其简洁、高效的特性受到了广泛的欢迎。Vue的工程化开发能够帮助我们更好地组织和管理项目，提高开发效率和代码质量。本文将带你了解Vue工程化开发入门知识，包括脚手架、项目运行流程、组件化以及组件注册。一、Vue工程化开发概述工程化开发是一种将软件开发过程规范化、标准化
  • Websocket使用简单示例 北海几经夏 前端websocket前端
    在前端开发中，WebSocket用于建立客户端与服务器的持久化双向通信连接，相比HTTP的单向请求响应模式，能更高效地实现实时数据交互（如聊天、实时通知、数据更新等场景）。基本步骤如下：1.建立WebSocket连接通过WebSocket构造函数创建连接，传入服务器WebSocket接口地址（协议为ws://或加密的wss://）：//连接服务器WebSocket端点constsocket=new
  • 告别UI卡顿：深入 Web Worker 与 Comlink，解锁浏览器多线程编程的真正威力 码力无边-OEC ui前端webjavascript
    告别UI卡顿：深入WebWorker与Comlink，解锁浏览器多线程编程的真正威力你一定遇到过这样的场景：点击一个按钮后，页面突然“冻结”了，UI失去响应，动画卡住，滚动条也无法拖动。几秒钟后，页面才恢复正常。这种糟糕的体验，就是前端开发者永远的噩梦——主线程阻塞。Part1:痛点重现——当主线程不堪重负让我们先来制造一个经典的UI卡顿场景：计算大量斐波那契数。HTML(index.html):
  • 今日Github热门仓库推荐 第八期 桃白白大人 Github热门项目推荐githubpython人工智能
    今日Github热门仓库推荐2025-07-22如果让AI分别扮演后端开发人员和前端开发人员，然后看看他们分别对github每天的trending仓库感兴趣的有哪些，并且给出他感兴趣的理由，那会发生什么呢？本内容通过Python+AI生成，项目地址跳转后端开发人员推荐仓库名称：donnemartin/system-design-primer仓库推荐理由：作为后端开发工程师，系统设计是核心技能之一。
  • 前端开发面试问题及答案整理 邓波home web前端前端开发面试
    说说你对闭包的理解使用闭包主要是为了设计私有的方法和变量。闭包的优点是可以避免全局变量的污染，缺点是闭包会常驻内存，会增大内存使用量，使用不当很容易造成内存泄露。闭包有三个特性:1.函数嵌套函数2.函数内部可以引用外部的参数和变量3.参数和变量不会被垃圾回收机制回收请你谈谈Cookie的弊端cookie虽然在持久保存客户端数据提供了方便，分担了服务器存储的负担，但还是有很多局限性的。第一：每个特定
  • web开发学习日志1 奋斗的岑爸
    之前在一个学习编程的网站花费一万多元，没多久就坚持不下去了，感觉自己虎头蛇尾（确切的说是虎头无尾）的性格一时间也无法改变。从此，对学习新东西彻底失去信心。上个月在微博上看吴主任转了一条微博，是关于某编程网站的推广视频，两位google开发者在2分钟左右时间里生动而清晰的介绍了编程里面“对象”这一概念，完全颠覆了我对视频教学的认知，原来编程课可以这样讲。二话不说，立马报了前端开发入门课程（webde
  • CSS预处理器与后处理器对比解析 代码的余温 css前端
    CSS预处理器和后处理器是现代前端开发中用于增强和优化CSS的强大工具，它们解决了原生CSS在大型项目中的维护和兼容性问题，但工作方式和目标不同：CSS预处理器（CSSPreprocessor）定义：CSS预处理器是一种扩展CSS语言的脚本工具。开发者使用预处理器特有的语法（如变量、嵌套、函数等）编写代码，再通过编译器将其转换为标准CSS。核心特性：变量：存储颜色、尺寸等重复值，方便全局修改。$p
  • 小输入框，大讲究：Table 数字输入框 debounce 实战分享 陈三心 vue前端vue.js
    前言大家好，我是陈三心，热爱技术和分享，欢迎大家交流，一起学习进步！个人主页：陈三心Table表格在前端开发中是十分常见的，用于展示结构化数据，如商品列表、用户信息等。本文分享一下自己在表格开发中遇到的一个奇葩问题，以及采取的解决方法。目录背景编辑数量极端情况闭包结语背景项目中使用AntDesignVue进行表格的开发，允许用户直接在表格内编辑数量，如下：上述就是本次任务需要实现的目标，是的，你没
  • 【CSS-6】深入理解CSS复合选择器：提升样式表的精确性与效率 AllenBright #CSScss前端
    CSS选择器是前端开发的基石，而复合选择器则是其中最强大且实用的工具之一。本文将全面解析CSS复合选择器的类型、用法、优先级规则以及最佳实践，帮助你编写更高效、更精确的样式表。1.什么是复合选择器？复合选择器是通过组合多个简单选择器来创建更具体的选择规则。它们允许开发者精确地定位文档树中的特定元素，而无需添加过多的类或ID。/*简单选择器*/p{color:blue;}/*复合选择器*/artic
  • 深入掌握CSS Grid布局：每个属性详解与实战示例
    CSSGrid布局是前端开发者的“布局神器”，能让你轻松搞定复杂的网页排版。想从零基础到熟练运用Grid？别急，这篇文章会带你逐一拆解Grid的每个核心属性，配上直观的代码示例和效果分析，确保你不仅看懂，还能自己写出来！无论你是新手还是想进阶，这篇指南都帮你打牢基础，学会用Grid玩转布局！1.为什么要学CSSGrid？Grid是CSS提供的一种二维布局系统，比Flexbox更强大，因为它能同时控
  • 【CSS-7】深入解析CSS伪类：从基础到高级应用 AllenBright #CSScss前端
    CSS伪类是前端开发中不可或缺的强大工具，它们允许我们根据文档树之外的信息或简单选择器无法表达的状态来样式化元素。本文将全面探讨CSS伪类的各种类型、使用场景和最佳实践。1.伪类基础概念1.1什么是伪类？伪类（Pseudo-class）是CSS中的一种特殊关键字，用于选择元素的特定状态或特征。它们以冒号(:)开头，可以附加到选择器末尾来定义元素在特定状态下的样式。/*语法*/selector:ps
  • 零基础学后端-PHP语言（第二期-PHP基础语法）（通过php内置服务器运行php文件） 恰薯条的屑海鸥 php零基础学习php开发语言后端php入门php服务器php文件运行
    经过上期的配置，我们已经有了php的开发环境，编辑器我们继续使用VScode，如果是新来的朋友可以看这期文章来配置VScode零基础学前端-传统前端开发（第一期-开发软件介绍与本系列目标）（VScode安装教程）_vscode启动前端详细步骤-CSDN博客（本系列不过多介绍php的vscode插件，没有插件也是可以用的，只是打代码的速度慢一点）接下来我们来了解php的语法看过我之前网络安全-皮卡丘
  • JavaScript异步编程艺术：深入浅出回调函数与异步挑战【含代码示例】 DTcode7 HTML网站开发#前端基础入门三大核心之JSHTML5前端javascript前端三大核心JS
    JavaScript异步编程艺术：深入浅出回调函数与异步挑战【含代码示例】异步编程基础：为何我们需要它？回调函数：异步的起点深入回调：多层嵌套的挑战解决方案：Promise与async/await案例一：Promise的优雅案例二：async/await的丝滑体验异步的最佳实践与性能优化遇到问题怎么办？问题排查思路结语：异步的未来与讨论在JavaScript的奇妙世界里，异步编程是每位前端开发者绕
  • JS异步编程：从回调地狱到Async/Await的华丽转身 PineappleCode JavaScriptjavascript前端ecmascript
    深入浅出JS异步编程：从回调地狱到Async/Await的华丽转身嗨，各位掘友们！欢迎来到我的掘金小课堂。今天我们要聊一个让无数前端开发者又爱又恨，但又不得不面对的话题——JavaScript异步编程。别看它名字听起来有点“高大上”，其实理解起来就像谈恋爱一样，充满了等待、承诺和惊喜（也可能是惊吓）！想象一下，你点了一份外卖，你不会傻傻地站在厨房门口，看着厨师一步步切菜、炒菜、打包，直到外卖送到你
  • 算法在前端框架中的集成
    引言算法是前端开发中提升性能和用户体验的重要工具。随着Web应用复杂性的增加，现代前端框架如React、Vue和Angular提供了强大的工具集，使得将算法与框架特性（如状态管理、虚拟DOM和组件化）无缝集成成为可能。从排序算法优化列表渲染到动态规划提升复杂计算效率，算法的集成能够显著改善应用的响应速度和资源利用率。本文将探讨如何将常见算法（排序、搜索和动态规划）集成到前端框架中，重点介绍框架特性
  • 学习web前端开发的经验分享 小猿圈加加
    我们不管学习什么，必不可缺少的一定是恒心和毅力，学习web也一样，更需要不断地学习和练习，因为语言嘛，就是不断地练习才能说得更好，所以不要偷懒，偷懒一定学不会，这就是计算机语言，下面看一下小编的分享吧。感想：1.学习一个技术，不是一看见源代码就是copy，而是仔细阅读后，找到自己想要的，并且自己写出来，自己理解了，下次遇到同样的问题，自己才能解决。2.在电脑上学习的过程中，我总是先建立一个txt，
  • 大学生HTML期末大作业——HTML+CSS+JavaScript音乐网站（爱莫） 无·糖 Web前端期末大作业html课程设计css大学生前端javascript网页设计
    HTML+CSS+JS【音乐网站】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计文章目录一、网站题目二、网站描述三、网站介绍四、网站效果五、️网站代码六、️‍如何学习进步七、‍☠️更多干货文章目录一、网站题目音乐网站7页含网页设计报告二、网站描述总结了一些学生网页制作的经验：一般的网页需要融入以下知识点：div+css布局、浮动、定位、高级css、表格、表单及验证、js轮播图
  • 【原生JS】 前端JS字符串最常用 20 道面试题总结（含详细代码解析） 全栈前端老曹 前端javascript开发语言面试vuereact.jsecmascript
    原生JavaScript字符串最常用20道面试题总结（含详细代码解析）字符串是前端开发中最常见的数据类型之一，也是各大公司高频考察点。以下是老曹总结的原生JS字符串相关的20道高频面试题，涵盖字符串操作、正则表达式、性能优化、常见陷阱等多个方面，每道题都配有详细的代码示例和讲解。面试题目录序号题目考察点1slice,substring,substr的区别？截取方法2如何判断一个字符串是否包含另一个
  • JS与Go：编程语言双星的碰撞与共生 万能小贤哥 ffmpegjava数据结构小程序游戏
    在编程语言的璀璨星河中，JavaScript（简称JS）与Go语言凭借各自独特的魅力，成为不同领域的佼佼者。前者以灵活多变的姿态征服了前端世界，后者则以高效稳健的特性在后端领域崭露头角，二者的碰撞与共生，勾勒出当代编程世界的多元图景。JS：从前端霸主到全栈多面手JavaScript诞生于浏览器环境，凭借“只要有浏览器就能运行”的特性，迅速成为前端开发的基石。它是动态脚本语言，语法灵活，无需编译即可
  • WebAssembly：前端性能优化的新利器 大力出奇迹985 wasm前端性能优化
    WebAssembly作为一种新型二进制指令格式，为前端性能优化带来了革命性突破。它能与JavaScript协同工作，弥补了JS在计算密集型任务中的性能短板，可将执行效率提升数倍甚至数十倍。本文将从WebAssembly的核心特性出发，解析其优化原理，介绍在游戏开发、视频处理、数据加密等场景的应用案例，详解从开发到部署的实践流程，并探讨其未来发展趋势，为前端开发者提供一套完整的性能优化解决方案。一
  • HTML5和SVG篝火动画实战：月亮下的野营炊烟效果 申增浩
    本文还有配套的精品资源，点击获取简介：HTML5是网页标记语言的最新标准，支持更加动态和丰富的用户体验。本项目源码展示了如何使用HTML5的SVG来绘制篝火和炊烟动画，通过CSS3动画、JavaScript交互、Canvas与SVG的选择以及Web动画性能优化，实现了一个月亮下的篝火和野营炊烟效果。项目还考虑了响应式设计和数据结构的使用，为开发者提供了一个学习Web前端开发的实践案例。1.HTML
  • 本地存储（Local Storage）、会话存储（Session Storage）、IndexedDB 和 Cookies 区别及抗清除能力 郭靖8 html5
    本地存储（LocalStorage）、会话存储（SessionStorage）、IndexedDB和Cookies是前端开发中常用的客户端存储技术，它们在用途、生命周期、容量和特性上有显著区别。以下是它们的详细对比：1.本地存储（LocalStorage）特点：持久性：数据永久存储，除非手动清除（通过代码或浏览器设置）。作用域：同一域名下的所有页面共享数据。容量：约5MB（不同浏览器可能略有差异）
  • 前端开发性能监控详解 艾光远 前端架构React前端开发系统架构React
    Sentry是一个强大的错误跟踪和性能监控工具，能够帮助开发者在React应用中监控并诊断问题。它可以记录和报告前端应用中的错误和性能瓶颈，使开发者能够快速识别和解决问题。以下是关于Sentry在React应用中集成和使用的详细说明。1.创建Sentry项目访问Sentry官网并注册一个账号。登录后，创建一个新项目，选择平台为JavaScript或React。创建完成后，Sentry会给出一段初始
  • 前端开发 Vue 组件优化
    1.按需导入与代码分割对于一些大型库，尽可能只导入需要的部分：//好的做法import{Button,Select}from'element-plus'//避免这样做//importElementPlusfrom'element-plus'代码分割是一种将应用分解成分成较小的块的技术，可以显著提高加载性能。在Vue中，我们可以结合动态导入和异步组件来实现：配置路由：//router.jsimpor
  • Vue.js 性能优化指南：掌握 keep-alive 的使用技巧 乐闻x Vue进阶笔记手册vue.js性能优化前端
    前言在现代前端开发中，性能优化和用户体验一直是开发者关注的重点。对于使用Vue.js构建的单页应用（SPA）来说，频繁的组件切换可能带来性能问题和状态丢失等挑战。Vue提供的keep-alive组件为这一问题提供了优雅的解决方案。本文将深入探讨keep-alive的作用及其使用方法，帮助开发者在实际项目中充分利用这一功能实现高效的组件管理。什么是keep-alive？简单来说，keep-alive
  • 前端开发命名规范 十月不到底 javascript前端
    前言优秀的代码往往是最通俗易懂的代码，在于它的易于维护。在开发过程中，变量/方法优秀的命名往往有助于理解该变量/方法的用途，起到命名即注释的作用。而糟糕的命名往往会让人摸不着头脑。为了提高代码的可维护性，我们需要更优雅的命名方式。一.常见命名种类目前收集到的常见的命名方式主要有以下4种：驼峰命名法（camelCase）首字母小写，从第二个单词开始首字母大写，例如：myProjectFolder帕斯
  • 插入表主键冲突做更新 a-john
    有以下场景： 用户下了一个订单，订单内的内容较多，且来自多表，首次下单的时候，内容可能会不全（部分内容不是必须，出现有些表根本就没有没有该订单的值）。在以后更改订单时，有些内容会更改，有些内容会新增。 问题： 如果在sql语句中执行update操作，在没有数据的表中会出错。如果在逻辑代码中先做查询，查询结果有做更新，没有做插入，这样会将代码复杂化。 解决： mysql中提供了一个sql语
  • Android xml资源文件中@、@android:type、@*、？、@+含义和区别 Cb123456 @+@?@*
    一.@代表引用资源 1.引用自定义资源。格式：@[package:]type/name android：text="@string/hello"   2.引用系统资源。格式：@android:type/name     android:textColor="@android:color/opaque_red"
  • 数据结构的基本介绍 天子之骄 数据结构散列表树、图线性结构价格标签
    数据结构的基本介绍 数据结构就是数据的组织形式，用一种提前设计好的框架去存取数据，以便更方便，高效的对数据进行增删查改。正确选择合适的数据结构，对软件程序的高效执行的影响作用不亚于算法的设计。此外，在计算机系统中数据结构的作用也是非同小可。例如常常在编程语言中听到的栈，堆等，就是经典的数据结构。   经典的数据结构大致如下：   一：线性数据结构 (1)：列表 a
  • 通过二维码开放平台的API快速生成二维码 一炮送你回车库 api
     现在很多网站都有通过扫二维码用手机连接的功能，联图网(http://www.liantu.com/pingtai/)的二维码开放平台开放了一个生成二维码图片的Api,挺方便使用的。闲着无聊，写了个前台快速生成二维码的方法。        html代码如下:(二维码将生成在这div下) ? 1  &nbs
  • ImageIO读取一张图片改变大小 3213213333332132 javaIOimageBufferedImage
    package com.demo; import java.awt.image.BufferedImage; import java.io.File; import java.io.IOException; import javax.imageio.ImageIO; /** * @Description 读取一张图片改变大小 * @author FuJianyon
  • myeclipse集成svn（一针见血） 7454103 eclipseSVNMyEclipse
                                     &n
  • 装箱与拆箱----autoboxing和unboxing darkranger J2SE
    4.2　自动装箱和拆箱 基本数据(Primitive)类型的自动装箱(autoboxing)、拆箱(unboxing)是自J2SE 5.0开始提供的功能。虽然为您打包基本数据类型提供了方便，但提供方便的同时表示隐藏了细节，建议在能够区分基本数据类型与对象的差别时再使用。 4.2.1　autoboxing和unboxing 在Java中，所有要处理的东西几乎都是对象(Object)
  • ajax传统的方式制作ajax aijuans Ajax
    //这是前台的代码 <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+
  • 只用jre的eclipse是怎么编译java源文件的？ avords javaeclipsejdktomcat
    eclipse只需要jre就可以运行开发java程序了，也能自动 编译java源代码，但是jre不是java的运行环境么，难道jre中也带有编译工具？ 还是eclipse自己实现的？谁能给解释一下呢问题补充：假设系统中没有安装jdk or jre，只在eclipse的目录中有一个jre，那么eclipse会采用该jre，问题是eclipse照样可以编译java源文件，为什么呢？ &nb
  • 前端模块化 bee1314 模块化
    背景： 前端JavaScript模块化，其实已经不是什么新鲜事了。但是很多的项目还没有真正的使用起来，还处于刀耕火种的野蛮生长阶段。   JavaScript一直缺乏有效的包管理机制，造成了大量的全局变量，大量的方法冲突。我们多么渴望有天能像Java（import），Python (import)，Ruby(require)那样写代码。在没有包管理机制的年代，我们是怎么避免所
  • 处理百万级以上的数据处理 bijian1013 oraclesql数据库大数据查询
    一.处理百万级以上的数据提高查询速度的方法：        1.应尽量避免在 where 子句中使用!=或<>操作符，否则将引擎放弃使用索引而进行全表扫描。         2.对查询进行优化，应尽量避免全表扫描，首先应考虑在 where 及 o
  • mac 卸载 java 1.7 或更高版本 征客丶 javaOS
    卸载 java 1.7 或更高 sudo rm -rf /Library/Internet\ Plug-Ins/JavaAppletPlugin.plugin 成功执行此命令后，还可以执行 java 与 javac 命令 sudo rm -rf /Library/PreferencePanes/JavaControlPanel.prefPane 成功执行此命令后，还可以执行 java
  • 【Spark六十一】Spark Streaming结合Flume、Kafka进行日志分析 bit1129 Stream
    第一步，Flume和Kakfa对接，Flume抓取日志，写到Kafka中 第二部，Spark Streaming读取Kafka中的数据，进行实时分析   本文首先使用Kakfa自带的消息处理（脚本）来获取消息，走通Flume和Kafka的对接 1. Flume配置 1. 下载Flume和Kafka集成的插件，下载地址：https://github.com/beyondj2ee/f
  • Erlang vs TNSDL bookjovi erlang
          TNSDL是Nokia内部用于开发电信交换软件的私有语言，是在SDL语言的基础上加以修改而成，TNSDL需翻译成C语言得以编译执行，TNSDL语言中实现了异步并行的特点，当然要完整实现异步并行还需要运行时动态库的支持，异步并行类似于Erlang的process（轻量级进程），TNSDL中则称之为hand，Erlang是基于vm(beam)开发，
  • 非常希望有一个预防疲劳的java软件, 预防过劳死和眼睛疲劳,大家一起努力搞一个 ljy325 企业应用
    　非常希望有一个预防疲劳的java软件，我看新闻和网站，国防科技大学的科学家累死了，太疲劳，老是加班，不休息，经常吃药，吃药根本就没用，根本原因是疲劳过度。我以前做java,那会公司垃圾，老想赶快学习到东西跳槽离开，搞得超负荷，不明理。深圳做软件开发经常累死人，总有不明理的人，有个软件提醒限制很好，可以挽救很多人的生命。 相关新闻： （1）IT行业成五大疾病重灾区：过劳死平均37.9岁
  • 读《研磨设计模式》-代码笔记-原型模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /** * Effective Java 建议使用copy constructor or copy factory来代替clone()方法： * 1.public Product copy(Product p){} * 2.publi
  • 配置管理---svn工具之权限配置 chenyu19891124 SVN
    今天花了大半天的功夫，终于弄懂svn权限配置。下面是今天收获的战绩。 安装完svn后就是在svn中建立版本库，比如我本地的是版本库路径是C:\Repositories\pepos。pepos是我的版本库。在pepos的目录结构 pepos    component    webapps 在conf里面的auth里赋予的权限配置为 [groups]
  • 浅谈程序员的数学修养 comsci 设计模式编程算法面试招聘
                                     浅谈程序员的数学修养
  • 批量执行 bulk collect与forall用法 daizj oraclesqlbulk collectforall
    BULK COLLECT 子句会批量检索结果，即一次性将结果集绑定到一个集合变量中，并从SQL引擎发送到PL/SQL引擎。通常可以在SELECT INTO、 FETCH INTO以及RETURNING INTO子句中使用BULK COLLECT。本文将逐一描述BULK COLLECT在这几种情形下的用法。     有关FORALL语句的用法请参考：批量SQL之 F
  • Linux下使用rsync最快速删除海量文件的方法 dongwei_6688 OS
    1、先安装rsync：yum install rsync 2、建立一个空的文件夹：mkdir /tmp/test 3、用rsync删除目标目录：rsync --delete-before -a -H -v --progress --stats /tmp/test/ log/这样我们要删除的log目录就会被清空了，删除的速度会非常快。rsync实际上用的是替换原理，处理数十万个文件也是秒删。
  • Yii CModel中rules验证规格 dcj3sjt126com rulesyiivalidate
    Yii cValidator主要用法分析：  yii验证rulesit 分类： Yii yii的rules验证 cValidator主要属性 attributes ,builtInValidators,enableClientValidation,message,on,safe,skipOnError  
  • 基于vagrant的redis主从实验 dcj3sjt126com vagrant
    平台: Mac 工具: Vagrant 系统: Centos6.5 实验目的: Redis主从   实现思路 制作一个基于sentos6.5, 已经安装好reids的box, 添加一个脚本配置从机, 然后作为后面主机从机的基础box   制作sentos6.5+redis的box   mkdir vagrant_redis cd vagrant_
  • Memcached(二)、Centos安装Memcached服务器 frank1234 centosmemcached
    一、安装gcc rpm和yum安装memcached服务器连接没有找到，所以我使用的是make的方式安装，由于make依赖于gcc，所以要先安装gcc 开始安装，命令如下，[color=red][b]顺序一定不能出错[/b][/color]： 建议可以先切换到root用户，不然可能会遇到权限问题：su root 输入密码...... rpm -ivh kernel-head
  • Remove Duplicates from Sorted List hcx2013 remove
    Given a sorted linked list, delete all duplicates such that each element appear only once. For example,Given 1->1->2, return 1->2.Given 1->1->2->3->3, return&
  • Spring4新特性——JSR310日期时间API的支持 jinnianshilongnian spring4
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • 浅谈enum与单例设计模式 247687009 java单例
    在JDK1.5之前的单例实现方式有两种(懒汉式和饿汉式并无设计上的区别故看做一种)，两者同是私有构 造器，导出静态成员变量，以便调用者访问。 第一种 package singleton; public class Singleton { //导出全局成员 public final static Singleton INSTANCE = new S
  • 使用switch条件语句需要注意的几点 openwrt cbreakswitch
    1. 当满足条件的case中没有break，程序将依次执行其后的每种条件（包括default）直到遇到break跳出 int main() { int n = 1; switch(n) { case 1: printf("--1--\n"); default: printf("defa
  • 配置Spring Mybatis JUnit测试环境的应用上下文 schnell18 springmybatisJUnit
    Spring-test模块中的应用上下文和web及spring boot的有很大差异。主要试下来差异有： 单元测试的app context不支持从外部properties文件注入属性 @Value注解不能解析带通配符的路径字符串 解决第一个问题可以配置一个PropertyPlaceholderConfigurer的bean。 第二个问题的具体实例是：    
  • Java 定时任务总结一 tuoni javaspringtimerquartztimertask
     Java定时任务总结  一.从技术上分类大概分为以下三种方式：  1.Java自带的java.util.Timer类，这个类允许你调度一个java.util.TimerTask任务;   说明：    java.util.Timer定时器，实际上是个线程，定时执行TimerTask类 &
  • 一种防止用户生成内容站点出现商业广告以及非法有害等垃圾信息的方法 yangshangchuan rank相似度计算文本相似度词袋模型余弦相似度
    本文描述了一种在ITEYE博客频道上面出现的新型的商业广告形式及其应对方法，对于其他的用户生成内容站点类型也具有同样的适用性。   最近在ITEYE博客频道上面出现了一种新型的商业广告形式，方法如下：     1、注册多个账号（一般10个以上）。     2、从多个账号中选择一个账号，发表1-2篇博文
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他