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操作)

  • Javascript(基础) 笔记16 不修×蝙蝠 javascript笔记前端html
    dom操作①document②object③model一、查找1.getElementById()根据id值获取元素，返回符合的第一个元素（只会返回第一个）varx=document.getElementById("a");console.log(x);console.dir(x);//以对象形式打印x.style.background="red";x.style.color="yellow";x
  • js中【Worker】相关知识点详细解读 OEC小胖胖 JavaScriptjavascript开发语言ecmascript前端web
    什么是JavaScript中的Worker？JavaScript中的Worker是一个可以在后台线程中运行代码的API，这样可以避免主线程（通常是UI线程）被阻塞。使用Worker时，JavaScript可以在多线程环境中工作，解决了单线程的瓶颈问题。通常情况下，JavaScript是单线程的，也就是所有的代码（包括DOM操作和事件处理等）都在同一个线程里执行。如果某段代码需要大量计算，或者运行时
  • VUE3学习路线 蜡笔小新星 Vue学习vue经验分享
    以下是一份详细的Vue3学习路线，涵盖从基础到进阶的各个方面，以帮助你系统掌握Vue3开发。第一阶段：基础知识理解前端基础HTML:了解文档结构，常用标签，语义化HTML。CSS:学习选择器、布局、Flexbox和Grid，基本的样式应用。JavaScript:理解基本语法、DOM操作、事件处理、异步编程（Promises,async/await），以及ES6+特性（如箭头函数、解构赋值、模块化）
  • 记录一些vue3的知识（未完） a605536834 vue.js前端javascript
    mounted(vue2)在Vue2的组件中，mounted钩子用于执行那些需要在组件实例挂载到DOM之后运行的代码，这通常包括DOM操作、数据请求等onMounted(vue3)Vue2：使用mounted作为组件的一个选项来执行挂载后的代码。Vue3：使用onMounted作为CompositionAPI的钩子来执行挂载后的代码。在Vue3中，onMounted是CompositionAPI的
  • Dojo-CodeLab: JavaScript与Dojo框架学习与实践指南 陈马登Morden
    本文还有配套的精品资源，点击获取简介：Dojo-CodeLab是一个提供学习和实践JavaScript及其Dojo框架的项目，专注于为初学者提供无需特定环境限制的编程平台。通过开发一个简单的计算器应用，学习者将掌握JavaScript基础语法和Dojo工具集的使用，涵盖变量、数据类型、控制结构、函数、对象、数学运算、事件处理和DOM操作等关键概念。本项目通过实际编码练习帮助学习者加深对前端开发的理
  • 记录-小程序720°VR（跳转H5页面实现） 久违的小技巧 小程序小程序vrjavascript
    全景浏览提前准备1拍照支架/照片合成软件（KolorAutopanoGiga4.0）或者全景相机2pannellum（pannellum是一个轻量级、免费和开源的Web全景查看器。它使用HTML5、CSS3、JavaScript和WebGL构建，没有插件。）3H5页面引入pannellum.js/css文件，swiper/jquery文件（因为需要在全景图底部显示可切换图片，与dom操作/ajax
  • Vue初步认识与Vue基础指令 amanohina
    Vue.js简介先来谈谈传统网页开发传统开发的缺点：1.DOM操作频繁，代码繁杂2.DOM操作与逻辑代码混合，可维护性差3.不同功能区域书写在一起，可维护性低4.模块之间的依赖关系复杂Vue.js应运而生官网：https://cn.vuejs.orgVue.js核心特性数据驱动视图数据变化会自动更新到对应元素中，无需手动操作DOM，这种行为称作单向数据绑定。单向数据绑定对于输入框等可输入元素，可设
  • jQuery高级技巧——性能优化篇 mqy1023 Jqueryjquery
    阅读目录通过CDN（ContentDeliveryNetwork）引入jQuery库减少DOM操作适当使用原生JS选择器优化缓存jQuery对象定义一个可以复用的函数用数组方式来遍历jQuery对象集合通过CDN（ContentDeliveryNetwork）引入jQuery库要提升网站中javascript的性能的最简单的一步就是引入最新版本的jQuery库，新发布的版本通常在性能上会有更好的提
  • Vue瀑布流布局 薛文诚 vue.jscssjavascript
    虽然会写js的瀑布流布局，但是在Vue框架下使用，还是要稍作修改，毕竟要减少DOM操作。原理依旧是绝对定位+left+top图片和文字还是有区别的，那就是渲染时间，所以我使用了onload，在图片渲染之后再进行瀑布流的布局Vue瀑布式布局body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,
  • React路由 路由传参 路由上下文 组件跳转 leehaipei Reactreactreactjs
    官方网站一、简介路由最基本的职责就是当页面的访问地址与Route上的path匹配时，就渲染出对应的UI界面（组件）。实现SPA应用，页面切换不会刷新页面，内容局部更新。同时路由也可以带货（传参）。二、react-router提供了两种路由模块1.React-Router提供了一些router的核心API，包括Router,Route,Switch等，但是它没有提供DOM操作进行跳转的API。2.R
  • React中响应式原理 盼盼盼 前端react响应式原理
    今天看flutter文档，上面讲了react的响应式原理，觉得讲的通俗易懂，摘抄下来，以后复习方便React中响应式原理1.开发者只需关注状态转移（数据），当状态发生变化，React框架会自动根据新的状态重新构建UI。2.React框架在接收到用户状态改变通知后，会根据当前渲染树，结合最新的状态改变，通过Diff算法，计算出树中变化的部分，然后只更新变化的部分（DOM操作），从而避免整棵树重构，提
  • 提升前端性能的JavaScript技巧（上） Good_tea_h javascript
    提升前端性能的JavaScript技巧是一个广泛而深入的话题，它涵盖了从代码优化、资源管理、DOM操作效率、网络请求优化到利用现代浏览器特性等多个方面。以下将详细探讨这些技巧，并给出具体的实施建议。一、代码优化1.变量和函数优化局部变量优先：尽量使用局部变量而非全局变量，因为局部变量在查找时速度更快，因为它们位于作用域链的顶部。避免使用with语句：with语句会改变作用域链，导致JavaScri
  • jQuery基础——DOM基础 雷特IT jquery前端javascript
    写在前面参考文献：莫振杰《从0到1：jQuery快速上手》这期主讲DOM和事件，下面开始。DOM基础DOM对象，也就是文档对象模型。DOM操作，可以理解为“元素操作”。这里可以参考之前的JS。下面复习一下：DOM结构DOM结构，也就是“树形结构”，所谓树形结构也就是使用“树节点”来表示页面中的每一个元素。DOM结构，也被称为“DOM树”。其中，html是树根，也叫做“根元素”。树结构中的关系：兄弟
  • js处理大型数据崩掉解决方案 前端交流群439667347
    1:JS中大量的DOM操作也会导致事件响应缓慢甚至真正卡死浏览器，如在IE6下一次插入大量的HTML。而如果真的弹出了“脚本运行时间过长“的提示框则说明你的JS脚本肯定有死循环或者进行过深的递归操作了。2:这时候需要对脚本进行优化，其步骤如下：第一步，优化循环，循环体中包含太多的操作和循环的次数过多都会导致循环执行时间过长，并直接导致锁死浏览器。如果循环之后没有其他操作，每次循环只处理一个数值，而
  • JS面试题--DOM操作相关 这碗花里只有粥 #JSJS面试题DOM操作
    （1）在DOM中操作中怎么创建、添加、删除、移除、替换、插入和查找节点①通过以下代码创建节点createDocumentFragment()//创建一个DOM片段createElement();//创建一个具体的元素createTextNode();//创建一个文本节点②添加、移除、替换、插入节点appendChild();removeChild();replaceChild();insertBe
  • 提升前端性能的JavaScript技巧 丁爸 linuxjavascript
    1.前端JavaScript性能问题前端JavaScript的性能问题可以显著影响Web应用的用户体验和整体性能。以下是一些常见的前端JavaScript性能问题：1.1.频繁的DOM操作问题描述：JavaScript经常需要与DOM（文档对象模型）交互来更新页面内容。然而，每次DOM操作都可能触发浏览器的重绘（repaint）或重排（reflow/reflow），这些操作是资源密集型的，会导致页
  • 虚拟 DOM 的优缺点有哪些 咕噜签名分发 前端javascript开发语言
    虚拟DOM（VirtualDOM）技术作为现代前端开发中的重要组成部分，已经成为了众多流行前端框架的核心特性。它的引入为前端开发带来了诸多优势，同时也需要我们认真思考其潜在的考量。下面简单的介绍一下虚拟DOM技术的优势与缺点，深入探讨其在实际应用中的影响。提升性能虚拟DOM的最大优势之一是提升页面性能。通过比较前后两次虚拟DOM树的差异，最小化实际DOM操作，从而减少页面重渲染时的性能消耗。这种优
  • 用uniapp开发手机app，发现不支持dom操作 吉星9527ABC uni-app前端
    用uniapp开发手机app，使用了uview组件，其中的不支持给label旁边放个红星号，尝试用dom操作给添加appendRedStar(item_ref){try{varel=this.$refs[item_ref].$children[0].$children[0].$el//.$children[0].$children[0].$children[0]console.log('el',e
  • jQuery事件与DOM操作 我讲个笑话你可别哭啊 jquery前端javascript
    1.jQuery中的事件基础事件鼠标事件、键盘事件、window事件、表单事件复合事件鼠标光标悬停鼠标连续点击2.鼠标事件方法描述执行时机click()触发或将函数绑定到指定元素的click事件单击鼠标时mouseover()触发或将函数绑定到指定元素的mouseover事件鼠标指针移过时mouseout()触发或将函数绑定到指定元素的mouseout事件鼠标指针移出时mouseenter()触发
  • 知识点整理之---性能优化（二） 楠楠_c811
    本篇转自网络。性能优化细分的话可以分为两类：第一类：页面级别的优化，例如HTTP请求数、脚本的无阻塞加载、内联脚本的位置优化等;第二类：代码级别的优化，例如Javascript中的DOM操作优化、CSS选择符优化、图片优化以及HTML结构优化等等。一、页面级优化1减少HTTP请求数一个完整的请求都需要经过DNS寻址、与服务器建立连接、发送数据、等待服务器响应、接收数据这样一个“漫长”而复杂的过程。
  • jQuery怎样获得内容和属性？ 汓㸓 jquery前端javascript
    （依旧是学习记录，慢慢补充）一、获得内容-text()、html()以及val()三个简单实用的用于DOM操作的jQuery方法：text()-设置或返回所选元素的文本内容html()-设置或返回所选元素的内容（包括HTML标记）val()-设置或返回表单字段的值（标签名为input）两种方法设置元素的文本内容，html()方法是jQuery的方法，innerHTML方法是DOM对象的方法。元素的
  • 【 JS 进阶 】原型对象、面向对象 fans小知 #JSjavascript开发语言ecmascript
    目标了解构造函数原型对象的语法特征，掌握JavaScript中面向对象编程的实现方式，基于面向对象编程思想实现DOM操作的封装。了解面向对象编程的一般特征掌握基于构造函数原型对象的逻辑封装掌握基于原型对象实现的继承理解何为原型链及其作用能够处理程序异常，提升程序执行的健壮性编程思想学习JavaScript中基于原型的面向对象编程序的语法实现，理解面向对象编程的特征。面向过程面向过程就是分析出解决问
  • 【Vue】自定义指令 五敷有你 Vuevue.jshtmljavascript
    个人主页：五敷有你系列专栏：Vue⛺️稳重求进，晒太阳自定义指令之前的v-htmlv-modelv-for等都是内置指令自定义指令：自己定义的指令，可以封装一些dom操作，扩展额外功能需求：当页面加载时，可以让元素获得焦点操作dom：dom元素.focus()mounted(){this.$refs.inp2.focus()}全局注册：-语法Vue自动将我们的自定义指令添加上了v-前缀。//全局注
  • react虚拟dom及实现原理 光影少年 react.jsjavascript前端
    React的虚拟DOM（VirtualDOM）是一种优化手段，用于提高页面更新的效率。它是在内存中以JavaScript对象的形式维护的一份DOM树的拷贝，通过比较虚拟DOM树的变化并最小化实际DOM操作，从而减少页面重绘和重新布局的开销。虚拟DOM的实现原理主要包括以下几个步骤：初始化阶段：当React组件首次渲染时，会创建一个虚拟DOM树，该树的结构与实际的DOM结构一一对应。这个虚拟DOM树
  • react中commit工作流程 _处女座程序员的日常 React前端jsreact.jsjavascript前端
    整个React工作流程可以分为两大阶段：Render阶段ScheculeReconcileCommit阶段注意，Render阶段是在内存中运行的，这意味者可以被打断，而commit阶段一旦开始同步执行直到完成。Renderer工作的阶段被称为commit阶段。commit阶段可以分为三个子阶段：beforemutation阶段（执行DOM操作前）mutation阶段（执行DOM操作）layout阶
  • 2020-08-27 Vue表单修饰符，ref ，计算属性 范乔丹
    表单修饰符lazy将v-model由原来input事件改为change事件触发number将v-model绑定的值，自动过滤成数字（按照parseFloat顺序解析）（如果需要开头就是非数字字符，失去功能）trim去除开头结尾空格ref方便获取dom元素Vue尽量减少dom操作，以数据驱动为主aaapppdwdwletvm=newVue({el:"#app",data:{},mounted(){/
  • react 【二】 setState/react性能优化/dom操作 KIKIo_ reactreact.jsjavascriptecmascript
    文章目录1、setState1.1setState的三种用法1.2setState为什么是异步2、React性能优化2.1react的更新机制2.2如何优化性能2.2.1shouldComponentUpdate2.2.2PureComponent2.2.3memo3、不可变数据的力量4、dom操作4.1通过ref获取dom的三种方式4.2执行子组件的方法（类组件4.3获取函数式组件的dom1、s
  • Vue-自定义属性和插槽（五） smilehjl Vuevue.js前端javascript
    目录自定义指令基本语法(全局&局部注册)指令的值练习：v-loading指令封装总结：插槽（slot）默认插槽插槽-后备内容（默认值）具名插槽具名插槽基本语法:具名插槽简化语法:作用域插槽综合案例：商品列表自定义指令基本语法(全局&局部注册)自定义指令：自己定义的指令,可以封装一些dom操作，扩展额外功能全局注册：Vue.directive('focus',{ "inserted"(el){  e
  • JavaScript 遍历文档生成目录结构 记忆的小河 javascript前端开发语言
    JavaScript遍历文档生成目录结构要遍历HTML文档并生成目录结构，你可以使用JavaScript来进行DOM操作和遍历。以下是一个简单的示例代码，演示了如何遍历文档中的标题元素（例如、、等），并根据它们的层次结构生成目录：DocumentOutlineHeading1ThisissomecontentunderHeading1.Subheading1.1Thisissomecontentu
  • react-router 我竟无言以对_1202
    react-routerReact-router提供了一些router的核心api，包括Router,Route,Switch等，但是它没有提供dom操作进行跳转的api。react-router-domReact-router-dom提供了BrowserRouter,Route,Link等api,我们可以通过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其他