晚安720
晚安720

DOM编程

DOM编程

what

主要是对页面中标签的增删改查。

文档对象模型(Document Object Model,简称 DOM)，是W3C组织推荐的处理可扩展标记语言的标准编程接口。在网页上，组织页面(或文档)的对象被组织在一个树形结构中。

why

学习DOM操作就是操作页面中的 标签/节点/元素/标记 的

对节点的操作

what：什么是节点？

  • 文档是一个文档节点。(页面中的汉字、空格符、特殊符号)
  • 所有的HTML元素都是 元素/标签节点
  • 所有HTML属性都是属性节点
  • 文本插入到HTML元素是 文本节点
查询节点

想要操作页面中的某一个/某一类 标签，要先拿到这些标签

get系列
document.getElementById() id名
document.getElementsByClassName() 根据类名
document.getElementsByName() 不常用 根据name属性
document.getElementsByTagName() 根据标签名
query系列
document.querySelector() 根据选择器 获取 一个
document.querySelectorAll() 根据选择器 获取 全部

增加节点(插入节点)
名称 含义
document.createElement(标签名) 创建一个节点
父.insertBefore(新标签,哪个标签之前) 在哪个标签之前插入节点
父.appendChild(新标签) 在父节点的里边追加子节点
cloneNode() 复制节点，如果参数为true，还会复制当前节点的子孙节点，否则只复制当前节点。

步骤：

  • 创造标签——此时没有样式 创建
  • 美化——设置样式，添加内容 美化
  • 添加——将造好的标签添加到该添加的地方 添加
<script>
        /*
            节点标签从哪里来？要放在哪里？
            1.创建
            document.createElement('标签名字')
            2.美化
            - 内容样式
            - 样式修饰
            - 是否存在子元素
            3.添加
             父元素.appendChild(子元素)
        */
        //创建
        var div_=document.createElement('div');
        //美化
        div_.className='box';
        div_.innerText="你好"
        //添加
        document.body.appendChild(div_);
		//法二：
        document.body.innerHTML+=`
姓名：
`
    script>
  • 创建一个标签，将其追加到最后一个父节点后面，成为最后一个父节点(createElement+appendChild)
<body>
   <div id='max'>
    <p>nihao1p>
    <p>nihao2p>
    <p id="third">nihao3p>
    <p>nihao4p>
    <p>nihao5p>
   div>
    <script>
        //通过创建新元素添加新的元素:添加到div的后面
        var newNode=document.createElement('p');
        newNode.innerText="hahhahhha";
        document.body.appendChild(newNode);
    script>
body>
  • 将标签插入到指定的父节点里面(createElement+appendChild)
<body>
   <div id='max'>
    <p>nihao1p>
    <p>nihao2p>
    <p id="third">nihao3p>
    <p>nihao4p>
    <p>nihao5p>
   div>
    <script>
        //将标签插入到 指定父节点里面
        var newNode2=document.createElement('p')
        newNode2.innerText="你好"
        max.appendChild(newNode2);
    script>
body>
  • 将创建的节点插入到指定的父节点里面指定的标签之前(createElement+insertBefore)
<body>
   <div id='max'>
    <p>nihao1p>
    <p>nihao2p>
    <p id="third">nihao3p>
    <p>nihao4p>
    <p>nihao5p>
   div>
    <script>
        //将标签插入到指定标前面
        var newNode3=document.createElement('button');
        newNode3.innerText='点击'
        max.insertBefore(newNode3,document.querySelector('third'));
    script>
body>
  • 克隆
<body>
   <div id='max'>
    <p>nihao1p>
    <p>nihao2p>
    <p id="third">nihao3p>
    <p>nihao4p>
    <p>nihao5p>
   div>
    <script>
                //克隆
                //值为true时：拷贝该元素和其所有子元素
                //值为false时：只拷贝该元素
                //值为空时：默认为false，只拷贝该元素
               var newNode4=max.cloneNode(true);
               document.body.appendChild(newNode4);
    script>
body>
删除节点
名称 含义
父.removeChild（子标签） 删除指定的子标签/子节点
自己.remove() 删除自身 
<div id="box">jklsa;ojff,vdiv>
    <button onclick="rem()">删除button>

    <script>
        function rem(){
           box.remove();//自己删除自己(目标节点自删)
          // document.body.removeChild(box);//通过父节点删除目标节点(子节点)
        }
    script>
修改节点(更新节点)
名称 含义
parent.replaceChild(新标签, 旧标签); 将父标签中的旧标签用新标签替换掉

节点具有的属性(查)

节点元素属性

