xuqidong
xuqidong

DOM操作

 1 DOCTYPE html>
 2 <html lang="zh">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>DOM树结构关系title>
 6 head>
 7 <body>
 8     <div class="sup">
 9         <div class="sub1">div>
10         <div class="sub2">div>
11         <div class="sub3">div>
12     div>
13 body>
14 <script type="text/javascript">
15     var body = document.querySelector('body');
16     console.log(body);
17 script>
18 
19 <script>
20     var sub2 = document.querySelector('.sub2');
21     // 父级标签
22     console.log("sub2父标签:", sub2.parentElement);
23     // 上一个标签
24     console.log("sub2上兄弟标签:", sub2.previousElementSibling);
25     // 下一个标签
26     console.log("sub2下兄弟标签:", sub2.nextElementSibling);
27 
28     var sup = document.querySelector('.sup');
29     // 所有子标签
30     console.log("sup子标签们:", sup.children);
31     // 第一个子标签
32     console.log("sup第一个子标签:", sup.firstElementChild);
33     // 最后一个子标签
34     console.log("sup最后一个子标签:", sup.lastElementChild);
35 script>
36 
37 html>
DOM树结构关系 
DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>DOM操作title>
    <style type="text/css">
        .box {
            width: 200px;
            height: 200px;
            background-color: red;
        }
        .p {
            width: 100px;
            height: 100px;
            background-color: orange;
        }
    style>
head>
<body>
    <div class="box">box box box bi boxdiv>
    <button class="b1">添加到box中button>
    <button class="b2">添加到body中button>
    <button class="b3">插到body下box之前button>
    <button class="b4">将body下box替换为pbutton>
    <button class="b5">删除boxbutton>
body>
<script type="text/javascript">
    var body = document.querySelector('body');
    var box = document.querySelector('.box');
    var b1 = document.querySelector('.b1');
    var b2 = document.querySelector('.b2');
    var b3 = document.querySelector('.b3');
    var b4 = document.querySelector('.b4');
    var b5 = document.querySelector('.b5');

    // 创建标签p
    var p = document.createElement('p');
    console.log(p);

    // 设置标签样式
    p.className = 'p';

    // 添加到指定区域
    b1.onclick = function () {
        var res = box.appendChild(p);
        console.log(res); // 自身
    }
    b2.onclick = function () {
        body.appendChild(p);
    }

    // 总结:
    // 1.创建标签只能由document来调用执行
    // 2.一次创建只产生一个标签对象,该标签对象只能存在最后一次操作的位置


    // 插入到指定区域
    b3.onclick = function () {
        // 将p插到box之前(前者插入到后者之前)
        var res = body.insertBefore(p, box);
        console.log(res);  // 自身
        // box和p都是body的一级子标签后,顺序有需求决定
        // body.insertBefore(box, p);
    }

    b4.onclick = function () {
        // 将p替换掉box(前者替换后者)
        var res = body.replaceChild(p, box);
        console.log(res); // box
    }

    b5.onclick = function () {
        // 由父级删除指定子级
        // var res = body.removeChild(box);
        // 获取父级来删除自身
        var res = box.parentElement.removeChild(box);
        
        console.log(res); // box
        setTimeout(function () {
            // 删除后,标签对象依然可以被js保存,继而可以重新添加到页面
            body.appendChild(res);
        }, 1000)
    }

script>
html>

