晚安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,服务器)

  • PHP安全编程实践系列（三）：安全会话管理与防护策略 软考和人工智能学堂 php#php程序设计经验php安全开发语言
    前言会话管理是Web应用安全的核心环节，不安全的会话实现可能导致用户账户被劫持、敏感数据泄露等严重后果。本文将深入探讨PHP中的会话安全机制，分析常见会话攻击手段，并提供全面的防护策略和实践方案。一、会话安全基础1.1PHP会话机制工作原理理论：PHP会话是通过会话ID（SessionID）在服务器和客户端之间维持状态的一种机制。关键流程包括：会话初始化：session_start()调用会话ID
  • 虚幻引擎UE5专用服务器游戏开发-19 设置头顶状态条可见性控制 AA陈超 虚幻ue5游戏引擎c++游戏服务器
    头顶状态条的动态显示控制。状态条会根据与玩家角色的距离（默认300单位）进行自动隐藏，并通过定时器（默认0.2秒频率）持续检测距离变化。当角色由本地玩家控制时，状态条会自动隐藏。代码采用服务器-客户端初始化架构，并包含碰撞设置、组件创建等基础角色配置。Source/Crunch/Public/Character/CCharacter.h：变量：//计时器频率UPROPERTY(EditDefaul
  • Fiddler中文版如何提升API调试效率：本地化优势与开发者实战体验汇总 代码背锅人日志 ios小程序uni-appiphoneandroidwebviewhttps
    在现代软件开发中，调试网络请求是不可或缺的一环。无论是Web前端、移动App，还是后端微服务，只要涉及到API通信，就离不开高效的抓包工具。Fiddler作为全球使用最广泛的抓包调试工具之一，凭借功能强大、灵活扩展和跨平台支持，深受开发者喜爱。而对于中文用户而言，Fiddler中文版的出现，让这款专业工具变得更加亲民、高效和易于掌握。本文将结合开发者日常使用场景，解析Fiddler中文版如何通过本
  • Python 爬虫实战：如何搭建高效的分布式爬虫架构，突破数据抓取极限 程序员威哥 python爬虫分布式
    随着互联网数据量的飞速增长，单一爬虫在抓取大量数据时的效率和稳定性往往无法满足需求。在这种情况下，分布式爬虫架构应运而生。分布式爬虫通过多节点并行工作，可以大大提高数据抓取的速度，同时减少单点故障的风险。本文将深入探讨如何使用Python构建一个高效的分布式爬虫架构，从架构设计到技术实现，帮助你突破数据抓取的极限。一、什么是分布式爬虫？分布式爬虫系统将爬虫任务拆分为多个子任务，分布到不同的服务器或
  • jenkins 自动化部署之后，不允许在工具上查看源代码 小疯仔 jenkins自动化运维
    先来展示一下最终的效果在没有如何操作之前的时候，这个Jenkins部署完成之后会在工具上留有源代码，能点击进去，部署到甲方的服务器上的时候会被看到，这样就会造成源码泄露解决方案可以在Jenkinsfile文件中加入以下代码pipeline{agentanytools{nodejs'nodejs16.20.2'}//步骤stages{}//新增post阶段：在流水线结束后清理工作区post{alwa
  • #TypeScript高频面试题总结（2025版） 沈大大520 typescript前端面试
    本文将分享TypeScript高频面试题的一些面试点以及相应的示列作者：沈大大更新时间：2025-03-11前言TypeScript作为JavaScript的超集，已经成为前端开发中不可或缺的技术。本文整理了最常见的TypeScript面试题，从基础到高级，帮助你全面准备技术面试。基础概念篇1.TypeScript与JavaScript的区别是什么？TypeScript是JavaScript的超集
  • 前端开发实践：疑难问题与解决方案总结 沈大大520 实际开发所遇见的问题vue.js前端
    本文将分享前端开发实践：疑难问题与解决方案总结，希望对大家在面试过程中有一定的帮助！作者：沈大大更新时间：2025-03-13前言在前端开发过程中，我们经常会遇到各种各样的技术难题。本文将分享在实际开发中遇到的一些典型问题及其解决方案，希望能给其他开发者一些参考和启发。性能优化类问题1.首屏加载过慢问题描述页面首次加载时间超过3秒用户等待时间过长白屏时间明显问题分析打包体积过大第三方库引入过多未进
  • day49-ansible初体验 朱包林 linuxpython运维服务器云计算
    1.选型工具说明缺点xshell不适应机器过多场景，需要连接后才能用for+ssh/scp+密钥认证密钥认证，免密码登录scp传输文本/脚本ssh远程执行命令或脚本串行saltstack需要安装客户端ansible无客户端（密钥认证）批量部署环境需要新python版本，被红帽收购了Terraform关注基础设施（云环境），一键创建100台云服务器，一键创建负载均衡，数据库产品2.ansible架构
  • Unity3D 游戏在 iOS 上因为 trampolines 闪退的原因与解决办法 耳朵里有只风 iosunityunity3diosios闪退
    崩溃的情况进入游戏一会儿，神马都不要做，双手离开手机，盯着屏幕看吧，游戏会定时从服务器那儿读取一些数据，时间一长，闪退了。尼玛问题是神马呢？完全没有头绪，不过大体猜测是因为网络请求导致的，那么好，先排查服务器返回结果是否有问题，最终确认每次客户端崩溃的时候，服务器都成功的返回了格式正确的数据，没有任何异常。那么可以确定问题是出在客户端部分了。先检查代码，确认逻辑上没有任何问题之后，也倍感无力啊，问
  • 深入企业内部的MCP知识（二）：FastMCP客户端三大核心能力深度解析：资源、工具与提示的全场景实践 炼丹上岸 大模型#MCPmicrosoft人工智能python交互mcp
    引言：MCP协议交互的“三驾马车”在ModelContextProtocol（MCP）的技术生态中，资源（Resources）、工具（Tools）与提示（Prompts）构成了客户端与服务器交互的核心支柱。FastMCP通过统一的API设计，将这三者转化为可直接调用的编程接口，既隐藏了底层协议的复杂性，又保留了高度的灵活性。本文将从技术原理、实战案例到性能优化，系统拆解这三大能力的使用方法与协同逻
  • 从零构建MCP服务器：FastMCP实战指南 炼丹上岸 大模型#MCP服务器运维人工智能大模型pythonMCP
    引言：MCP协议与FastMCP框架ModelContextProtocol（MCP）是连接AI模型与外部服务的标准化协议，允许LLM（如Claude、Gemini）调用工具、访问数据。然而，直接实现MCP协议需要处理JSON-RPC、会话管理等繁琐细节。FastMCP作为Python框架，封装了这些底层逻辑，让开发者专注于业务功能。本文将通过分步实战，从零构建一个完整的MCP服务器，涵盖工具、资
  • springBoot服务之间的转发
    场景：前端请求的服务里没有关于该业务相关的代码。另一台服务有，这时候转发过去再处理明显方便多了。设前端请求的服务为A，实际处理的服务为B在服务A，我们这样写@PostMapping("delHlpxglHlcfjl")publicObjectdelHlpxglHlcfjl(@RequestBodyMapparam){try{Stringurl=baseUrl+"服务B实际接口名称";log.inf
  • arm架构离线部署docker 月慕向阳 arm开发
    1.首先检查服务器glibc版本 rpm-qglibc如果glibc-2.35版本以上，则参考下面安装步骤，包下载地址链接：https://pan.baidu.com/s/1X64XrzRva0O7ZSekLZdIcA?pwd=8k4c提取码：8k4cglibc-2.35以上Docker离线安装如下mkdir/opt/dockercd/opt/docker#上传docker-engine-18.0
  • 实现顶部固定与平滑滑动二级菜单的网页导航设计
    本文还有配套的精品资源，点击获取简介：现代网页设计中，高效的导航菜单对用户体验至关重要。本设计涵盖固定在顶部的导航栏和二级菜单项的平滑滑动效果。通过CSS实现导航栏的固定定位，而JavaScript则负责二级菜单的平滑过渡动画。包含的文件如HTML结构、JavaScript交互逻辑、CSS样式和可能的图像资源，共同构建了这种流行的导航菜单布局。1.顶部固定、二级栏目之间相互滑动的导航菜单在现代网页
  • 快速启动静态网络服务器的Run工具使用指南 闫泽华
    本文还有配套的精品资源，点击获取简介：本文介绍了如何使用run工具，一个通过npm全局安装的Node.js包，来启动一个简单的静态文件服务器。介绍了npm的作用，以及如何全局安装run。随后，文章解释了run工具的用途，包括从任何目录快速启动静态网站服务器的能力，并讨论了它在开发、测试和演示中的应用。还涉及了使用run工具时涉及的一些基本任务，如处理HTTP请求和返回静态资源，以及提供了源代码文件
  • 鲲鹏麒麟离线安装Docker angushine docker
    服务器信息[root@testinstall]#cat/etc/kylin-releaseKylinLinuxAdvancedServerreleaseV10(Tercel)下载安装包访问https://download.docker.com/linux/static/stable/aarch64/找到合适的版本，这里采用18.09.9这个版本访问如下链接下载安装包wgethttps://down
  • 7.3 React+CLI双剑合璧：GitHub监控工具界面开发实战全攻略 少林码僧 github前端gpt人工智能语言模型
    React+CLI双剑合璧：GitHub监控工具界面开发实战全攻略-GitHubSentinelAgent用户界面原型设计与实现关键词：前端框架选型、React原型设计、API集成策略、CLI开发、组件化测试1.1用户界面功能规划通过ChatGPT交互式规划核心功能模块：
  • vue-element-plus-admin：一套基于vue3、element-plus、ts、vite的后台集成方案
    vue-element-plus-admin：一套基于vue3、element-plus、ts、vite的后台集成方案，中后台前端解决方案的探索与实践。框架示例图：在线预览：https://element-plus-admin.cn摘要：本文主要介绍了vue-element-plus-admin，一个基于element-plus的免费开源中后台前端模版。文章首先介绍了该模版的开发背景和技术栈，然后
  • Vue 2 和 Vue 3 区别 哈哈123453 vue.js前端javascripthtml
    1.响应式系统原理Vue2：利用Object.defineProperty()实现属性拦截。存在局限性，无法自动监测对象属性增减，需用Vue.set/delete；数组变异方法要重写；深层对象递归转换性能差。Vue3：采用ES6Proxy代理对象，能直接拦截属性访问修改。无需特殊API就能监测属性变化；数组操作拦截更自然；深层响应式惰性处理，提升性能。javascript//Vue3响应式创建im
  • 网络安全之如何设置云服务器禁止 ping？两种设置方法教你搞定 云服务器无法ping通、ping不通云主机、Linux禁止ping、ICMP屏蔽、网络安全最佳实践 sysctl.conf配置 代码简单说 运维宝典限时特惠服务器web安全linux服务器禁止ping云服务器禁止ping服务器禁止ping的方法
    云主机如何设置云服务器禁止ping？两种设置方法教你搞定标签：云服务器无法ping通、ping不通云主机、Linux禁止ping、ICMP屏蔽、网络安全最佳实践、sysctl.conf配置前几天上线了一个测试服务，总有安全团队扫端口，还时不时用ping探测存活，我开始思考：云服务器到底要不要禁ping？一、禁ping的好处和坏处作为一名前端转全栈开发的程序员，我越来越觉得网络安全不能忽视。“pin
  • 局域网服务器搭建如何实现公网使用？内网本地网站搭建+外网访问教程 搬码临时工 服务器运维
    如何实现局域网搭建的服务器提供公网使用是很多人的疑惑，其实实现这个功能很简单，用内网映射软件（常见如nat123）即可实现局域网服务开放到互联网访问。安装并注册nat123域名映射软件，在任何地点、任何时间、使用任何线路，均可利用这一服务建立拥有固定域名和最大主动权的互联网主机。一、需要使用的软件工具nat123内网映射和IIS组件，搭建WEB网站（在这里以win自带的IIS为例）。二、搭建内网网
  • 智变时代|暴雨亮相第四届中国数据中心服务器与设备峰会 BAOYUCompany 人工智能
    随着生成式AI浪潮席卷千行百业，算力基础设施的智能化升级已成为企业决胜未来的关键战场。在此背景下，第四届中国数据中心服务器与设备峰会于2025年7月1日在上海盛大开幕，聚焦大模型时代下服务器与设备的技术革新与应用落地。暴雨已经多次连续受邀参加本次峰会并在今年的峰会上发表了主题为《如何轻便应用大模型一体机》的演讲。暴雨产品营销总监李明指出：“当前DeepSeek等大模型应用仍然存在“硬件投资费用高昂
  • 国货之光|暴雨服务器亮相中银数智峰会 BAOYUCompany 大数据服务器
    9月13日，第五届中国银行数智峰会（CIFS2024）在北京圆满落幕。暴雨作为国内专业的数据中心产品及服务提供商受邀参加本次会议，与数百位银行业信息技术、金融科技、电子银行、信息安全、互联网金融、风险管理等相关领域的高层领导和负责人共同探讨了银行数字化转型的新趋势、新挑战和新机遇。大会现场，暴雨展示了在金融行业数字化转型中的创新成果，其中国产化服务器H200成为了展区的一大亮点。这款2U双路旗舰服
  • Typecho博客搭建教程 - 保姆级
    很多人都想要一个属于自己的一个小博客，但是，好不容易有了一台服务器，又不懂操作，然后一些懂的人和你讲但是你又听不懂，人家也懒得叫你，这时候你往往会陷入迷茫和困境那么，我在这里就简单的教一下萌新如何初步的去了解一些建站小知识，并且搭建一个属于自己的小博客当然大佬就勿喷，我是简单化的去讲，比较的易于理解声明：本次教程基于雨云-新一代云服务器提供商进行编写SSH认识SSH按照某知的说法，就是网络中创建安
  • 恒创科技：香港站群服务器做seo站群优化效果如何 海外空间恒创科技 科技服务器运维
    香港站群服务器做SEO站群优化效果如何?在当前搜索引擎优化竞争日益激烈的环境下，越来越多的企业开始关注站群策略这一高效的SEO手段。作为亚洲重要的网络枢纽，香港站群服务器因其独特优势，正成为实施SEO站群优化的热门选择。本文将客观分析香港服务器在SEO站群优化中的实际效果，帮助您做出明智的技术选型决策。香港站群服务器的先天优势：地理位置和网络基建香港站群服务器就像个“黄金地段”的商铺——背靠中国大
  • 浏览器渲染引擎和JS引擎分类
    渲染引擎：Firefox：Gecko引擎Safari：WebKit引擎Chrome：Blink引擎IE:Trident引擎Edge:EdgeHTML引擎JS引擎：SpiderMonkey(Firefox)，火狐Nitro/JavaScriptCore(Safari)，苹果IOS浏览器V8(Chrome,Chromium)，Node.js也是V8Chakra(MicrosoftInternetExp
  • AJAX（一）版本兼容性、XHR请求、GET 还是 POST？async= True 或 False？
    AJAX（一）版本兼容性、XHR请求、GET还是POST？async=True或False？文章目录AJAX（一）版本兼容性、XHR请求、GET还是POST？async=True或False？1.AJAX简介什么是AJAX？AJAX工作原理AJAX是基于现有的Internet标准2.创建XMLHttpRequest对象（兼容性）3.向服务器发送请求（XHR请求）GET还是POST？GET请求(UR
  • Vue入门 LUO-CHEn Java温馨Talkvue
    vue1、vue概述（1）概念vue.js（读音/vjuː/,类似于view）是一套构建用户界面的渐进式框架。Vue只关注视图层，采用自底向上增量开发的设计。随着项目业务场景的复杂,传统模式(html+jquery)已无法满足需求,就出现了Angular/React/Vue等框架（2）特点1、Vue的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。2、Vue.JS是优秀的前端Jav
  • AJAX和CORS通信 Sᴀғᴇᴛʏ.944 笔记ajaxjavascript服务器
    AJAX浏览器与服务器之间，采用HTTP协议通信。用户在浏览器地址栏键入一个网址，或者通过网页表单向服务器提交内容，这时浏览器就会向服务器发出HTTP请求。1999年，微软公司发布IE浏览器5.0版，第一次引入新功能：允许JavaScript脚本向服务器发起HTTP请求。这个功能当时并没有引起注意，直到2004年Gmail发布和2005年GoogleMap发布，才引起广泛重视。2005年2月，AJ
  • Vue + SpringBoot 实现文件的断点上传、秒传，存储到Minio 鱼虾一整碗• vue.js前端javascript
    一、前端1.计算文件的md5值前端页面使用的elment-plus的el-upload组件。当上传文件后，会调用handleChange方法，可以在这里进行文件相关的操作。//处理文件上传consthandleChange=async(uploadFile)=>{//文件名字letfileName=uploadFile.name//文件的大小constfileSize=uploadFile.siz
  • 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其他