名称 含义
childNodes 所有直接子节点（文本节点和元素节点）——一般不用
children 所有元素子节点——获取所有的子标签——只要标签
firstElementChild 第一个元素节点(不一定是标签)
firstChild 第一个子节点，标签节点
lastElementChild 最后一个元素节点(不一点是标签)
lastChild 最后一个子节点，标签节点
parentNode 父节点
nextSibling 返回当前元素紧跟的下一个同级节点(包含文本/标签等)
nextElementSibling 返回指定元素之后的下一个兄弟元素节点（相同节点树层中的下一个元素节点）。(不包含标签)
previousSibling 返回当前元素上一个节点紧挨着的
previousElementSibling 返回指定元素的前一个兄弟元素（相同节点树层中的前一个元素节点）(不包含标签)
value 文本框的value值
id 标签的id属性值
name 表单元素的name属性值
className class属性值
innerHTML 标签中的所有内容(包含标签)
outerHTML 包含标签本身以及标签体
innerText 标签中的所有文本内容(不包含标签本身)
getAttribute(“属性名”) 获取标签属性
setAttribute(“属性名”,“属性值”) 为标签设置属性值，还可以设置自定义属性

修改本身就有的属性 只要能直接 . 出来 就表示 . 出来的属性都是本身就有的（系统规定的）

名称 含义
nodeValue 节点值 （文本节点的值）
nodeType 节点类型。1标签节点 2 属性节点 3文本节点
nodeName 节点名称
  • 节点元素属性
<body>
    <div id="max">
        <p>1p>
        <p>2p>
        <p>3p>
        <p id="p">4p>
        <p>5p>
    div>

    <script>
        //获取元素中所有的子节点，包含文本节点，例如：空格(一般不用)——childNodes
        console.log(max.childNodes);
        //获取所有的子元素，只要标签
        console.log(max.children);
        //获取第一个子元素
        console.log(max.firstChild);
        //获取第一个标签节点
        console.log(max.firstElementChild);
        //获取最后一个子元素
        console.log(max.lastChild);
        //获取最后一个子标签
        console.log(max.lastElementChild);
        //获取元素的父节点
        console.log(max.parentNode);
        //获取下一个兄弟节点
        console.log(p.nextElementSibling);
        //获取上一个兄弟节点
        console.log(p.previousElementSibling);
    script>
body>