你可能感兴趣的:(DOM操作)

  • 【JS】JS中的jQuery库简介及使用方法 菜就多练少说 javascriptjavascriptjquery开发语言
    jQuery简介及使用方法jQuery简介如何使用jQuery1导入jQuery库2编写自己的jQuery文件3jQuery语法3.1基础语法3.2文档就绪函数3.3选择器3.4事件绑定函数结语jQuery简介jQuery是一个流行的JavaScript库，用于简化JavaScript编程。它提供了许多便捷的方法来处理DOM操作、事件处理、动画效果等，使得JavaScript开发变得更加简单和高效
  • VNode 码农 小王 javascript
    1.什么是VNode？VNode的全称是VirtualNode,也就是虚拟节点.它是指一个抽象的节点对象，用于描述真实DOM中的元素。在前端框架中，通过操作VNode来实现虚拟DOM，从而提高性能。2.VNode的本质本质上是JavaScript对象,这个对象就是更加轻量级的对DOM的描述3.为什么需要VNode？在前端框架中，我们通常需要在页面中操作DOM元素，如增删改查等操作。但是DOM操作是
  • JavaScript性能优化实战 仰望丨苍穹 前端：技巧与实践javascript性能优化前端
    深入探讨JavaScript性能瓶颈，分享优化技巧与最佳实践：性能瓶颈DOM操作开销大：DOM操作往往是JavaScript性能的一个关键瓶颈。每次对DOM进行访问、修改或创建，都可能触发浏览器的重排（reflow）和重绘（repaint）操作。例如频繁地使用innerHTML修改元素内容，或者大量地动态创建DOM节点，都会导致性能问题。全局作用域查找慢：在JavaScript中，变量的查找是从当
  • 关于Jquery基本内容一 gloria123_ jquery前端javascript
    jQuery(jQ)html+css+js1jQ是一个js库,封装了大量的特定的集合(函数和方法)如animate()、css()、show()等2使用jQ大大提高开发效率,简化dom操作常见的js库jQueryYUIDojoExtJszeptojQuery选择器$(selector)筛选方法parent()$(“li”).parent()children(selector)$(“ul”).chi
  • JavaScript性能优化：DOM操作优化实战 lifire_H JavaScript性能优化javascript性能优化开发语言
    JavaScript性能优化：DOM操作优化实战一重排与重绘的代价问题场景用户点击按钮后，需要动态生成一个包含10,000个选项的下拉列表，但界面出现长达5秒的冻结。错误代码示例functioncreateList(){constul=document.getElementById("myList");for(leti=0;i{item.addEventListener("click",handl
  • JavaScript网页设计案例：动态交互式任务列表 学不完了是吧 jsjavascript
    在现代网页开发中，JavaScript被广泛应用于实现动态交互效果。看完这一篇你就可以设计一个动态任务列表，全面展示HTML、CSS和JavaScript在前端开发中的实际应用。通过本案例，你将深入了解事件监听、DOM操作以及用户交互设计的实现过程。案例需求在设计动态任务列表时，我们需要满足以下功能需求：动态添加任务，并显示在列表中。勾选任务表示完成状态，并通过样式标记。单独删除任务。一键清空所有
  • jQuery 入门到精通 abments 前端jquery前端javascript
    jQuery入门到精通：详尽指南目录jQuery简介jQuery基础安装jQueryjQuery选择器DOM操作事件处理jQuery进阶动画效果AJAX插件项目实践简单的待办事项列表获取和显示API数据高级技巧性能优化调试技巧资源和总结1.jQuery简介jQuery是一个快速、小巧且功能丰富的JavaScript库，它使HTML文档的遍历和操作、事件处理、动画以及AJAX交互更简单。jQuery
  • react精简面试题 懒人村杂货铺 react.js前端前端框架
    一、React基础1.React的核心特性是什么？答案：组件化开发：将UI拆分为独立可复用的组件。虚拟DOM（VirtualDOM）：通过内存中的轻量级DOM结构优化真实DOM操作。单向数据流：数据通过props从父组件传递到子组件，状态变化可预测。JSX：允许在JavaScript中编写类似HTML的语法，增强代码可读性。2.类组件和函数组件的区别？答案：类组件：使用class定义，继承Reac
  • React 各模块相关全面面试及答案解析 刺客-Andy 面试react.js面试前端
    一、核心概念1、什么是React？它的核心特性是什么？答案：React是用于构建UI的JavaScript库。核心特性包括组件化、虚拟DOM、单向数据流和声明式编程。2、解释虚拟DOM的工作原理。答案：虚拟DOM是内存中的轻量DOM表示，React通过Diff算法比较新旧虚拟DOM差异，最小化真实DOM操作。3、JSX是什么？为什么使用它？答案：JSX是语法扩展，允许在JS中写类似HTML的结构。
  • JavaScript+CSS2+CSS3中文手册大全 远方之巅
    本文还有配套的精品资源，点击获取简介：JavaScript是一种用于网页动态效果和交互功能的脚本语言，与HTML和CSS共同构建富互联网应用。CSS2和CSS3作为网页样式的语言，增强了网页设计的布局控制和用户体验。本手册集提供了这三种技术的详细指南，包括基本语法、函数、对象操作、DOM操作、事件处理、BOM、AJAX以及ES6的新特性，同时深入介绍了CSS2的盒模型、布局技巧和CSS3的媒体查询
  • Vue.js 全面技术指南 2301_81335708 vue.js前端javascript
    目录1.Vue.js基础入门1.1脚手架安装1.2基础指令使用v-bind动态绑定v-model双向绑定1.3条件渲染2.核心概念详解2.1计算属性与监听器2.2Methods方法2.3Filters过滤器3.组件化开发3.1组件基础3.2组件通信4.实战应用4.1ElementUI使用4.2Axios网络请求4.3路由配置5.进阶技巧5.1BOM定时器5.2DOM操作总结Vue.js高级开发指南
  • 2025前端技能 家里有只小肥猫 前端
    前端开发是现代Web开发中非常重要的一部分，涉及众多技术和工具。以下是一些在前端开发工作中常见的需求和技术：1.技术基础HTML/CSS:构建页面结构和样式。JavaScript:实现交互逻辑和动态功能。ES6+:使用现代JavaScript语法和特性。DOM操作:操作网页元素和事件处理。浏览器兼容性:确保代码在不同浏览器中正常运行。跨设备适配:确保页面在不同设备（PC、手机、平板）上正常显示。2
  • 《从零到全栈：JavaScript入门指南（二）》 CodeComposer javascript前端学习
    DOM操作1、DOM基础概念定义：文档对象模型（DocumentObjectModel），将HTML/XML文档解析为树形结构，提供操作页面元素的接口。核心作用：通过JavaScript动态操作网页内容（增删改查元素、样式、属性、事件等）。节点类型：元素节点（如）文本节点（如标签内的文字）属性节点（如class="box"）2、document对象入口对象：代表整个文档，提供访问和操作页面的属性和
  • DOM编程 晚安720 前端javascript服务器
    DOM编程what主要是对页面中标签的增删改查。文档对象模型(DocumentObjectModel,简称DOM)，是W3C组织推荐的处理可扩展标记语言的标准编程接口。在网页上，组织页面(或文档)的对象被组织在一个树形结构中。why学习DOM操作就是操作页面中的标签/节点/元素/标记的对节点的操作what：什么是节点？文档是一个文档节点。(页面中的汉字、空格符、特殊符号)所有的HTML元素都是元素
  • 请谈谈 React 中的虚拟 DOM，如何通过 Diff 算法最小化真实DOM 更新次数？ 程序员黄同学 前端开发JavaScriptJava面试题react.js算法javascript
    一、虚拟DOM核心原理与Diff算法机制1.虚拟DOM的本质虚拟DOM是轻量级的JavaScript对象，用于描述真实DOM结构。每次组件状态变化时，React会生成新的虚拟DOM树，通过对比新旧树差异（Diffing）来最小化DOM操作。//虚拟DOM对象结构示例constvNode={type:'div',props:{className:'container',children:[{type
  • 【如何优化 JavaScript 代码的性能？】 程序员远仔 前端面试高频问题宝典javascript开发语言ecmascript前端edge浏览器前端框架
    如何优化JavaScript代码的性能？前言JavaScript是Web开发的核心语言，优化JavaScript代码的性能对于提升用户体验和应用的响应速度至关重要。本文将重点从理论角度探讨优化JavaScript代码性能的多种策略和最佳实践，减少代码示例，增加理论分析。关键词JavaScript、性能优化、事件循环、内存管理、DOM操作、异步编程、代码分割、懒加载、缓存、前端开发、前端面试、前端基
  • 第5章 虚拟DOM与Diff算法 道不尽世间的沧桑 vue.jsjavascript前端算法
    5.1虚拟DOM设计哲学5.1.1虚拟DOM存在意义//真实DOM操作代价示例conststart=Date.now()for(leti=0;ioldEndIdx){addVnodes(...)}else{removeVnodes(...)}}算法优势：最大程度复用现有节点减少DOM操作次数时间复杂度优化到O(n)5.4核心Diff流程实现5.4.1节点更新函数functionpatchVnode
  • 为什么使用虚拟DOM？ 祈澈菇凉 前端面试题合集1024程序员节
    使用虚拟DOM（VirtualDOM）是为了提高前端应用的性能和开发效率，它的主要原理是在内存中构建一个轻量级的DOM树，通过对比虚拟DOM的变化，最小化真实DOM的操作。以下是使用虚拟DOM的几个主要优势：1：性能优化：虚拟DOM通过批量更新和最小化DOM操作，减少了对真实DOM的直接操作次数，从而提高了性能。2：跨平台能力：虚拟DOM是与平台无关的抽象层，可以在不同的平台上运行，包括浏览器、移
  • SVG DOM及DOM操作介绍 - HTML5教程技巧 PmtxPhp html5前端htmlH5
    SVG（ScalableVectorGraphics）是一种用于描述二维矢量图形的XML标记语言，它可以实现高质量的图形渲染效果。在HTML5中，SVG成为了一种重要的图形标准，可以通过JavaScript的DOM（DocumentObjectModel）来对SVG文档进行操作和控制。本文将介绍SVGDOM及其相关的DOM操作，以帮助您深入了解和使用SVG图形。SVGDOM简介SVGDOM是一种用
  • HTML之JavaScript DOM操作元素（1） 录大大i 前端HTMLJavaScripthtmljavascript前端
    HTML之JavaScriptDOM操作元素（1）3.对元素进行操作1.操作元素的属性元素名.属性名=""2.操作元素的样式元素.style.样式名=""样式名"-"要进行驼峰转换3.操作元素的文本元素名.innerText只识别文本元素名.innerHTML识别文本的同时可以识别HTML代码4.增删元素(见下一篇文章)小标题/*步骤：1.获得documentDOM树window.document
  • 深入解析 Vue2 的生命周期钩子函数 全栈探索者chen vuejavascript前端vue.js开发语言程序人生性能优化生命周期
    深入解析Vue2的生命周期钩子函数目录前言Vue2生命周期概述生命周期钩子函数详解3.1.beforeCreate3.2.created3.3.beforeMount3.4.mounted3.5.beforeUpdate3.6.updated3.7.beforeDestroy3.8.destroyed生命周期钩子的实际应用4.1.初始化数据请求4.2.DOM操作与插件初始化4.3.清理操作与资源释
  • Vue中虚拟DOM的全面解析 七公子77 vuevue.js前端javascript
    一、虚拟DOM的核心概念虚拟DOM（VirtualDOM）是一个轻量级的JavaScript对象，它是对真实DOM的抽象表示。在Vue中，组件模板会被编译成虚拟DOM树，通过Diff算法对比新旧虚拟DOM，计算出最小化的DOM操作，最终批量更新真实DOM。二、为什么需要虚拟DOM？1.直接操作DOM的问题性能瓶颈：DOM操作是浏览器中最昂贵的操作之一，频繁操作会导致性能下降。手动优化困难：开发者需
  • 前端面试题---虚拟dom更新原理 *星之卡比* 前端前端vue.js
    vue的生命周期里有"挂载"这个阶段这个阶段里,vue实例已经把准备好的组件挂载到页面,模版被编译成虚拟DOM,最终渲染到实际的dom中Vue虚拟DOM更新原理1数据变化：当组件数据变化时，Vue会重新生成虚拟DOM。2Diff算法：Vue比较新旧虚拟DOM，找到差异。3生成补丁：根据差异生成补丁（需要更新的DOM操作）。4应用补丁：将补丁应用到真实DOM，更新视图。5异步更新：Vue将更新操作异
  • jQuery AJAX 方法详解 froginwe11 开发语言
    jQueryAJAX方法详解引言随着互联网技术的不断发展，前端开发领域的技术也在不断更新迭代。jQuery作为一种广泛使用的前端JavaScript库，极大地简化了DOM操作和事件处理。在众多jQuery功能中，AJAX（AsynchronousJavaScriptandXML）方法尤为突出，它允许我们在不重新加载整个页面的情况下与服务器进行异步通信。本文将详细介绍jQueryAJAX方法的使用，
  • 【Three.js】JS 3D library（一个月进化史） Tiffany_Ho 前端Three.js
    #春节过完了，该继续投入学习了~作为一个平面开发者，想要增进更多的技能，掌握web3D开发#前置知识与技能1.JavaScript基础-掌握ES6+语法（类、模块、箭头函数、解构等）-熟悉异步编程（Promise、async/await）-了解事件循环和DOM操作2.HTML5和CSS3-熟悉Canvas和WebGL的基础概念-了解CSS3动画和变换（transform、transition）3.
  • JavaScript网页设计案例：动态天气预报页面 静默.\\ javascript开发语言
    在这个案例中，我们将创建一个简单的网页，该网页能够根据用户输入的城市名称显示当前的天气情况。这个项目不仅将帮助我们理解如何使用JavaScript进行DOM操作和事件处理，还将介绍如何通过API获取实时数据。1.准备工作首先，你需要注册一个免费的天气API服务（如OpenWeatherMap），以获取API密钥。这将允许你访问其服务器上的天气数据。2.HTML结构让我们从基本的HTML结构开始：D
  • JavaScript前端性能优化技巧分享 代码旅人博客 前端javascript性能优化
    在前端开发中，性能优化是一个持续不断的追求。随着Web应用的日益复杂，如何确保应用的流畅性和响应速度，成为了每个前端开发者必须面对的问题。JavaScript作为前端的核心语言，其性能优化更是至关重要。本文将分享一些JavaScript前端性能优化的技巧，帮助开发者提升Web应用的性能。一、减少DOM操作DOM（文档对象模型）操作是JavaScript中常见的性能瓶颈之一。频繁的DOM操作会导致浏
  • Vue 双向数据绑定的原理 呀啊~~ 【前端框架与库】vue.js前端前端框架
    Vue的双向数据绑定是其核心特性之一，它可以让视图与数据保持同步，简化了开发者在DOM操作上的工作。Vue的双向数据绑定通过响应式系统和DOM事件监听来实现，当数据发生变化时，视图会自动更新；当视图中的元素（如输入框）的值发生变化时，数据也会更新。在Vue中，双向绑定通常是指通过v-model指令在视图（DOM）和模型（数据）之间建立的双向同步关系。理解Vue双向绑定的原理，首先需要了解Vue如何
  • 深入理解 React 的 useEffect：全面指南 咖啡虫 next.jsreact.jsjavascript前端
    在React中，useEffect是一个非常重要的Hook，用于在函数组件中处理副作用。它强大而灵活，是函数组件中替代类组件生命周期方法的核心工具。通过useEffect，你可以轻松实现以下操作：数据获取（例如调用API）DOM操作（如操作文档标题或动画效果）事件监听（例如窗口大小调整）清理任务（例如清理定时器或取消订阅）本篇文章将从基础到进阶，全面解析useEffect的用法及最佳实践。什么是u
  • vue之diff算法 空零kl VUEvue.jsjavascript前端
    1.我们知道vue使用的是虚拟DOM去减少对真是DOM的操作次数，来提升页面的运行的效率。那他的内部原理是怎样的呢。首先vue和react在更新dom时，使用的算法基本相同，都是基于anabbdom。当浏览器的页面数据发生变化时，vue不会立即渲染。二十经过diff算法，判断出哪些是不需要变化的，那些是需要变化更新的，只需要更新那些需要更细的DOM就可以了，这样就减少了很多不必要的DOM操作，在很
  • 微信开发者验证接口开发 362217990 微信 开发者 token 验证
    微信开发者接口验证。 Token，自己随便定义，与微信填写一致就可以了。 根据微信接入指南描述 http://mp.weixin.qq.com/wiki/17/2d4265491f12608cd170a95559800f2d.html 第一步：填写服务器配置 第二步：验证服务器地址的有效性 第三步：依据接口文档实现业务逻辑 这里主要讲第二步验证服务器有效性。 建一个
  • 一个小编程题-类似约瑟夫环问题 BrokenDreams 编程
            今天群友出了一题：         一个数列,把第一个元素删除,然后把第二个元素放到数列的最后,依次操作下去,直到把数列中所有的数都删除,要求依次打印出这个过程中删除的数。      &
  • linux复习笔记之bash shell (5) 关于减号-的作用 eksliang linux关于减号“-”的含义linux关于减号“-”的用途linux关于“-”的含义linux关于减号的含义
        转载请出自出处： http://eksliang.iteye.com/blog/2105677        管道命令在bash的连续处理程序中是相当重要的，尤其在使用到前一个命令的studout（标准输出）作为这次的stdin（标准输入）时，就显得太重要了，某些命令需要用到文件名，例如上篇文档的的切割命令（split）、还有
  • Unix(3) 18289753290 unix ksh
    1)若该变量需要在其他子进程执行，则可用"$变量名称"或${变量}累加内容 什么是子进程？在我目前这个shell情况下，去打开一个新的shell，新的那个shell就是子进程。一般状态下，父进程的自定义变量是无法在子进程内使用的，但通过export将变量变成环境变量后就能够在子进程里面应用了。 2)条件判断： &&代表and  ||代表or&nbs
  • 关于ListView中性能优化中图片加载问题 酷的飞上天空 ListView
    ListView的性能优化网上很多信息，但是涉及到异步加载图片问题就会出现问题。 具体参看上篇文章http://314858770.iteye.com/admin/blogs/1217594   如果每次都重新inflate一个新的View出来肯定会造成性能损失严重，可能会出现listview滚动是很卡的情况，还会出现内存溢出。 现在想出一个方法就是每次都添加一个标识，然后设置图
  • 德国总理默多克：给国人的一堂“震撼教育”课 永夜-极光 教育
    http://bbs.voc.com.cn/topic-2443617-1-1.html德国总理默多克：给国人的一堂“震撼教育”课　 安吉拉—默克尔，一位经历过社会主义的东德人，她利用自己的博客，发表一番来华前的谈话，该说的话，都在上面说了，全世界想看想传播——去看看默克尔总理的博客吧！ 　　德国总理默克尔以她的低调、朴素、谦和、平易近人等品格给国人留下了深刻印象。她以实际行动为中国人上了一堂
  • 关于Java继承的一个小问题。。。 随便小屋 java
    今天看Java 编程思想的时候遇见一个问题，运行的结果和自己想想的完全不一样。先把代码贴出来！ //CanFight接口 interface Canfight { void fight(); } //ActionCharacter类 class ActionCharacter { public void fight() { System.out.pr
  • 23种基本的设计模式 aijuans 设计模式
    Abstract Factory：提供一个创建一系列相关或相互依赖对象的接口，而无需指定它们具体的类。 　　Adapter：将一个类的接口转换成客户希望的另外一个接口。A d a p t e r模式使得原本由于接口不兼容而不能一起工作的那些类可以一起工作。 　　Bridge：将抽象部分与它的实现部分分离，使它们都可以独立地变化。 　　Builder：将一个复杂对象的构建与它的表示分离，使得同
  • 《周鸿祎自述：我的互联网方法论》读书笔记 aoyouzi 读书笔记
    从用户的角度来看,能解决问题的产品才是好产品,能方便/快速地解决问题的产品,就是一流产品.   商业模式不是赚钱模式 一款产品免费获得海量用户后,它的边际成本趋于0,然后再通过广告或者增值服务的方式赚钱,实际上就是创造了新的价值链.   商业模式的基础是用户,木有用户,任何商业模式都是浮云.商业模式的核心是产品,本质是通过产品为用户创造价值. 商业模式还包括寻找需求
  • JavaScript动态改变样式访问技术 百合不是茶 JavaScriptstyle属性ClassName属性
      一:style属性 格式:  HTML元素.style.样式属性="值";   创建菜单:在html标签中创建 或者 在head标签中用数组创建   <html> <head> <title>style改变样式</title> </head> &l
  • jQuery的deferred对象详解 bijian1013 jquerydeferred对象
            jQuery的开发速度很快，几乎每半年一个大版本，每两个月一个小版本。         每个版本都会引入一些新功能，从jQuery 1.5.0版本开始引入的一个新功能----deferred对象。    &nb
  • 淘宝开放平台TOP Bill_chen C++c物流C#
    淘宝网开放平台首页：http://open.taobao.com/ 淘宝开放平台是淘宝TOP团队的产品，TOP即TaoBao Open Platform， 是淘宝合作伙伴开发、发布、交易其服务的平台。 支撑TOP的三条主线为：    1.开放数据和业务流程     * 以API数据形式开放商品、交易、物流等业务；  &
  • 【大型网站架构一】大型网站架构概述 bit1129 网站架构
    大型互联网特点 面对海量用户、海量数据 大型互联网架构的关键指标 高并发 高性能 高可用 高可扩展性 线性伸缩性 安全性 大型互联网技术要点   前端优化 CDN缓存 反向代理 KV缓存 消息系统 分布式存储 NoSQL数据库 搜索 监控 安全 想到的问题： 1.对于订单系统这种事务型系统，如
  • eclipse插件hibernate tools安装 白糖_ Hibernate
    eclipse helios(3.6)版 1.启动eclipse 2.选择 Help > Install New Software...> 3.添加如下地址： http://download.jboss.org/jbosstools/updates/stable/helios/ 4.选择性安装：hibernate tools在All Jboss tool
  • Jquery easyui Form表单提交注意事项 bozch jquery easyui
    jquery easyui对表单的提交进行了封装，提交的方式采用的是ajax的方式，在开发的时候应该注意的事项如下：         1、在定义form标签的时候，要将method属性设置成post或者get，特别是进行大字段的文本信息提交的时候，要将method设置成post方式提交，否则页面会抛出跨域访问等异常。所以这个要
  • Trie tree(字典树)的Java实现及其应用-统计以某字符串为前缀的单词的数量 bylijinnan java实现
    import java.util.LinkedList; public class CaseInsensitiveTrie { /** 字典树的Java实现。实现了插入、查询以及深度优先遍历。 Trie tree's java implementation.(Insert,Search,DFS) Problem Description Igna
  • html css 鼠标形状样式汇总 chenbowen00 htmlcss
    css鼠标手型cursor中hand与pointer  Example：CSS鼠标手型效果 <a href="#" style="cursor:hand">CSS鼠标手型效果</a><br/>  Example：CSS鼠标手型效果 <a href="#" style=&qu
  • [IT与投资]IT投资的几个原则 comsci it
          无论是想在电商,软件,硬件还是互联网领域投资,都需要大量资金,虽然各个国家政府在媒体上都给予大家承诺,既要让市场的流动性宽松,又要保持经济的高速增长....但是,事实上,整个市场和社会对于真正的资金投入是非常渴望的,也就是说,表面上看起来,市场很活跃,但是投入的资金并不是很充足的......    
  • oracle with语句详解 daizj oraclewithwith as
    oracle with语句详解 转 在oracle中，select 查询语句，可以使用with,就是一个子查询，oracle 会把子查询的结果放到临时表中，可以反复使用 例子:注意，这是sql语句，不是pl/sql语句， 可以直接放到jdbc执行的 ----------------------------------------------------------------
  • hbase的简单操作 deng520159 数据库hbase
    近期公司用hbase来存储日志,然后再来分析 ,把hbase开发经常要用的命令找了出来. 用ssh登陆安装hbase那台linux后 用hbase shell进行hbase命令控制台! 表的管理 1）查看有哪些表 hbase(main)> list 2）创建表   # 语法：create <table>, {NAME => <family&g
  • C语言scanf继续学习、算术运算符学习和逻辑运算符 dcj3sjt126com c
    /* 2013年3月11日20:37:32 地点：北京潘家园 功能：完成用户格式化输入多个值 目的：学习scanf函数的使用 */ # include <stdio.h> int main(void) { int i, j, k; printf("please input three number:\n"); //提示用
  • 2015越来越好 dcj3sjt126com 歌曲
    越来越好 房子大了电话小了 感觉越来越好 假期多了收入高了 工作越来越好 商品精了价格活了 心情越来越好 天更蓝了水更清了 环境越来越好 活得有奔头人会步步高 想做到你要努力去做到 幸福的笑容天天挂眉梢 越来越好 婆媳和了家庭暖了 生活越来越好 孩子高了懂事多了 学习越来越好 朋友多了心相通了 大家越来越好 道路宽了心气顺了 日子越来越好 活的有精神人就不显
  • java.sql.SQLException: Value '0000-00-00' can not be represented as java.sql.Tim feiteyizu mysql
    数据表中有记录的time字段（属性为timestamp）其值为：“0000-00-00 00:00:00” 程序使用select 语句从中取数据时出现以下异常： java.sql.SQLException:Value '0000-00-00' can not be represented as java.sql.Date   java.sql.SQLException: Valu
  • Ehcache（07）——Ehcache对并发的支持 234390216 并发ehcache锁ReadLockWriteLock
    Ehcache对并发的支持          在高并发的情况下，使用Ehcache缓存时，由于并发的读与写，我们读的数据有可能是错误的，我们写的数据也有可能意外的被覆盖。所幸的是Ehcache为我们提供了针对于缓存元素Key的Read（读）、Write（写）锁。当一个线程获取了某一Key的Read锁之后，其它线程获取针对于同
  • mysql中blob,text字段的合成索引 jackyrong mysql
      在mysql中，原来有一个叫合成索引的，可以提高blob,text字段的效率性能， 但只能用在精确查询，核心是增加一个列，然后可以用md5进行散列，用散列值查找 则速度快 比如： create table abc(id varchar(10),context blog,hash_value varchar(40)); insert into abc(1,rep
  • 逻辑运算与移位运算 latty 位运算逻辑运算
    源码：正数的补码与原码相同例+7 源码：00000111 补码 ：00000111 （用8位二进制表示一个数） 负数的补码： 符号位为1，其余位为该数绝对值的原码按位取反；然后整个数加1。   -7 源码： 10000111 ，其绝对值为00000111  取反加一：11111001 为-7补码 已知一个数的补码，求原码的操作分两种情况：
  • 利用XSD 验证XML文件 newerdragon javaxmlxsd
    XSD文件 （XML Schema 语言也称作 XML Schema 定义（XML Schema Definition，XSD）。 具体使用方法和定义请参看： http://www.w3school.com.cn/schema/index.asp java自jdk1.5以上新增了SchemaFactory类 可以实现对XSD验证的支持，使用起来也很方便。 以下代码可用在J
  • 搭建 CentOS 6 服务器(12) - Samba rensanning centos
    （1）安装 # yum -y install samba Installed: samba.i686 0:3.6.9-169.el6_5 # pdbedit -a rensn new password:123456 retype new password:123456 …… （2）Home文件夹 # mkdir /etc
  • Learn Nodejs 01 toknowme nodejs
    （1）下载nodejs https://nodejs.org/download/ 选择相应的版本进行下载     （2）安装nodejs 安装的方式比较多，请baidu下 我这边下载的是“node-v0.12.7-linux-x64.tar.gz”这个版本 （1）上传服务器 （2）解压 tar -zxvf  node-v0.12.
  • jquery控制自动刷新的代码举例 xp9802 jquery
    1、html内容部分  复制代码代码示例: <div id='log_reload'> <select name="id_s" size="1"> <option value='2'>-2s-</option> <option value='3'>-3s-</option
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他