Head First JavaScript 之 DOM

【问题】If some one handed me 一个对象，那我有没有得到这个对象中包含的所有的属性办法？
【回答】

/* 使用for in来遍历得到对象的属性*/

for (var i in car) {
var car = {
};

===================================

不知不觉，我学习《Head First JavaScript》已经来到了DOM这个章节了，虽然在上课的时候，这些已经讲过了，但我在课堂上对这些知识的理解仍不够OK，所以，希望，新的一章能够带给我惊喜吧！

大二第一学期开学之前，我就开始接触了这本书，可以说是这本书带着我入门的，没有它带我入门的话，估计在新学期所要学的JavaScript我会有可能因为是新知识，新挑战而无法轻易接受，更有可能影响一整个学期的心情。幸好，有了这本书，幸好在开学前我接触到了这本书。

这段时间也让我懂得了一些道理，凡事就应该要有备而无患。

下面是我对新章节的笔记：

"DOM"这个初听起来，感觉很高端的样子。我之前在一本叫做《疯狂的程序员》的书中便看到这个词，我以为这是他们行业中某个领域的专有的名词，高大上到我只能仰望。但其实不是这样的。

"DOM"的全称是 Document Object Model. 光从字面上理解起来，就可以发现，我们也随着这个"高大上"的词高大上起来了。

我们知道，HTML是标记语言，一般是静态的页面，而JavaScript是程序设计语言，可以写出有顺序先后，逻辑性强等等的代码，JS(为了方便一点，以下所有的"JavaScript"我都称为JS，貌似本来就可以这么称呼的...)与HTML结合使用，还可以使页面更好地用户交互的，从而使得静态页面上升到动态的页面。在HTML文件中嵌入script标签可以建立起HTML与JS之间的联系，但是，他们之间是以什么方式来进行沟通的呢?在书中说是通过DOM来代表我们的HTML页面，转而以DOM向JS互联沟通。
那DOM是如何出现的呢？为了熟悉这个看似高大上的名词，我们【书本和我还有感兴趣的你们】进行了一下探讨：

当你的浏览器加载一个HTML页面时，浏览器在解析HTML标签语句的同时，还会显示在浏览器的窗口中。但是更接近DOM的一方面，浏览器还会创建了一些列能够代表我们的HTML标签的对象，这些对象就存放在了DOM里面。
html
|
-----------------------
| |
head body
| |
----------- -----------------
| | | | |
title script h1 h2 p
...........
1. 当页面加载完成后，相应地，浏览器也产生了一系列与页面标签对应的对象元素，这些对象元素存放在DOM（Document Object Model）中，于是，JS通过访问DOM中的对象元素就可以获取到该对象所代表的html标签，比如：
  HTML页面中有一个段落
```
Hello! JS!
```
```
假设现在上面的html已被浏览器加载完成，那么就存在一个与上面的标签对应的对象元素，这个元素属于DOM模型中的一员，JS可以通过访问这个对象来访问
标签，从中，也可以得到段落里面的内容"Hello! JS!"

JS如何获取到DOM中已存在的对象元素呢？
后面会继续提到。。
```
2. JS通过DOM获取到了元素，便可以对元素本身所包含的信息进行查看，或者设置。更厉害的，JS让DOM创建元素，删除元素。怎么回事呢？简单说明一下：
```
DOM创建元素：增加与新添元素对应的html标记到html页面中。
DOM删除元素：删除掉html文件中对应的标签。

如何做到的呢？
后面就会提到了。。。
```

探讨结束！JS通过访问DOM中的元素来得到html文件中类似"p","h1",,

.等等之类的标签的访问。从中对标签进行查看以及修改。
于是，他们之间的沟通就是这样在进行着...

==============================

上面我总是说"JS通过DOM可以获取到什么什么"，是否依然感到疑惑，DOM这个词倒是接触得多了，可具体什么含义呢？
"获取"又是如何做到的呢？

下面做一点个人理解补充：



  
    
    My blog
    
  

    My blog
    
        Great day bird watching
        
        Today I saw three ducks!
        I named them
        Huey, Louie, and Dewey.
        
        
        I took a couple of photos...

浏览器通过加载上面的html代码之后就会产生一个完整的页面了。

在JavaScript中有一个内置对象是 document。
这个内置对象document就相当于是浏览器所加载完成的页面，也相当于document对象拥有这个对象的DOM树(如果不理解DOM树可以参考个人画的DOM树图，也可以自行百度更多详细信息)。

JS访问到DOM中的节点是如何做到？
答：JS使用的内置对象document中的getElementById方法，参数是节点的id。如上HTML代码中的id 为 "entry1"的div标签，JS要想获取这个标签，可以这么做：

document.getElementById("entry1");

提示，document对象有一系列，很多的getElement方法可以获取到DOM树中的节点元素，对应HTML页面的各个标签。比如等等等等.

JS获取到了页面文档的节点元素之后，我们可以通过JS代码来实现出许多有趣的功能。

【案例一】更改段落节点的内容

描述：我们有一个HTML文档，标签中仅有一个

标签，

标签里面的内容为"HelloWorld!"
我们的目的是将

标签的文本内容"HelloWorld!"替换为"HelloJs!"
怎么实现呢？


    
    Update the content of element
        
    
          
        HelloWorld!

上面给出了HTML代码部分：用浏览器打开这个html文件，能看到的只是

标签带来的HelloWorld!

下面，我们使用JS代码来改变这个

标签的内容：

// window.onload = function () {};  这个的作用是等待页面加载完成了之后，执行该匿名函数

window.onload = function () {
    var ele = document.getElementById("target");  // 获取到DOM中id为target的元素，即对应页面文档中的标签
    ele.innerHTML = "HelloJs!"
    // OK! END~
};

上面的JS代码实现了修改

标签的内容这个小功能。
步骤：

document对象获取了一个指向DOM中id = "target"元素(
标签)的引用。并将这个引用赋值给变量ele.(意味着ele也可以操作这个id = target的元素)
使用元素的属性innerHTML对DOM中id = "target"的元素进行内容的更改，这一点点改动，会直接影响到浏览器中的页面，使得浏览器中的页面也发生了变动。即“HelloWorld!”变为"HelloJs!"

Q:当我使用document的getElementById方法时，传入了一个不存在的id，会出现什么结果？
A：我们知道，getElementById方法会找到DOM中id与该方法所得到的参数相同的元素，并返回。那如果这个ID本身是不存在的，那么，这个方法将返回null。

从这本书中，我知道了getElement系列方法的getELementsByClassName()的方法，这个方法将会返回一个集合。

Q：一个我比较模糊的概念，element object元素对象（DOM中）到底是什么？
A:这个问题也是最近一直困扰着我。

we're just assigning the function value to the window.onload property.

一个问题，我们写的JS代码是放在标签中的，而标签又是比标签还要快执行的，就是说在JS执行document.getELementByID("xxx")的时候，页面标签中的代码一句都未被执行，则页面并没有完全加载完成，也就是说DOM树结构也并未建立起来。DOM中不存在id = “xxx”的元素对象。
那怎么办呢？眼睁睁地看着浏览器报错吗？我明明在里面有id = "xxx"的那个标签呀！

莫着急，下面我们来解决问题，上面是说浏览器会先执行位于前面的对不对，那么，在执行head中的

你可能感兴趣的:(Head First JavaScript 之 DOM)

JsonPath用法详解吴少凡 python 开发语言自动化 pycharm
JSONPath是一种信息抽取类库，是从JSON文档中抽取指定信息的工具，提供多种语言实现版本，包括Javascript、Python、PHP和Java。1、JSONPath安装:pipinstalljsonpath#如果安装太慢可以使用清华源来加速安装pipinstalljsonpath-ihttps://pypi.tuna.tsinghua.edu.cn/simple2、JSONPath语法J
MySQL优化之SQL调优策略零度可乐不加冰 sql java 数据库
首先以一张思维导图从全局上给大家分享以下几种SQL优化策略，再详细讲解1、避免使用SELECT*在阿里的编码规范中也强制了数据库查询不能使用SELECT*，因为SELECT*方式走的都是全表扫描，导致的结果就是查询效率非常低下，其原因为当我们使用SELECT*方式时，SQL会有一个格式化的阶段，这个阶段会将所有表字段都取出(将*号解析成表的各个字段)，增加了查询解析器的成本2、小表驱动大表小表驱动
【前端】--- ES6下篇（带你深入了解ES6语法）心.c 前端 es6 ecmascript
前言：ECMAScript是JavaScript的标准化版本，由ECMA国际组织制定。ECMAScript定义了JavaScript的语法、类型、语句、关键字、保留字等。ES6是ECMAScript的第六个版本，于2015年发布，引入了许多重要的新特性，使JavaScript更加现代化。进制ES6中增加了二进制和八进制的写法：二进制使用前缀'0b'或'0B'，八进制使用前缀'0o'或'0O'二进制
不要将 Echarts 实例保存到 vue 的响应式数据上，会导致 tooltip 失效！！！ vue.jsecharts
echarts初始化echarts.init(DOMOBJ)会返回一个echarts实例对象，用一个变量接住实例对象就可以生成图表了，例如：()=>{letchartDom=document.getElementById('flg')lettimeObj=echarts.init(chartDom);timeObj.hideLoading()timeObj.setOption(dataObj);}
基于 WPF 平台使用纯 C# 实现动态处理 json 字符串 code_shenbing WPF wpf c#json
一、引言在当今的软件开发领域，数据的交换与存储变得愈发频繁，JSON（JavaScriptObjectNotation）作为一种轻量级的数据交换格式，以其简洁、易读、便于解析和生成的特点，被广泛应用于各种应用程序中。在WPF（WindowsPresentationFoundation）平台开发的桌面应用里，我们常常需要与各种数据源交互，动态处理JSON字符串就成为了一项必备技能。本文将深入探讨如何
swing之mvc模式混魔MJM Java 网络编程 Java mvc java Swing
1Swing与MVCSwing组件设计使用了著名的MVC模型-视图-控制器体系结构。为了了解MVC体系结构与Swing组件的关系，我们来看一下如何设计一个表示按钮的组件，因为按钮的各个部分可以与MVC体系结构的3个部分对应起来。按钮在任意给定时刻，可处于启用和无效两种状态之一。很显然，按钮只有处于启用状态时才会响应点击。记录按钮状态是很有用的，视图需要根据按钮的状态进行不同的渲染。按钮的所有状态就
Vue.js 单页应用（SPA）开发教程：从零开始构建你的第一个项目 Milk夜雨 vue.js vue.js 前端 javascript
单页应用（SPA，SinglePageApplication）是现代前端开发的主流模式。Vue.js是一个非常适合构建SPA的框架，它通过VueRouter实现页面导航，通过组件化开发和状态管理实现复杂的交互功能。本篇教程将带你了解SPA的基本概念，并一步步创建一个Vue.js单页应用。什么是单页应用（SPA）？单页应用是一种只有一个HTML页面，通过JavaScript动态加载内容的应用。特点包
Node.js的解释 web15085415935 面试学习路线阿里巴巴 node.js
1.Node.js入门教程1.1什么是Node.js？1.1.1Node.js是什么？Node.js是一个基于JavaScript的开源服务器端运行时环境，允许开发者用JavaScript编写服务器端代码。与传统的前端JavaScript主要运行在浏览器端不同，Node.js通过提供一个非阻塞的异步模型，允许开发者在服务器端创建高性能的网络应用程序。比喻：想象你把JavaScript看作是一个厨师
深度学习-94-大语言模型LLM之基于langchain的链Chain的基础应用和调用方式皮皮冰燃深度学习深度学习语言模型 langchain
文章目录1Chain链的分类1.1LCELChains(链构造器)1.2LegacyChains(遗留链)2链的基础应用2.1OllamaLLM2.2是否使用chain的对比2.2.1不使用Chain2.2.2使用Chain3链的调用方式3.1通过invoke方法【推荐】3.2通过predict方法3.3通过apply方法3.4通过generate方法4参考附录1Chain链的分类为开发更复杂的应
华为OD机试详解：分苹果问题的多语言实现与算法解析 m0_57781768 华为od 算法
华为OD机试详解：分苹果问题的多语言实现与算法解析在华为OD机试中，分苹果问题是典型的算法考题之一，考察了考生对于位运算的理解和应用。这道题的难点在于A和B两人的计算规则差异。A希望根据他的二进制加法规则来等分苹果，而B则希望在满足A的规则下，自己获得最多的苹果。本文将通过详细的解题思路及C++、Java、JavaScript、Python四种语言的实现，帮助你掌握这个问题的解决方法。题目描述A和
Flink之kafka消息解析器2 怎么才能努力学习啊 flink kafka 大数据
概要昨天的话题，FlinkSource消费kafka数据自定义反序列化，获取自己想要的数据和类型实现过程publicclassTestWithMetadataDeserializationSchemaimplementsKafkaRecordDeserializationSchema{第一步：自定义实现这个接口，这里的泛型一般的都是自定义类@Overridepublicvoiddeserializ
Flink之kafka消费数据怎么才能努力学习啊 flink kafka 大数据
场景：本地构建Flink程序问题描述消费Kafka的数据时，使用Flink新的KakfaSource。会报如下错误KafkaSourcekafkaSource=KafkaSource.builder().setBootstrapServers(kafkaProperties.getProperty("kafka.bootstrap.servers")).setTopics("test2").set
QTableWidget设置行高与列宽自适应文本大小常乐か Qt qt 开发语言
背景：item文本过长被隐藏掉或其它等问题固定行高列宽，不允许用户拉伸表格行高与列宽一、基础用法（QTableWidget中没有其它控件）设置表头#include设置自适应tableWidget->horizontalHeader()->setResizeMode
亿级表优化「TIDB 分区篇」，值得收藏彭亚川Allen 数据库 oracle
这是亿级别表优化的第二篇，对第一篇感兴趣的可以看看。亿级表优化思路之SQL篇-掘金写作背景距上次写亿级别优化已经有一个多月了，这段时间也没闲着，Q1对模型做了梳理，重构了这部分业务，主要做了下面这些优化数据模型优化（终于狠下心做了减法，去掉了2个模型）。做了分区表，数据日增量非常快，单表遇到读写瓶颈。复杂SQL优化，上次优化遗留的顽疾。数据清洗（流失数据、已删除数据备份归档）。所以，我还是总结这段
【vue通用后台管理之Echarts(六）】 —丫丫前端 vue.js echarts 前端
文章目录前言一、首页Echarts图1.下载echarts并引入2.初始化实例前言一、首页Echarts图绘制折线图，柱状图和饼图。将折线图放在一个el-card里，将柱状图和饼图放在一个div容器里的两个不同的el-card，实现鼠标滑过会出现阴影的效果。1.下载echarts并引入控制台[email protected]并在Home.vue引入2.初始化实例初始化实例并配置数据，处理x轴数据最
【Java 学习】Java抽象类详解：从理论到实践，带你迈向面向对象的深度思考！ Code哈哈笑 Java拾光之旅 java 学习开发语言
欢迎讨论：如对文章内容有疑问或见解，欢迎在评论区留言，我需要您的帮助！点赞、收藏与分享：如果这篇文章对您有所帮助，请不吝点赞、收藏或分享，谢谢您的支持！传播技术之美：期待您将这篇文章推荐给更多对需要学习Java语言、低代码开发感兴趣的朋友，让我们共同学习、成长！1.什么是抽象类？举一个Animal类、Cat类和Dog类的例子：classAnimal{publicvoideat(){System.o
打造高效React应用：CSS方案深度解析
大家好，我是长林啊！一个爱好JavaScript、Go、Rust的全栈开发者；致力于终生学习和技术分享。在React以其声明式编程范式和组件化架构，成为了构建用户界面的首选技术之一。然而，随着项目规模的扩大和设计需求的多样化，如何高效地管理CSS样式成为了每个React开发者都需要面对的挑战。本文将从一下三个方面进行介绍，探讨如何在React中应用和管理样式，包括内联样式、CSS类、CSSModu
Python系列之：Dash从入门到精通系列一快乐骑行^_^ 大数据 python Dash从入门到精通
Python系列之：Dash从入门到精通系列一一、安装Dash二、Dash布局入门案例详解三、开启和关闭热加载四、Dash设置Html样式和颜色五、Dash可重用组件六、Dash组件Graph七、Dash核心组件八、简单的交互式Dash应用程序九、带有图形和滑块的Dash应用程序布局十、具有多个输入的Dash应用程序十一、具有多个输出的Dash应用程序十二、带有链式回调的Dash应用程序十三、带状
多版本并发控制：MVCC的作用和基本原理 koping_wu mysql 数据库
多版本并发控制：MVCC的作用和基本原理1、MVCC简介1.1快照读与当前读的区别1.1.1快照读1.1.2当前读1.2数据库的读写问题1.3MVCC的作用2、MVCC实现原理之ReadView2.1什么是ReadView2.2ReadView的设计思路2.3MVCC整体操作流程1、MVCC简介1.1快照读与当前读的区别mysql在读数据的场景下，根据是否加锁分为了2种读的方式：1.1.1快照读不
使用基于 WebRTC 的 JavaScript API 在浏览器环境里调用本机摄像头
Python中的class体内定义方法时，如果没有显式地包含self参数，有时候依然可以被调用。这是一个非常有趣的话题，因为它涉及到对Python中类与对象之间关系的更深理解。要理解为什么这种情况下方法依然能够被调用，我们需要逐步拆解Python类的构造方式以及方法绑定的原理。
windows自定义消息昆仑道长学习笔记 windows 消息自定义消息 MFC 注册消息
IntroductionTherearetwokindsofmessageswhichyou,asaprogrammer,candefined.Thefirstkindisthecompile-time-constantvariety.Ihavefound,afteryearsofexperience,TheseAreNotYourFriend.I'llnonethelessdescribethe
React 前端框架开发详细操作编码小袁前端框架
一、引言在当今的web开发领域，React作为一款流行的前端框架，以其高效的组件化开发模式、虚拟DOM带来的高性能以及灵活的生态系统，受到了广大开发者的青睐。无论是开发小型的单页应用还是大型的企业级项目，React都能展现出强大的能力。本文将详细介绍React前端框架的操作使用方法，帮助开发者快速上手并深入理解React开发。二、环境搭建在开始使用React进行开发之前，需要先搭建好开发环境。以下
代码随想录1.23 我会非常幸运代码随想录跟练记录 c++力扣算法数据结构链表开发语言
文章目录链表基础203.移除链表元素707.设计链表==206反转链表==链表基础链表定义：structListnode{intval;//链表节点数值Listnode*next;//下个节点的指针}//使用，定义头节点就行Listnode*name=newListnode();head->val=5;203.移除链表元素设置一个虚拟头节点。需要定义了两个新链表，一个是用于存储虚拟头节点的链表，一
React 前端框架简介与应用仰望丨苍穹前端：技巧与实践前端框架 react.js 前端
React是一个用于构建用户界面的JavaScript库，在前端开发中被广泛应用。1：主要特点1.1：组件化开发React提倡以组件的方式构建用户界面。每个组件都具有独立的功能和逻辑，可以重复使用和组合，提高了开发效率和代码的可维护性。例如，一个网页中的导航栏、侧边栏、内容区域等都可以分别构建为不同的组件。1.2：虚拟DOMReact引入了虚拟DOM（VirtualDOM）的概念。当数据发生变化时
React 前端框架：简介与核心概念一ge科研小菜鸡工具前端框架
React是由Facebook开发和维护的一个用于构建用户界面的JavaScript库。它专注于通过组件化的方式构建单页应用（SPA），允许开发者高效地创建复杂、交互性强的界面。React的核心特点是其虚拟DOM、组件化开发和声明式编程，使其成为目前最流行的前端开发框架之一。1.React的优势1.1组件化开发React的核心是组件（Component），它允许开发者将界面划分为多个独立的、可重用
如何通过减少HTTP请求来提升页面加载速度？破碎的天堂鸟学习教程 http 网络协议网络
通过减少HTTP请求可以显著提升网页加载速度，这是因为HTTP请求的次数直接影响了页面加载时间。以下是一些具体的方法和策略：1.合并文件将多个CSS文件合并为一个CSS文件，将多个JavaScript文件合并为一个JavaScript文件。这可以减少浏览器发起的HTTP请求次数，从而加快页面加载速度。示例：将所有样式表和脚本文件打包成一个文件，以减少请求数量。2.使用CSSSprites（雪碧图）
基础算法之贪心算法青春好少年！基础算法贪心算法算法 c++排序算法
一·基本概念贪心算法是指在问题求解时，做出当前的最好选择。就是，不从整体最优考虑，只是从局部最优解。贪心算法没有固定的算法框架，算法设计关键在于贪心的选择。注意，贪心的策略一定要具备无后效性，指一个状态的过程不会影响之前的，只和当前有关。二·基本思路1.建立数学模型2.分解子问题3.求解子问题，使子问题局部最优4.将子问题合并三·适用问题贪心策略的前提是：局部最优能导致全局最优。例1：【深基12.
贪心算法之区间选点问题阿贾克斯的黎明 java 贪心算法算法
目录贪心算法之区间选点问题1.区间选点问题概述2.基本区间选点问题的贪心策略（1）策略思路（2）具体示例3.区间选点问题变体及处理（1）变体描述（2）贪心策略调整（3）示例演示4.Java实现代码及解释（1）定义区间类（2）贪心算法实现（3）代码解释5.性能优化（1）当前实现的性能问题（2）树状数组优化思路（3）示例代码片段（树状数组相关操作）（4）优化后的性能分析6.总结与展望（1）区间选点问题
【前端开发】前端开发深度解析：HTML、CSS、JavaScript与Vue.js RS迷途小书童前端开发探索之旅 javascript html css 前端 vue.js
一、HTML：构建网页的基石1.1简介HTML（HyperTextMarkupLanguage，超文本标记语言）是一种用于创建网页的标准标记语言。它使用各种标签（tags）来描述网页上的内容，包括文本、图像、链接、视频、音频等。HTML是网页开发的基础，与CSS（层叠样式表）和JavaScript等技术一起，共同构建出丰富多彩的网页世界。HTML文档由一系列的元素构成，每个元素都由开始标签、内容和
js第一次笔记 chen_zhi_yu javascript 笔记前端
JavaScript显示方案JavaScript能够以不同方式“显示”数据：使用window.alert()写入警告框使用document.write()写入HTML输出使用innerHTML写入HTML元素使用console.log()写入浏览器控制台JavaScript关键词JavaScript语句常常通过某个关键词来标识需要执行的JavaScript动作。下面的表格列出了一部分将在教程中学到
Js函数返回值 _wy_ js return
一、返回控制与函数结果，语法为：return 表达式;作用: 结束函数执行，返回调用函数，而且把表达式的值作为函数的结果二、返回控制语法为：return;作用: 结束函数执行，返回调用函数，而且把undefined作为函数的结果在大多数情况下,为事件处理函数返回false,可以防止默认的事件行为.例如,默认情况下点击一个<a>元素,页面会跳转到该元素href属性
MySQL 的 char 与 varchar bylijinnan mysql
今天发现，create table 时，MySQL 4.1有时会把 char 自动转换成 varchar 测试举例： CREATE TABLE `varcharLessThan4` ( `lastName` varchar(3) ) ; mysql> desc varcharLessThan4; +----------+---------+------+-
Quartz——TriggerListener和JobListener eksliang TriggerListener JobListener quartz
转载请出自出处：http://eksliang.iteye.com/blog/2208624 一.概述 listener是一个监听器对象，用于监听scheduler中发生的事件，然后执行相应的操作；你可能已经猜到了，TriggerListeners接受与trigger相关的事件，JobListeners接受与jobs相关的事件。二.JobListener监听器 j
oracle层次查询 18289753290 oracle；层次查询；树查询
.oracle层次查询(connect by) oracle的emp表中包含了一列mgr指出谁是雇员的经理，由于经理也是雇员，所以经理的信息也存储在emp表中。这样emp表就是一个自引用表，表中的mgr列是一个自引用列，它指向emp表中的empno列，mgr表示一个员工的管理者， select empno,mgr,ename,sal from e
通过反射把map中的属性赋值到实体类bean对象中酷的飞上天空 javaee 泛型类型转换
使用过struts2后感觉最方便的就是这个框架能自动把表单的参数赋值到action里面的对象中但现在主要使用Spring框架的MVC，虽然也有@ModelAttribute可以使用但是明显感觉不方便。好吧，那就自己再造一个轮子吧。原理都知道，就是利用反射进行字段的赋值，下面贴代码主要类如下： import java.lang.reflect.Field; imp
SAP HANA数据存储：传统硬盘的瓶颈问题蓝儿唯美 HANA
SAPHANA平台有各种各样的应用场景，这也意味着客户的实施方法有许多种选择，关键是如何挑选最适合他们需求的实施方案。在《Implementing SAP HANA》这本书中，介绍了SAP平台在现实场景中的运作原理，并给出了实施建议和成功案例供参考。本系列文章节选自《Implementing SAP HANA》，介绍了行存储和列存储的各自特点，以及SAP HANA的数据存储方式如何提升空间压
Java Socket 多线程实现文件传输随便小屋 java socket
高级操作系统作业，让用Socket实现文件传输，有些代码也是在网上找的，写的不好，如果大家能用就用上。客户端类： package edu.logic.client; import java.io.BufferedInputStream; import java.io.Buffered
java初学者路径 aijuans java
学习Java有没有什么捷径?要想学好Java，首先要知道Java的大致分类。自从Sun推出Java以来，就力图使之无所不包，所以Java发展到现在，按应用来分主要分为三大块：J2SE,J2ME和J2EE,这也就是Sun ONE(Open Net Environment)体系。J2SE就是Java2的标准版，主要用于桌面应用软件的编程；J2ME主要应用于嵌入是系统开发，如手机和PDA的编程；J2EE
APP推广 aoyouzi APP 推广
一，免费篇 1，APP推荐类网站自主推荐最美应用、酷安网、DEMO8、木蚂蚁发现频道等,如果产品独特新颖，还能获取最美应用的评测推荐。PS：推荐简单。只要产品有趣好玩，用户会自主分享传播。例如足迹APP在最美应用推荐一次，几天用户暴增将服务器击垮。 2，各大应用商店首发合作老实盯着排期，多给应用市场官方负责人献殷勤。 3，论坛贴吧推广百度知道，百度贴吧，猫扑论坛，天涯社区，豆瓣（
JSP转发与重定向百合不是茶 jsp servlet Java Web jsp转发
在servlet和jsp中我们经常需要请求,这时就需要用到转发和重定向; 转发包括;forward和include 例子;forwrad转发; 将请求装法给reg.html页面关键代码; req.getRequestDispatcher("reg.html
web.xml之jsp-config bijian1013 java web.xml servlet jsp-config
1.作用：主要用于设定JSP页面的相关配置。 2.常见定义： <jsp-config> <taglib> <taglib-uri>URI(定义TLD文件的URI,JSP页面的tablib命令可以经由此URI获取到TLD文件)</tablib-uri> <taglib-location> TLD文件所在的位置
JSF2.2 ViewScoped Using CDI sunjing CDI JSF 2.2 ViewScoped
JSF 2.0 introduced annotation @ViewScoped; A bean annotated with this scope maintained its state as long as the user stays on the same view(reloads or navigation - no intervening views). One problem w
【分布式数据一致性二】Zookeeper数据读写一致性 bit1129 zookeeper
很多文档说Zookeeper是强一致性保证，事实不然。关于一致性模型请参考http://bit1129.iteye.com/blog/2155336 Zookeeper的数据同步协议 Zookeeper采用称为Quorum Based Protocol的数据同步协议。假如Zookeeper集群有N台Zookeeper服务器(N通常取奇数，3台能够满足数据可靠性同时
Java开发笔记白糖_ java开发
1、Map<key,value>的remove方法只能识别相同类型的key值 Map<Integer,String> map = new HashMap<Integer,String>(); map.put(1,"a"); map.put(2,"b"); map.put(3,"c"
图片黑色阴影 bozch 图片
.event{ padding:0; width:460px; min-width: 460px; border:0px solid #e4e4e4; height: 350px; min-heig
编程之美-饮料供货-动态规划 bylijinnan 动态规划
import java.util.Arrays; import java.util.Random; public class BeverageSupply { /** * 编程之美饮料供货 * 设Opt（V’，i）表示从i到n-1种饮料中，总容量为V’的方案中，满意度之和的最大值。 * 那么递归式就应该是：Opt（V’，i）=max{ k * Hi+Op
ajax大参数（大数据）提交性能分析 chenbowen00 Web Ajax 框架浏览器 prototype
近期在项目中发现如下一个问题项目中有个提交现场事件的功能，该功能主要是在web客户端保存现场数据（主要有截屏，终端日志等信息）然后提交到服务器上方便我们分析定位问题。客户在使用该功能的过程中反应点击提交后反应很慢，大概要等10到20秒的时间浏览器才能操作，期间页面不响应事件。根据客户描述分析了下的代码流程，很简单，主要通过OCX控件截屏，在将前端的日志等文件使用OCX控件打包，在将之转换为
[宇宙与天文]在太空采矿,在太空建造 comsci
我们在太空进行工业活动...但是不太可能把太空工业产品又运回到地面上进行加工,而一般是在哪里开采,就在哪里加工,太空的微重力环境,可能会使我们的工业产品的制造尺度非常巨大.... 地球上制造的最大工业机器是超级油轮和航空母舰,再大些就会遇到困难了,但是在空间船坞中,制造的最大工业机器,可能就没
ORACLE中CONSTRAINT的四对属性 daizj oracle CONSTRAINT
ORACLE中CONSTRAINT的四对属性 summary:在data migrate时,某些表的约束总是困扰着我们,让我们的migratet举步维艰,如何利用约束本身的属性来处理这些问题呢?本文详细介绍了约束的四对属性: Deferrable/not deferrable, Deferred/immediate, enalbe/disable, validate/novalidate,以及如
Gradle入门教程 dengkane gradle
一、寻找gradle的历程一开始的时候，我们只有一个工程，所有要用到的jar包都放到工程目录下面，时间长了，工程越来越大，使用到的jar包也越来越多，难以理解jar之间的依赖关系。再后来我们把旧的工程拆分到不同的工程里，靠ide来管理工程之间的依赖关系，各工程下的jar包依赖是杂乱的。一段时间后，我们发现用ide来管理项程很不方便，比如不方便脱离ide自动构建，于是我们写自己的ant脚本。再后
C语言简单循环示例 dcj3sjt126com c
# include <stdio.h> int main(void) { int i; int count = 0; int sum = 0; float avg; for (i=1; i<=100; i++) { if (i%2==0) { count++; sum += i; } } avg
presentModalViewController 的动画效果 dcj3sjt126com controller
系统自带(四种效果)： presentModalViewController模态的动画效果设置： [cpp] view plain copy UIViewController *detailViewController = [[UIViewController al
java 二分查找 shuizhaosi888 二分查找 java二分查找
需求：在排好顺序的一串数字中，找到数字T 一般解法：从左到右扫描数据，其运行花费线性时间O(N)。然而这个算法并没有用到该表已经排序的事实。 /** * * @param array * 顺序数组 * @param t * 要查找对象 * @return */ public stati
Spring Security（07）——缓存UserDetails 234390216 ehcache 缓存 Spring Security
Spring Security提供了一个实现了可以缓存UserDetails的UserDetailsService实现类，CachingUserDetailsService。该类的构造接收一个用于真正加载UserDetails的UserDetailsService实现类。当需要加载UserDetails时，其首先会从缓存中获取，如果缓存中没
Dozer 深层次复制 jayluns VO maven po
最近在做项目上遇到了一些小问题，因为架构在做设计的时候web前段展示用到了vo层，而在后台进行与数据库层操作的时候用到的是Po层。这样在业务层返回vo到控制层，每一次都需要从po-->转化到vo层，用到BeanUtils.copyProperties(source, target)只能复制简单的属性，因为实体类都配置了hibernate那些关联关系，所以它满足不了现在的需求，但后发现还有个很
CSS规范整理（摘自懒人图库） a409435341 html UI css 浏览器
刚没事闲着在网上瞎逛，找了一篇CSS规范整理，粗略看了一下后还蛮有一定的道理，并自问是否有这样的规范，这也是初入前端开发的人一个很好的规范吧。一、文件规范 1、文件均归档至约定的目录中。具体要求通过豆瓣的CSS规范进行讲解：所有的CSS分为两大类：通用类和业务类。通用的CSS文件，放在如下目录中：基本样式库 /css/core
C++动态链接库创建与使用你不认识的休道人 C++dll
一、创建动态链接库 1.新建工程test中选择”MFC [dll]”dll类型选择第二项"Regular DLL With MFC shared linked"，完成 2.在test.h中添加 extern “C” 返回类型 _declspec(dllexport)函数名(参数列表); 3.在test.cpp中最后写 extern “C” 返回类型 _decls
Android代码混淆之ProGuard rensanning ProGuard
Android应用的Java代码，通过反编译apk文件（dex2jar、apktool）很容易得到源代码，所以在release版本的apk中一定要混淆一下一些关键的Java源码。 ProGuard是一个开源的Java代码混淆器（obfuscation）。ADT r8开始它被默认集成到了Android SDK中。官网： http://proguard.sourceforge.net/
程序员在编程中遇到的奇葩弱智问题 tomcat_oracle jquery 编程 ide
　　现在收集一下：　　排名不分先后，按照发言顺序来的。 1、Jquery插件一个通用函数一直报错，尤其是很明显是存在的函数，很有可能就是你没有引入jquery。。。或者版本不对 2、调试半天没变化：不在同一个文件中调试。这个很可怕，我们很多时候会备份好几个项目，改完发现改错了。有个群友说的好：在汤匙
解决maven-dependency-plugin (goals "copy-dependencies","unpack") is not supported xp9802 dependency
解决办法：在plugins之前添加如下pluginManagement，二者前后顺序如下： [html] view plain copy <build> <pluginManagement

按字母分类： A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 其他