你可能感兴趣的:(前端,javascript,服务器)

  • 【ESP32摄像头开发实例】-视频流接入Home Assistant 视觉与物联智能 物联网全栈开发实战ESP32单片机MCU物联网智能家居HomeAssistant嵌入式硬件
    ESP32-CAM视频流接入HomeAssistant文章目录ESP32-CAM视频流接入HomeAssistant1、硬件、软件准备2、ESP32-CAM介绍3、视频流服务器代码实现4、程序下载到开发板5、接入HomeAssistant在这个项目中，我们将使用ESP32-CAM板构建一个IP监控摄像头。ESP32摄像头将托管一个视频流媒体网络服务器，您可以使用网络中的任何设备进行访问。1、硬件、
  • IP证书在网络安全中的作用 qwerdfwc_ 安全web安全网络
    IP证书（IPSSL证书）是SSL/TLS证书的一种，与传统的域名SSL证书不同，它直接绑定到服务器的IP地址而非域名，在网络安全中发挥着多方面的重要作用，以下是详细介绍：身份验证作用机制：IP证书由受信任的证书颁发机构（CA）颁发。在申请过程中，CA会对申请者的IP地址进行严格的身份验证，确保申请者对该IP地址拥有合法的控制权。只有通过验证的IP地址才能获得相应的证书。重要性：这种身份验证机制可
  • 修罗武神正版游戏服务器,修罗武神正版游戏官网 小马甲不小 修罗武神正版游戏服务器
    修罗武神是一款仙侠题材的传奇修真RPG游戏,根据13亿点击、500万字剧情人气小说改编的传奇修真手游，呼朋唤友，来场无战不欢的生死决杀，共享华丽的游戏盛宴!是英雄，就战起来!游戏介绍修罗武神官网版是一款仙侠为背景题材的动作冒险实时MMORPG实时自由战斗类型的游戏，在游戏中有着各种时尚个性时装自由搭配轻松获取，还有各种精彩美妙的剧情任务等着你来欣赏，唯美仙侠的萌宠坐骑为你横扫战场、喜欢的朋友千万不
  • 我的世界1.20.1forge模组开发进阶教程——序列化（1） lemon_sjdk java我的世界mcforge模组开发序列化
    mc的序列化在《Minecraft》（MC）中，序列化指将游戏数据（如方块、实体、玩家状态等）转换为可存储或传输的格式。这是游戏运行、存档保存和网络通信的关键技术。以下是Minecraft中常见的序列化方式及其用途：一、序列化在Minecraft中的作用存档数据持久化将玩家建筑、地图、物品栏等数据保存到硬盘（如.minecraft/saves中的区域文件）。网络传输服务器与客户端同步方块更新、实体
  • Alluxio在数据索引和模型分发中的核心价值与应用 Alluxio 人工智能深度学习机器学习
    在当前的技术环境下，搜索、推荐、广告、大模型、自动驾驶等领域的业务依赖于海量数据的处理和复杂模型的训练。这些任务通常涉及从用户行为数据和社交网络数据中提取大量信息，进行模型训练和推理。这一过程需要强大的数据分发能力，尤其是在多个服务器同时拉取同一份数据时，更是考验基础设施的性能。在这样的背景下，AlluxioEnterpriseAI在数据索引与模型分发/部署方面展示了其独特的优势，特别是在处理海量
  • 函数的进阶 小盐巴小严 web前后端开发学习笔记javascript前端es6
    JavaScript函数概念构成函数主体的JavaScript代码在定义之时并不会执行，只有在调用函数时，函数才会执行。调用JavaScript函数的方法：作为函数作为方法作为构造函数通过函数的call（）和apply（）间接调用函数属性length属性在函数体例，arguments.length表示传入函数的实参的个数函数本身的length属性是只读的，代表函数声明的实际参数的数量functio
  • Nginx快速上手 浪裡遊 nginx运维前端后端
    什么是nginxNginx是一款开源的高性能HTTP和反向代理服务器，同时也提供了IMAP/POP3/SMTP代理功能。它由俄罗斯程序员IgorSysoev于2004年首次发布，最初设计目的是为了解决C10k问题，即如何让单台服务器同时处理1万个并发连接的问题。功能和作用Nginx主要的功能和作用包括但不限于以下几点：Web服务器：Nginx可以作为一个轻量级的Web服务器来处理静态文件、索引文件
  • Python LDAP库在Windows 64位环境中的应用 规则哥讲规则
    本文还有配套的精品资源，点击获取简介：PythonLDAP库是一个开源模块，它让Python开发者能够与LDAP服务器进行交互，执行操作如连接、查询、修改目录信息等。该库针对Python3.6和3.7版本优化，并适用于Windows64位架构。解压缩后，可以通过pip安装至项目中，实现集中式身份验证和数据管理功能。1.LDAP技术与Python交互概述LDAP（轻量级目录访问协议）是一种应用广泛的
  • JavaScript基础-常见网页特效案例 咖啡の猫 javascript开发语言ecmascript
    一、前言在前端开发中，实现网页特效（如轮播图、下拉菜单、Tab切换、拖拽效果等）是提升用户体验和页面交互性的关键手段之一。这些特效不仅能增强用户对网站的粘性，也是衡量一个前端开发者能力的重要标准。JavaScript是实现网页特效的核心技术之一，结合HTML和CSS，可以轻松构建丰富的交互效果。本文将带你深入了解：常见网页特效的实现原理；如何使用原生JavaScript实现经典特效；每个案例附带完
  • JavaScript基础-触屏事件 咖啡の猫 javascript开发语言ecmascript
    一、前言随着移动端设备的普及，网页不仅要适配PC浏览器，更要兼容手机和平板等触摸设备。传统的鼠标事件（如click、mousedown等）在触控操作中存在一定的延迟和局限性，因此JavaScript提供了专门用于处理触摸操作的API——触屏事件（TouchEvents）。本文将带你深入了解：触屏事件的基本概念；常见的触屏事件类型（touchstart、touchmove、touchend等）；如何
  • HTTP 请求方法 前端小巷子 网络相关http网络协议网络前端面试
    在Web开发中，HTTP请求方法是客户端与服务器之间通信的基础。本文将详细介绍HTTP中常用的请求方法，包括GET、POST、PUT、DELETE、OPTIONS、TRACE和CONNECT，并探讨它们在实际开发中的应用。一、HTTP请求方法概述HTTP请求方法是请求行中的第一个单词，它向服务器描述了客户端发出请求的动作类型。虽然HTTP协议允许自定义请求方法，但实际开发中通常使用以下几种常见的方
  • JavaScript 核心对象深度解析：Math、Date 与 String 小宁爱Python 前端javascript开发语言ecmascript
    JavaScript作为Web开发的核心语言，提供了丰富的内置对象来简化编程工作。本文将深入探讨三个重要的内置对象：Math、Date和String，通过详细的代码示例和综合案例帮助你全面掌握它们的用法。一、Math对象Math对象提供了一系列静态属性和方法，用于执行各种数学运算，无需实例化即可使用。常用属性：console.log(Math.PI);//圆周率:3.141592653589793
  • HTTP常见状态码汇总 Ailerx 计算机网络http网络协议网络
    HTTP常见状态码汇总HTTP状态码是服务器对客户端请求的响应结果，用三位数字表示，分为五类。了解常见状态码，有助于快速定位问题和优化体验。1xx：信息响应100Continue说明客户端可以继续发送请求的剩余部分。常见于大文件上传，告诉客户端服务器已准备好。2xx：成功200OK请求成功，服务器返回请求的数据。最常见的成功状态码。201Created资源创建成功，比如POST请求新建数据后返回。
  • 零基础打造优雅的AI诗词创作助手 BaiYiQingXiang99 html人工智能chatgpt
    零基础打造优雅的AI诗词创作助手：一个纯前端实现的智能写诗工具项目介绍大家好，今天要和大家分享我的一个AI项目——AI诗词创作助手。这是一个完全使用原生JavaScript开发的智能写诗工具，不需要复杂的框架，也不需要后端服务器，就能实现专业级的AI诗词创作功能。在线体验地址GitHub地址主要特性1.多样化的创作选项支持多个主流AI模型（Deepseek、Moonshot(Kimi)、通义千问）
  • 从入门到精通：前端工程师必学的 JSON 全解析 前端视界 前端json状态模式ai
    从入门到精通：前端工程师必学的JSON全解析关键词：JSON、前端工程师、数据交换、JavaScript、数据格式摘要：本文围绕前端工程师必学的JSON展开全面解析。从JSON的基本概念、背景知识入手，深入探讨其核心原理、算法实现、数学模型等方面。通过详细的代码示例和实际应用场景分析，帮助前端工程师从入门到精通掌握JSON的使用。同时，提供了丰富的学习资源、开发工具和相关论文推荐，最后对JSON的
  • 掌握Python与LDAP在域认证中的应用 seiji morisako
    本文还有配套的精品资源，点击获取简介：信息技术领域中的域认证机制利用LDAP协议实现用户身份验证。Python脚本语言通过python-ldap库与LDAP服务器交互，执行用户认证。本文将详细介绍Python如何使用python-ldap库进行LDAP连接、搜索、绑定操作，以及如何处理Web开发中的Cookie。学习这些技能有助于构建安全的用户登录系统和提升Web应用的用户体验。1.LDAP协议基
  • Vue 3 最基础核心知识详解 第七种黄昏 vue.js前端javascript
    Vue3作为现代前端主流框架，是前后端开发者都应当掌握的核心技能。本篇文章将带你了解vue3的基础核心知识，适合学习与复习一、Vue3应用创建1.1创建Vue应用的基本步骤//main.jsimport{createApp}from'vue'//1.导入createApp函数importAppfrom'./App.vue'//2.导入根组件constapp=createApp(App)//3.创建
  • 如何在编辑器wangEditor中完美复制粘贴WORD内容？ M_Snow 编辑器wordumeditor粘贴wordueditor粘贴wordueditor复制wordueditor上传word图片ueditor导入word
    要求：开源，免费，技术支持编辑器：wangEditor前端：vue2,vue3,vue-cli,html5后端：java,jsp,springboot,asp.net,php,asp,.netcore,.netmvc,.netform群体：学生,个人用户,外包,自由职业者,中小型网站,博客,场景：数字门户,数字中台,站群,内网，外网，信创国产化环境，web截屏行业：医疗，教育，建筑，政府，党政，国
  • 网页版wangEditor如何实现WORD图片的高效粘贴？ M_Snow wordumeditor粘贴wordueditor粘贴wordueditor复制wordueditor上传word图片ueditor导入wordueditor导入pdf
    要求：开源，免费，技术支持编辑器：wangEditor前端：vue2,vue3,vue-cli,html5后端：java,jsp,springboot,asp.net,php,asp,.netcore,.netmvc,.netform群体：学生,个人用户,外包,自由职业者,中小型网站,博客,场景：数字门户,数字中台,站群,内网，外网，信创国产化环境，web截屏行业：医疗，教育，建筑，政府，党政，国
  • 深入了解轻量云服务器：适合小型企业的高性价比选择 Clownseven 服务器运维
    更多云服务器知识，尽在hostol.com在如今这个数字化飞速发展的时代，越来越多的小型企业和创业公司开始意识到云计算的重要性。尤其是轻量云服务器（LightweightCloudServer），它以其高性价比、简单易用的特点，成为了许多小型企业的首选。但问题是，面对众多云服务提供商，如何选择最适合自己企业需求的轻量云服务器？它是否真的是适合小型企业的高性价比选择呢？在本文中，我们将深入分析轻量云
  • 如何选择最适合你的云存储方案：对象存储 vs 块存储 vs 文件存储 Clownseven linux运维服务器
    更多云服务器知识，尽在hostol.com在现代的云计算环境中，存储方案扮演着至关重要的角色。从初创公司到大型企业，云存储被广泛应用于数据的存储、访问与共享。你可能会问，究竟哪种存储方式最适合你的需求呢？是对象存储、块存储，还是文件存储？每种存储方式都有其独特的优势和劣势，而对于云服务器用户来说，选择合适的存储方案，往往能对性能、成本以及可扩展性等方面产生巨大的影响。让我们来仔细分析一下这三种常见
  • 如何选择适合初创企业的腾讯云轻量云服务器配置 Clownseven 腾讯云服务器云计算
    更多云服务器知识，尽在hostol.com初创企业面临的最大挑战之一就是成本管理。在早期阶段，企业通常没有足够的资金用于大规模的硬件投资和复杂的基础设施部署。因此，如何通过智能的技术选择在保证业务发展的同时降低成本，是每个初创企业必不可少的战略考虑。云计算作为一种新兴的技术解决方案，提供了按需付费、灵活部署和可扩展性等优势，使企业能够以更低的成本，快速获得计算、存储和网络资源。其中，腾讯云轻量云服
  • 无线路由dns服务器地址,无线路由器更换DHCP地址段、DNS地址设置 weixin_39826080 无线路由dns服务器地址
    随着科技的发展，越来越多的设备需要无线路由器连接，以便更快的速度上网，如智能手机、平板电脑、笔记本电脑，甚至是无线相机。而如果这些终端上网都需要事先指定好IP才能上网，那无线路由器就失去本身的一些特性，如DHCP功能，下面小编以TP-Linktl-941N为例，详解如何分配DHCP地址段并设置DNS地址？详细设置教程如下：1、使用网关地址(管理地址)登陆上路由器界面。一般路由器管理地址为192.1
  • Apache POI导入导出excel文件实战 小白de成长之路 Java相关apacheexcel前端
    文章目录前言技术栈1、引入依赖2、导入代码实现3、导出代码实现3.1、准备导出文件模板3.2、导出代码实现4、代码实现解释5、常见问题前言这两天公司项目业务提出需求，要求在前端上传excel文件然后解析展示，因此写篇文章记录一下实现。技术栈springboot2.6.61、引入依赖maven格式：org.apache.poipoi3.14org.apache.poipoi-ooxml3.142、导
  • 【鸿蒙开发】ArkUI滚动类组件-Scroll、Scroller 胡辰和 鸿蒙开发HarmonyOS移动开发harmonyos鸿蒙开发ArkUI组件化容器移动开发Scroll
    鸿蒙开发往期学习笔录：鸿蒙（OpenHarmony）南向开发保姆级知识点汇总~鸿蒙应用开发与鸿蒙系统开发哪个更有前景？嵌入式开发适不适合做鸿蒙南向开发？看完这篇你就了解了~对于大前端开发来说，转鸿蒙开发究竟是福还是祸？鸿蒙岗位需求突增！移动端、PC端、IoT到底该怎么选？记录一场鸿蒙开发岗位面试经历~持续更新中……Scroll作为可滚动的容器类组件，它最多包含一个子组件，当子组件的布局尺寸在指定的
  • 腾讯社招前端面经（成都）
    本人经验是1.8年，拉钩投递，分享面经用于学习，大家可供参考~面试流程电话面同事面组长面部长面电话面首先会接到一个面试官的电话，问一些简单的问题，简单确认是否水平真实，没有录音，记不到什么了~过了才有线下面试机会(网上说这个只是来简单判断简历是否有水分，所以如果经历正常下能过滴～)。自我介绍上家公司业务、规模项目中遇到的最大挑战react与vue的区别离职原因同事面电话面过了的话，差不多三个工作日
  • Appcelerator打包ipa有哪些优势 咕噜企业签名分发-大圣 数据仓库
    Appcelerator打包ipa的优势主要包括以下几点：一、跨平台开发能力Appcelerator为开发者提供了一种独特的跨平台开发解决方案，允许他们使用统一的JavaScript代码库来构建适用于iOS和Android等多个平台的应用程序。这种开发模式不仅大大简化了开发流程，还显著减少了开发时间和成本。开发者无需为每个平台分别编写和维护代码，从而避免了重复劳动和潜在的错误。此外，跨平台开发还意
  • git本地裸仓库的“激活”：在同一台 Linux 服务器上创建工作区 运维开发王义杰 系统运维软件工具服务器gitlinux
    大家好！在之前的文章中，我们探讨了Git裸仓库（BareRepository）的概念，它是没有工作目录，只包含.git目录内容的特殊仓库格式，非常适合作为中心化的代码集散地或备份。我们也了解了gitclone--mirror命令会生成这样的裸仓库。现在，假设我们已经在Linux服务器上的/data/gitlab/cex-cicd/pipeline.git路径下拥有一个这样的裸仓库（之前备份或创建的
  • Netty入门案例：简单Echo服务器（同步） 熙客 12_计算机网络服务器java
    目录1、添加Netty依赖2、服务器端3、客户端4、运行步骤1、添加Netty依赖io.nettynetty-all4.1.68.Final2、服务器端importio.netty.bootstrap.ServerBootstrap;importio.netty.channel.*;importio.netty.channel.nio.NioEventLoopGroup;importio.nett
  • 前端进阶之路-从传统前端到VUE-JS（第一期-VUE-JS环境配置）（Node-JS环境配置）（Node-JS/npm换源） 恰薯条的屑海鸥 前端vue.jsvue入门vuevue框架node.jsnodejs配置
    经过前面的传统前端开发学习后，我们接下来进行前端的VUE-JS框架学习（写这篇文章的时候VUE-JS最新版是VUE3，所以默认为VUE3即可）首先，我们要配置Node-JS环境，虽然我们还不学习Node-JS但是Node-JS可以快速配置我们的VUE-JS框架，所以本期内容主要以Node-JS环境配置为主Node-JS下载官网：https://nodejs.cn/en/downloadhttps:
  • HttpClient 4.3与4.3版本以下版本比较 spjich javahttpclient
    网上利用java发送http请求的代码很多，一搜一大把，有的利用的是java.net.*下的HttpURLConnection，有的用httpclient，而且发送的代码也分门别类。今天我们主要来说的是利用httpclient发送请求。 httpclient又可分为 httpclient3.x httpclient4.x到httpclient4.3以下 httpclient4.3
  • Essential Studio Enterprise Edition 2015 v1新功能体验 Axiba .net
    概述：Essential Studio已全线升级至2015 v1版本了！新版本为JavaScript和ASP.NET MVC添加了新的文件资源管理器控件，还有其他一些控件功能升级，精彩不容错过，让我们一起来看看吧！ syncfusion公司是世界领先的Windows开发组件提供商，该公司正式对外发布Essential Studio Enterprise Edition 2015 v1版本。新版本
  • [宇宙与天文]微波背景辐射值与地球温度 comsci 背景
            宇宙这个庞大,无边无际的空间是否存在某种确定的,变化的温度呢?      如果宇宙微波背景辐射值是表示宇宙空间温度的参数之一,那么测量这些数值,并观测周围的恒星能量输出值,我们是否获得地球的长期气候变化的情况呢?   &nbs
  • lvs-server 男人50 server
    #!/bin/bash # # LVS script for VS/DR # #./etc/rc.d/init.d/functions # VIP=10.10.6.252 RIP1=10.10.6.101 RIP2=10.10.6.13 PORT=80 case $1 in start)   /sbin/ifconfig eth2:0 $VIP broadca
  • java的WebCollector爬虫框架 oloz 爬虫
    WebCollector主页： https://github.com/CrawlScript/WebCollector 下载：webcollector-版本号-bin.zip将解压后文件夹中的所有jar包添加到工程既可。 接下来看demo package org.spider.myspider; import cn.edu.hfut.dmic.webcollector.cra
  • jQuery append 与 after 的区别 小猪猪08
    1、after函数 定义和用法： after() 方法在被选元素后插入指定的内容。 语法： $(selector).after(content) 实例： <html> <head> <script type="text/javascript" src="/jquery/jquery.js"></scr
  • mysql知识充电 香水浓 mysql
    索引 索引是在存储引擎中实现的，因此每种存储引擎的索引都不一定完全相同，并且每种存储引擎也不一定支持所有索引类型。 根据存储引擎定义每个表的最大索引数和最大索引长度。所有存储引擎支持每个表至少16个索引，总索引长度至少为256字节。 大多数存储引擎有更高的限制。MYSQL中索引的存储类型有两种：BTREE和HASH，具体和表的存储引擎相关； MYISAM和InnoDB存储引擎
  • 我的架构经验系列文章索引 agevs 架构
    下面是一些个人架构上的总结，本来想只在公司内部进行共享的，因此内容写的口语化一点，也没什么图示，所有内容没有查任何资料是脑子里面的东西吐出来的因此可能会不准确不全，希望抛砖引玉，大家互相讨论。 要注意，我这些文章是一个总体的架构经验不针对具体的语言和平台，因此也不一定是适用所有的语言和平台的。 （内容是前几天写的，现附上索引）   前端架构 http://www.
  • Android so lib库远程http下载和动态注册 aijuans andorid
    一、背景      在开发Android应用程序的实现，有时候需要引入第三方so lib库，但第三方so库比较大，例如开源第三方播放组件ffmpeg库, 如果直接打包的apk包里面, 整个应用程序会大很多.经过查阅资料和实验，发现通过远程下载so文件，然后再动态注册so文件时可行的。主要需要解决下载so文件存放位置以及文件读写权限问题。   二、主要
  • linux中svn配置出错 conf/svnserve.conf:12: Option expected 解决方法 baalwolf option
    在客户端访问subversion版本库时出现这个错误： svnserve.conf:12: Option expected 为什么会出现这个错误呢，就是因为subversion读取配置文件svnserve.conf时，无法识别有前置空格的配置文件，如### This file controls the configuration of the svnserve daemon, if you##
  • MongoDB的连接池和连接管理 BigCat2013 mongodb
    在关系型数据库中，我们总是需要关闭使用的数据库连接，不然大量的创建连接会导致资源的浪费甚至于数据库宕机。这篇文章主要想解释一下mongoDB的连接池以及连接管理机制，如果正对此有疑惑的朋友可以看一下。 通常我们习惯于new 一个connection并且通常在finally语句中调用connection的close()方法将其关闭。正巧，mongoDB中当我们new一个Mongo的时候，会发现它也
  • AngularJS使用Socket.IO bijian1013 JavaScriptAngularJSSocket.IO
            目前，web应用普遍被要求是实时web应用，即服务端的数据更新之后，应用能立即更新。以前使用的技术（例如polling）存在一些局限性，而且有时我们需要在客户端打开一个socket，然后进行通信。         Socket.IO(http://socket.io/)是一个非常优秀的库，它可以帮你实
  • [Maven学习笔记四]Maven依赖特性 bit1129 maven
    三个模块 为了说明问题，以用户登陆小web应用为例。通常一个web应用分为三个模块，模型和数据持久化层user-core, 业务逻辑层user-service以及web展现层user-web， user-service依赖于user-core user-web依赖于user-core和user-service   依赖作用范围  Maven的dependency定义
  • 【Akka一】Akka入门 bit1129 akka
    什么是Akka Message-Driven Runtime is the Foundation to Reactive Applications In Akka, your business logic is driven through message-based communication patterns that are independent of physical locatio
  • zabbix_api之perl语言写法 ronin47 zabbix_api之perl
    zabbix_api网上比较多的写法是python或curl。上次我用java－－http://bossr.iteye.com/blog/2195679，这次用perl。for example: #!/usr/bin/perl use 5.010 ; use strict ; use warnings ; use JSON :: RPC :: Client ; use
  • 比优衣库跟牛掰的视频流出了，兄弟连Linux运维工程师课堂实录，更加刺激，更加实在！ brotherlamp linux运维工程师linux运维工程师教程linux运维工程师视频linux运维工程师资料linux运维工程师自学
    比优衣库跟牛掰的视频流出了，兄弟连Linux运维工程师课堂实录，更加刺激，更加实在！   ----------------------------------------------------- 兄弟连Linux运维工程师课堂实录-计算机基础-1-课程体系介绍1 链接：http://pan.baidu.com/s/1i3GQtGL 密码：bl65   兄弟连Lin
  • bitmap求哈密顿距离-给定N（1<=N<=100000）个五维的点A(x1,x2,x3,x4,x5)，求两个点X(x1,x2,x3,x4,x5)和Y( bylijinnan java
    import java.util.Random; /** * 题目： * 给定N（1<=N<=100000）个五维的点A(x1,x2,x3,x4,x5)，求两个点X(x1,x2,x3,x4,x5)和Y(y1,y2,y3,y4,y5)， * 使得他们的哈密顿距离（d=|x1-y1| + |x2-y2| + |x3-y3| + |x4-y4| + |x5-y5|）最大
  • map的三种遍历方法 chicony map
    package com.test; import java.util.Collection; import java.util.HashMap; import java.util.Iterator; import java.util.Map; import java.util.Set; public class TestMap { public static v
  • Linux安装mysql的一些坑 chenchao051 linux
    1、mysql不建议在root用户下运行   2、出现服务启动不了，111错误，注意要用chown来赋予权限， 我在root用户下装的mysql，我就把usr/share/mysql/mysql.server复制到/etc/init.d/mysqld, (同时把my-huge.cnf复制/etc/my.cnf)  chown -R cc /etc/init.d/mysql
  • Sublime Text 3 配置 daizj 配置Sublime Text
    Sublime Text 3 配置解释(默认){// 设置主题文件“color_scheme”: “Packages/Color Scheme – Default/Monokai.tmTheme”,// 设置字体和大小“font_face”: “Consolas”,“font_size”: 12,// 字体选项：no_bold不显示粗体字，no_italic不显示斜体字，no_antialias和
  • MySQL server has gone away 问题的解决方法 dcj3sjt126com SQL Server
    MySQL server has gone away 问题解决方法，需要的朋友可以参考下。 应用程序（比如PHP）长时间的执行批量的MYSQL语句。执行一个SQL，但SQL语句过大或者语句中含有BLOB或者longblob字段。比如，图片数据的处理。都容易引起MySQL server has gone away。 今天遇到类似的情景，MySQL只是冷冷的说：MySQL server h
  • javascript/dom:固定居中效果 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&
  • 使用 Spring 2.5 注释驱动的 IoC 功能 e200702084 springbean配置管理IOCOffice
    使用 Spring 2.5 注释驱动的 IoC 功能 developerWorks 文档选项 将打印机的版面设置成横向打印模式 打印本页 将此页作为电子邮件发送 将此页作为电子邮件发送 级别： 初级 陈 雄华 ([email protected]), 技术总监, 宝宝淘网络科技有限公司 2008 年 2 月 28 日  &nb
  • MongoDB常用操作命令 geeksun mongodb
    1.   基本操作 db.AddUser(username,password)               添加用户 db.auth(usrename,password)      设置数据库连接验证 db.cloneDataBase(fromhost)    
  • php写守护进程（Daemon） hongtoushizi PHP
    转载自： http://blog.csdn.net/tengzhaorong/article/details/9764655   守护进程（Daemon）是运行在后台的一种特殊进程。它独立于控制终端并且周期性地执行某种任务或等待处理某些发生的事件。守护进程是一种很有用的进程。php也可以实现守护进程的功能。   1、基本概念   &nbs
  • spring整合mybatis,关于注入Dao对象出错问题 jonsvien DAOspringbeanmybatisprototype
    今天在公司测试功能时发现一问题： 先进行代码说明： 1，controller配置了Scope="prototype"（表明每一次请求都是原子型）    @resource/@autowired service对象都可以（两种注解都可以）。 2，service 配置了Scope="prototype"（表明每一次请求都是原子型）
  • 对象关系行为模式之标识映射 home198979 PHP架构企业应用对象关系标识映射
    HELLO!架构   一、概念 identity Map:通过在映射中保存每个已经加载的对象，确保每个对象只加载一次，当要访问对象的时候，通过映射来查找它们。其实在数据源架构模式之数据映射器代码中有提及到标识映射，Mapper类的getFromMap方法就是实现标识映射的实现。     二、为什么要使用标识映射？ 在数据源架构模式之数据映射器中 //c
  • Linux下hosts文件详解 pda158 linux
    　1、主机名： 　　无论在局域网还是INTERNET上，每台主机都有一个IP地址，是为了区分此台主机和彼台主机，也就是说IP地址就是主机的门牌号。 　　公网：IP地址不方便记忆，所以又有了域名。域名只是在公网（INtERNET)中存在，每个域名都对应一个IP地址，但一个IP地址可有对应多个域名。 　　局域网：每台机器都有一个主机名，用于主机与主机之间的便于区分，就可以为每台机器设置主机
  • nginx配置文件粗解 spjich javanginx
    #运行用户#user  nobody;#启动进程,通常设置成和cpu的数量相等worker_processes  2;#全局错误日志及PID文件#error_log  logs/error.log;#error_log  logs/error.log  notice;#error_log  logs/error.log  inf
  • 数学函数 w54653520 java
    public  class  S {        // 传入两个整数，进行比较，返回两个数中的最大值的方法。      public  int  get( int  num1, int  nu
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他