繁依Fanyi
繁依Fanyi

【Java 进阶篇】深入了解 JavaScript 的 innerHTML 属性

在这里插入图片描述

JavaScript 是前端开发中不可或缺的一部分，它为我们提供了丰富的工具和技术，以便更好地操作和交互HTML页面。在本文中，我们将重点介绍JavaScript中的 innerHTML 属性，它是DOM（文档对象模型）的一部分，用于操作和更改HTML元素的内容。我们将深入了解这一属性的作用、用法和最佳实践，同时通过实际示例来帮助您更好地理解。

什么是 innerHTML？

在深入研究 innerHTML 属性之前，让我们先了解一下什么是DOM。DOM 是文档对象模型的缩写，它是HTML文档的编程接口，允许开发者通过编程方式访问、操作和更新HTML文档的内容和结构。DOM 将HTML文档表示为一个树状结构，每个HTML元素都是树中的一个节点，我们可以使用JavaScript来访问和修改这些节点。

innerHTML 是DOM元素的一个属性，它代表了该元素的HTML内容。也就是说，它包含了一个HTML元素的所有子元素、文本和标记。通过 innerHTML，我们可以读取元素的内容，也可以设置新的内容。

读取 innerHTML

让我们首先了解如何使用 innerHTML 属性来读取HTML元素的内容。这通常用于从页面中获取文本或HTML片段，以便进行进一步的处理。

示例 1: 读取元素的 innerHTML

DOCTYPE html>
<html>
<head>
    <title>读取 innerHTML 示例title>
head>
<body>
    <div id="myElement">
        <h1>欢迎来到示例h1>
        <p>这是一个简单的示例。p>
    div>

    <script>
        // 通过 JavaScript 读取 innerHTML
        var element = document.getElementById("myElement");
        var content = element.innerHTML;
        alert(content);
    script>
body>
html>

在这个示例中，我们有一个包含标题和段落的 div 元素。通过使用 document.getElementById("myElement")，我们获取了这个 div 元素的引用，并使用 innerHTML 属性读取了它的内容。最后，我们通过 alert 显示了这些内容。

示例 2: 修改文档中的内容

DOCTYPE html>
<html>
<head>
    <title>修改 innerHTML 示例title>
head>
<body>
    <div id="myElement">
        <h1>欢迎来到示例h1>
        <p>这是一个简单的示例。p>
    div>

    <button onclick="changeContent()">修改内容button>

    <script>
        // 修改 innerHTML 的示例
        function changeContent() {
            var element = document.getElementById("myElement");
            element.innerHTML = "
内容已更新
这是一个新内容。
";
        }
    script>
body>
html>

这个示例包含了一个按钮，点击按钮时会调用 changeContent 函数。在函数中，我们获取了 div 元素的引用，并使用 innerHTML 属性将其内容替换为新的HTML。这将导致页面上显示新的标题和段落。

注意事项和安全性

使用 innerHTML 具有强大的功能，但也需要注意一些潜在的安全性和性能问题：

  1. 安全性: 直接使用 innerHTML 从用户输入中创建HTML内容可能导致跨站点脚本攻击（XSS攻击）。因此，不应该直接将未经验证的用户输入插入到 innerHTML 中。如果必须这样做，应该首先对用户输入进行适当的转义或过滤。

  2. 性能: 操作 innerHTML 会导致页面的重新渲染，这可能降低性能。当你使用 innerHTML 更新大段HTML内容时，浏览器必须重新解析和渲染整个内容，这可能会引起性能问题。因此，在修改大段HTML内容时，最好使用其他DOM操作方法，例如 createElement 和 appendChild，以减轻性能负担。

  3. 移除事件监听器: 如果你使用 innerHTML 替换包含已附加事件处理程序的元素，这些事件处理程序将丢失。在这种情况下，你需要重新附加事件监听器，或者使用事件代理来处理事件。

  4. 不支持XML命名空间: innerHTML 适用于HTML文档，而不适用于XML文档。如果你正在处理XML文档，应该使用其他方式，比如 XMLSerializer。

使用 innerHTML 进行模板和动态内容

innerHTML 在创建动态内容和模板时非常有用。您可以使用它将HTML字符串插入到页面中，从而根据需要呈现内容。

示例: 创建动态列表

DOCTYPE html>
<html>
<head>
    <title>动态列表示例title>
head>
<body>
    <ul id="myList">
    ul>

    <script>
        // 创建动态列表
        var list = document.getElementById("myList");
        var items = ["苹果", "香蕉", "橙子", "葡萄"];

        items.forEach(function (item) {
            var li = document.createElement("li");
            li.innerHTML = item;
            list.appendChild(li);
        });
    script>
body>
html>

在这个示例中，我们创建了一个动态列表，根据 items 数组中的内容生成。通过 forEach 方法遍历数组，然后创建 li 元素，并将每个元素的内容设置为 innerHTML。

总结

innerHTML 是JavaScript中一个非常强大和有用的属性，它允许我们读取和修改HTML元素的内容。然而，它也需要谨慎使用，特别是在处理用户输入或需要频繁更新大段HTML内容的情况下。请始终考虑安全性和性能，并在需要时考虑使用其他DOM操作方法。

通过了解和掌握 innerHTML，您可以更好地操作和管理HTML页面的内容，使您的Web应用程序更具交互性和动态性。

这篇博客介绍了 innerHTML 的作用、用法和一些示例，希望能够帮助您更好地理解和使用这一强大的DOM属性。愿您在Web开发中获得成功！

作者信息

作者 ： 繁依Fanyi
CSDN： https://techfanyi.blog.csdn.net
掘金：https://juejin.cn/user/4154386571867191

你可能感兴趣的:(Java,进击高手之路,java,javascript,python,开发语言,算法,ecmascript,windows)

  • 基于matlab的GPS信号捕获仿真 Simuworld MATLAB仿真案例matlabGPS信号捕获
    目录1.算法概述2.仿真效果3.MATLAB仿真源码1.算法概述全球定位系统gps是一种可以在全球范围内为用户全天候提供实时、连续、高精度的位置、速度和时间信息的卫星导航系统，其主要终端设备是gps接收机。gps信号捕获是gps接收机的关键技术之一，它直接影响着后续对信号的跟踪和定位数据的解算，决定着接收机的性能。现有的gps接收机c/a码捕获方法主要有两种：一种是基于时域的串行搜索捕获法，该方法
  • 如何让RocketMQ保证消息的顺序消费？思维导图 代码示例（java 架构) 用心去追梦 java-rocketmqrocketmqjava
    保证消息的顺序消费在某些业务场景中非常重要，例如金融交易、库存管理等。RocketMQ提供了有序消息（FIFO消息）的支持，确保消息按照发送的顺序被消费。为了实现这一点，RocketMQ采用了一些特定的机制和配置来确保消息的顺序性。RocketMQ顺序消费思维导图建议顺序消费原理单队列模式每个Topic下的每个队列只由一个消费者线程处理确保消息按序处理分区有序对于有多个分区的Topic，可以通过设
  • Transformer架构的GPU并行和之前的NLP算法并行有什么不同？ AI大模型学习不迷路 transformer自然语言处理大模型深度学习NLPLLM大语言模型
    1.什么是GPU并行计算？GPU并行计算是一种利用图形处理单元（GPU）进行大规模并行数据处理的技术。与传统的中央处理单元（CPU）相比，GPU拥有更多的核心，能够同时处理数千个线程，这使得GPU在处理高度并行的任务时表现出色。在深度学习中，GPU并行计算被广泛应用于训练神经网络，加速模型训练过程。在2017年之前，自然语言处理（NLP）领域的研究者们通常会从头开始训练模型，那时能够利用GPU进行
  • Python——Pickle库 Devin01213
    pickle是python语言的一个标准模块，安装python后已包含pickle库，不需要单独再安装。那么为什么需要序列化和反序列化这一操作呢？1.便于存储。序列化过程将文本信息转变为二进制数据流。这样就信息就容易存储在硬盘之中，当需要读取文件的时候，从硬盘中读取数据，然后再将其反序列化便可以得到原始的数据。在Python程序运行中得到了一些字符串、列表、字典等数据，想要长久的保存下来，方便以后
  • Pathlib操作文件IN Python Louis yeap pythonpython开发语言pathlib文件
    系列文章目录文章目录目录系列文章目录文章目录前言一、Pathlib是什么？二、使用步骤前言pathlib是Python标准库中用于操作文件和目录路径的模块，自Python3.4起引入。它提供了一种面向对象的方式处理路径，使路径操作更加简洁、可读和跨平台。pathlib取代了传统模块如os.path和部分shutil的功能，成为推荐的路径操作工具。一、Pathlib是什么？pathlib是Pytho
  • Async协程保姆级教学 Louis yeap python大数据python开发语言协程async
    目录编辑前言二、Async协程使用步骤1.导入标准库2.协程三、协程的应用场景1.网络IO2.数据库IO3.文件IO4.异步任务调度5.Web服务6.设备和串口IO7.队列和管道总结前言介绍：Python协程的概念源于生成器（Generator）。但它通过asyncio和事件循环，进一步扩展了生成器的功能，从而支持异步非阻塞操作。允许程序在执行过程中暂停（挂起），然后在需要时恢复运行。与传统的线程
  • 垃圾回收机制 Louis yeap 算法pythongo
    系列文章目录文章目录目录系列文章目录文章目录前言一、垃圾回收算法二、golang垃圾回收算法三、python垃圾回收算法前言垃圾回收（GarbageCollection,GC）是一种自动管理内存的技术，用于动态分配内存的编程语言中。当程序运行时，会创建大量的对象和变量，这些对象占用内存。在程序的某些阶段，一些对象不再被需要，或者不再被引用，这些对象占用的内存就可以被释放，以便其他对象使用。垃圾回收
  • Linux服务器中指定版本jdk运行java项目 Louis yeap java持续部署linux
    Linux中指定版本jdk运行java项目文章目录Linux中指定版本jdk运行java项目一、Linux中下载jdk（已下载跳过步骤一）二、配置环境变量（之前配过不影响）三、工作服务器跑项目（后台长期运行）总结一、Linux中下载jdk（已下载跳过步骤一）要在Linux系统上下载并安装JavaDevelopmentKit(JDK)，可以按照以下步骤进行操作。以下示例是基于OpenJDK，这是一个
  • 贪心算法--加油站、公路问题 我不叫喂！我叫楚雨荨 贪心算法算法C++贪心算法算法
    题目来自洛谷-P9749，传送门题目描述小苞准备开着车沿着公路自驾。公路上一共有nnn个站点，编号为从111到nnn。其中站点iii与站点i+1i+1i+1的距离为viv_ivi公里。公路上每个站点都可以加油，编号为iii的站点一升油的价格为aia_iai元，且每个站点只出售整数升的油。小苞想从站点111开车到站点nnn，一开始小苞在站点111且车的油箱是空的。已知车的油箱足够大，可以装下任意多的
  • 无重复字符的最长子串 不停留 150道经典算法面试习题javascript开发语言ecmascript
    hello大家好！今天开写一个新章节，每一天一道算法题。让我们一起来学习算法思维吧！functionlengthOfLongestSubstring(s){//用于存储字符及其在字符串中最新出现的索引constcharIndexMap=newMap();//记录最长无重复字符子串的长度letmaxLength=0;//滑动窗口的起始位置letstart=0;//遍历字符串，end作为滑动窗口的结束
  • 长度最小的子数组 不停留 150道经典算法面试习题javascript数据结构算法
    hello大家好！今天开写一个新章节，每一天一道算法题。让我们一起来学习算法思维吧！functionminSubArrayLen(target,nums){constn=nums.length;//初始化最小子数组长度为一个较大的值，用于后续比较更新letminLength=Infinity;//初始化当前子数组的起始位置letstart=0;//初始化当前子数组的元素总和letsum=0;//遍
  • 算法-三数之和 不停留 150道经典算法面试习题算法javascript数据结构
    hello大家好！今天开写一个新章节，每一天一道算法题。让我们一起来学习算法思维吧！functionthreeSum(nums){//用于存储最终结果的数组constresult=[];//首先对数组进行排序，方便后续操作nums.sort((a,b)=>a-b);constn=nums.length;//遍历数组，将当前元素作为三元组的第一个元素for(leti=0;i0&&nums[i]===
  • java cap理论_架构设计之「 CAP 定理 」 Can Li javacap理论
    点击上方“Java知音”，选择“置顶公众号”技术文章第一时间送达！作者：奎哥来源：不止思考在计算机领域，如果是初入行就算了，如果是多年的老码农还不懂CAP定理，那就真的说不过去了。CAP可是每一名技术架构师都必须掌握的基础原则啊。现在只要是稍微大一点的互联网项目都是采用分布式结构了，一个系统可能有多个节点组成，每个节点都可能需要维护一份数据。那么如何维护各个节点之间的状态，如何保障各个节点之间数据
  • python pickle 模块的使用 weixin_30305735 pythonjson数据结构与算法
    用于序列化的两个模块json：用于字符串和Python数据类型间进行转换pickle:用于python特有的类型和python的数据类型间进行转换json提供四个功能：dumps,dump,loads,loadpickle提供四个功能：dumps,dump,loads,loadpickle可以存储什么类型的数据呢？所有python支持的原生类型：布尔值，整数，浮点数，复数，字符串，字节，None。
  • Python中Pickle库 SteveKenny Pythonpython开发语言后端
    文章目录简介函数dumpsloadsdumpload简介Python中有个序列化过程叫作pickle，它能够实现任意对象与文本之间的相互转化，也可以实现任意对象与二进制之间的相互转化。也就是说，pickle可以实现Python对象的存储及恢复。pickle模块的应用很简单，只有四个方法dumps()：将Python中的对象序列化成二进制对象，并返回loads()：读取给定的二进制对象数据，并将其转
  • Feign介绍及使用 阿柒爱吃鱼 笔记javaspringcloud
    菜单Feign介绍Feign基本使用1.导入依赖2.启用Feign3.编写StoreClient接口4.调用FeignClientFeign自定义配置配置文件中配置java代码中配置Feign配置超时重试配置超时时间重试机制Feigh切换Client使用OkHttp配置超时重试1.引入okhttp依赖2.OkHttp配置类3.开启okhttpFeign介绍Feign是一个声明式的Web服务客户端，
  • 定时任务之Quartz Listen·Rain 定时任务springbootjavaquartz
    定时任务之Quartz1.Quartz简介2.Quartz核心概念3.Quartz的工作流程4.Quartz的应用场景5.Springboot集成Quartz5.1.添加依赖5.2创建任务类5.3配置JobDetail和Trigger5.4运行应用1.Quartz简介定义：Quartz是一个灵活的、开源的作业调度库，用于在Java应用程序中根据时间间隔或特定条件来调度作业的执行。特点：强大的调度功
  • 27.useFetch @大迁世界 phpreact.jsjavascriptreactnative开发语言
    在React应用开发中，处理网络请求是一个常见而重要的任务。虽然JavaScript的fetchAPI提供了一种现代化的方式来进行网络请求，但在React组件中使用它可能会变得复杂。useFetch钩子提供了一种声明式的方法来处理网络请求，简化了错误处理、加载状态管理和请求取消等复杂操作。以下是如何实现和使用这个自定义钩子：const useFetch = (url, options) => { 
  • 代码随想录算法训练营第三十九天|198.打家劫舍、 jinshengqile 算法leetcode动态规划
    题目链接：198.打家劫舍-力扣（LeetCode）思路：因为隔一家才能取，所以当前最大的价值要么是dp[i-2]+nums[i]或者是dp[i-1]classSolution(object):defrob(self,nums):""":typenums:List[int]:rtype:int"""dp=[0]*len(nums)if(len(nums)==1):returnnums[0]dp[0
  • python中的序列化 fate252 Pythonpython序列化picklejson
    序列化（picking）把不方便存储或不可传输的对象转换为可存储或可传输的数据的过程称之为序列化。序列化之后，就可以把序列化后的内容写入磁盘，或者通过网络传输到别的机器上。反过来，把从磁盘或网络得到的序列化数据重建为对象的过程称之为反序列化（unpickling）。序列化和反序列化实际是为了通用存储或传输而编码和解码的过程。举例：网络游戏mabi洛奇的存档功能，当每次不想玩的时候就可以存档到服务器
  • C语言经典贪心算法之加油站问题（详解） 鸿蒙Next C语言算法算法c语言贪心算法数据结构程序人生
    文章目录一、贪心算法二、加油站问题一、贪心算法贪心算法暗示一种不追求最优解，只希望找到较为满意解的方法。贪心算法省去了为找最优解要穷尽所有可能而必须耗费大量时间，因此它一般可以快速得到较为满意的答案。贪心算法常常以当前情况为基础做最优选择，而不考虑各种的整体情况，所以贪心算法不需要回溯。二、加油站问题1、问题一辆汽车加满油后可以行驶n千米，旅途中有若干个加油站（加油站是已经确定好的），为了使沿途加
  • Selenium自动化测试框架 入门与使用 Future_yzx selenium测试工具
    目录1.Selenium简介2.使用Selenium2.1Java使用Selenium2.2Python使用Selenium2.3支持的浏览器及WebDriver3.ChromeDriver的安装3.1查看本机Chrome版本3.2匹配对应的ChromeDriver并下载3.3配置ChromeDriver路径3.4在服务器（如CentOS）上安装ChromeJava中使用Selenium的代码示例
  • 代码随想录算法训练营第三十九天-动态规划-198. 打家劫舍 taoyong001 算法动态规划c++leetcode
    动规五部曲dp[i]表示在下标为i的房间偷或不偷与前面所偷之和所能获得的最大价值递推公式：dp[i]=std::max(dp[i-2]+nums[i],dp[i-1])初始化：要给dp[0]与dp[1]来给定初始值，因为递推公式有-1与-2。dp[0]=nums[0],dp[1]=std::max(nums[0],nums[1]);其它下标值，初始成任意值都可以，因为其值是由前面元素推导出来的遍历
  • Haproxy入门学习二 DawnEillen 学习运维
    一、Haproxy的算法1.haproxy通过固定参数balance指明对后端服务器的调度算法，其中balance参数可以配置在listen或backend选项中2.haproxy的调度算法分为静态和动态调度算法，其中有些算法可以根据参数在静态和动态算法中相互转换3.静态算法：按照事先定义好的规则轮询公平调度不关心后端服务器的当前负载、连接数和响应速度等并且不可以实时修改权重，只能靠重启hapro
  • python selenium清除缓存_python 解决selenium 中的 .clear()方法失效问题 许吴倩 pythonselenium清除缓存
    最近在使用selenium做一个数字货币的自动化脚本时，遇到一个问题就是okex网站的input使用clear()方法居然无法清空，但是后来试了好多次发现方法是可以使用的，而且这个网站修改input的value也没用，必须在文本框里修改才行，本次的目的就是要清除输入框的默认值，然而clear()没有反应，最后还是用了别的方法解决了问题，那就是使用鼠标双击事件，全选后输入内容。fromseleniu
  • Django 静态文件配置实战指南 ivwdcwso djangosqlitepython开发
    静态文件（如CSS、JavaScript、图片等）是Django项目中构建用户界面的重要组成部分。然而，静态文件的配置问题常常导致开发和生产环境中的404NotFound错误。本文将详细介绍如何正确配置Django静态文件，结合最佳实践，帮助你解决常见的静态文件问题，并确保项目在不同环境中正常运行。©ivwdcwso(ID:u012172506)1.静态文件的基本概念1.1什么是静态文件？静态文件
  • Django SimpleUI运维管理系统搭建教程 ivwdcwso 开发运维sqlite数据库DjangoSimpleUIDjangopython开发
    DjangoSimpleUI运维管理系统搭建教程本教程将详细介绍如何从零搭建一个基于DjangoSimpleUI的运维管理系统。一、环境准备1.安装Python和相关依赖#安装Python3.8+sudoaptinstallpython3.8python3.8-dev#安装虚拟环境pip3installvirtualenv#创建并激活虚拟环境virtualenvvenvsourcevenv/bin
  • Java实现FIFO缓存策略实战 smart_ljh 缓存策略java缓存开发语言FIFO策略模式
    实现FIFO模型选择FIFO模型实现过程FIFO模型完整代码下面看一下先进先出的示例过程总结FIFO（FirstInFirstOut，先进先出）策略是一种基本的数据处理和存储管理方法，在Java中，这种策略通常用于管理那些需要按照顺序处理的数据项，比如任务的队列、数据的传输缓冲区等。在Java中，java.util.Queue接口以及实现了这个接口的类，比如LinkedList和PriorityQ
  • WAS 日志分析（websphere application server) Change is good websphereapplicationserver服务器jvmdeployment
    关键字:websphere日志WebSphereApplicationServer是一个基于Java的Web应用程序服务器，它构建在开放标准的基础之上，能帮助您部署与管理从简单的Web站点到强大的电子商务解决方案的诸多应用程序。它遵循J2EE并为Java组件、XML和Web服务提供了一个可移植的Web部署平台，这个平台能够与数据库交互并提供动态Web内容。随着WebSphereApplicatio
  • Robot Framework 测试总结 Change is good 测试框架和工具robotframework
    在2014年结识robotframework，缘于一个偶然的机会。一个测试前辈推荐了robotframework。Robotframework是python语言的测试框架。简单的看了一下介绍，觉得不错，很适合新手入门。而且测试部门的领导也很支持引入开源的自动化测试工具。RobotFramework是一个开源的测试自动化框架，用于验收测试和验收测试驱动开发。它遵循不同的测试用例样式——关键字驱动、行
  • Nginx负载均衡 510888780 nginx应用服务器
    Nginx负载均衡一些基础知识: nginx 的 upstream目前支持 4 种方式的分配 1)、轮询（默认）       每个请求按时间顺序逐一分配到不同的后端服务器，如果后端服务器down掉，能自动剔除。 2)、weight       指定轮询几率，weight和访问比率成正比
  • RedHat 6.4 安装 rabbitmq bylijinnan erlangrabbitmqredhat
    在 linux 下安装软件就是折腾，首先是测试机不能上外网要找运维开通，开通后发现测试机的 yum 不能使用于是又要配置 yum 源，最后安装 rabbitmq 时也尝试了两种方法最后才安装成功 机器版本： [root@redhat1 rabbitmq]# lsb_release LSB Version: :base-4.0-amd64:base-4.0-noarch:core
  • FilenameUtils工具类 eksliang FilenameUtilscommon-io
    转载请出自出处：http://eksliang.iteye.com/blog/2217081 一、概述 这是一个Java操作文件的常用库，是Apache对java的IO包的封装，这里面有两个非常核心的类FilenameUtils跟FileUtils，其中FilenameUtils是对文件名操作的封装;FileUtils是文件封装，开发中对文件的操作，几乎都可以在这个框架里面找到。 非常的好用。
  • xml文件解析SAX 不懂事的小屁孩 xml
    xml文件解析:xml文件解析有四种方式， 1.DOM生成和解析XML文档(SAX是基于事件流的解析) 2.SAX生成和解析XML文档(基于XML文档树结构的解析) 3.DOM4J生成和解析XML文档 4.JDOM生成和解析XML 本文章用第一种方法进行解析，使用android常用的DefaultHandler import org.xml.sax.Attributes;
  • 通过定时任务执行mysql的定期删除和新建分区，此处是按日分区 酷的飞上天空 mysql
    使用python脚本作为命令脚本，linux的定时任务来每天定时执行 #!/usr/bin/python # -*- coding: utf8 -*- import pymysql import datetime import calendar #要分区的表 table_name = 'my_table' #连接数据库的信息 host,user,passwd,db =
  • 如何搭建数据湖架构？听听专家的意见 蓝儿唯美 架构
    Edo Interactive在几年前遇到一个大问题：公司使用交易数据来帮助零售商和餐馆进行个性化促销，但其数据仓库没有足够时间去处理所有的信用卡和借记卡交易数据  “我们要花费27小时来处理每日的数据量，”Edo主管基础设施和信息系统的高级副总裁Tim Garnto说道：“所以在2013年，我们放弃了现有的基于PostgreSQL的关系型数据库系统，使用了Hadoop集群作为公司的数
  • spring学习——控制反转与依赖注入 a-john spring
           控制反转（Inversion of Control，英文缩写为IoC）是一个重要的面向对象编程的法则来削减计算机程序的耦合问题，也是轻量级的Spring框架的核心。 控制反转一般分为两种类型，依赖注入（Dependency Injection，简称DI）和依赖查找（Dependency Lookup）。依赖注入应用比较广泛。  
  • 用spool+unixshell生成文本文件的方法 aijuans xshell
    例如我们把scott.dept表生成文本文件的语句写成dept.sql,内容如下: 　　set pages 50000; 　　set lines 200; 　　set trims on; 　　set heading off; 　　spool /oracle_backup/log/test/dept.lst; 　　select deptno||','||dname||','||loc
  • 1、基础--名词解析(OOA/OOD/OOP) asia007 学习基础知识
    OOA:Object-Oriented Analysis（面向对象分析方法） 是在一个系统的开发过程中进行了系统业务调查以后，按照面向对象的思想来分析问题。OOA与结构化分析有较大的区别。OOA所强调的是在系统调查资料的基础上，针对OO方法所需要的素材进行的归类分析和整理，而不是对管理业务现状和方法的分析。 　　OOA（面向对象的分析）模型由5个层次（主题层、对象类层、结构层、属性层和服务层）
  • 浅谈java转成json编码格式技术 百合不是茶 json编码java转成json编码
    json编码;是一个轻量级的数据存储和传输的语言       在java中需要引入json相关的包,引包方式在工程的lib下就可以了   JSON与JAVA数据的转换（JSON 即 JavaScript Object Natation，它是一种轻量级的数据交换格式，非   常适合于服务器与 JavaScript 之间的数据的交
  • web.xml之Spring配置(基于Spring+Struts+Ibatis) bijian1013 javaweb.xmlSSIspring配置
    指定Spring配置文件位置 <context-param> <param-name>contextConfigLocation</param-name> <param-value> /WEB-INF/spring-dao-bean.xml,/WEB-INF/spring-resources.xml, /WEB-INF/
  • Installing SonarQube（Fail to download libraries from server） sunjing InstallSonar
    1.  Download and unzip the SonarQube distribution 2.  Starting the Web Server The default port is "9000" and the context path is "/". These values can be changed in &l
  • 【MongoDB学习笔记十一】Mongo副本集基本的增删查 bit1129 mongodb
    一、创建复本集   假设mongod,mongo已经配置在系统路径变量上，启动三个命令行窗口，分别执行如下命令：   mongod --port 27017 --dbpath data1 --replSet rs0 mongod --port 27018 --dbpath data2 --replSet rs0 mongod --port 27019 -
  • Anychart图表系列二之执行Flash和HTML5渲染 白糖_ Flash
    今天介绍Anychart的Flash和HTML5渲染功能   HTML5 Anychart从6.0第一个版本起，已经逐渐开始支持各种图的HTML5渲染效果了，也就是说即使你没有安装Flash插件，只要浏览器支持HTML5，也能看到Anychart的图形（不过这些是需要做一些配置的）。 这里要提醒下大家，Anychart6.0版本对HTML5的支持还不算很成熟，目前还处于
  • Laravel版本更新异常4.2.8-> 4.2.9 Declaration of ... CompilerEngine ... should be compa bozch laravel
    昨天在为了把laravel升级到最新的版本，突然之间就出现了如下错误： ErrorException thrown with message "Declaration of Illuminate\View\Engines\CompilerEngine::handleViewException() should be compatible with Illuminate\View\Eng
  • 编程之美-NIM游戏分析-石头总数为奇数时如何保证先动手者必胜 bylijinnan 编程之美
    import java.util.Arrays; import java.util.Random; public class Nim { /**编程之美 NIM游戏分析 问题： 有N块石头和两个玩家A和B，玩家A先将石头随机分成若干堆，然后按照BABA...的顺序不断轮流取石头， 能将剩下的石头一次取光的玩家获胜，每次取石头时，每个玩家只能从若干堆石头中任选一堆，
  • lunce创建索引及简单查询 chengxuyuancsdn 查询创建索引lunce
    import java.io.File; import java.io.IOException; import org.apache.lucene.analysis.Analyzer; import org.apache.lucene.analysis.standard.StandardAnalyzer; import org.apache.lucene.document.Docume
  • [IT与投资]坚持独立自主的研究核心技术 comsci it
           和别人合作开发某项产品....如果互相之间的技术水平不同,那么这种合作很难进行,一般都会成为强者控制弱者的方法和手段.....        所以弱者,在遇到技术难题的时候,最好不要一开始就去寻求强者的帮助,因为在我们这颗星球上,生物都有一种控制其
  • flashback transaction闪回事务查询 daizj oraclesql闪回事务
       闪回事务查询有别于闪回查询的特点有以下3个： （1）其正常工作不但需要利用撤销数据，还需要事先启用最小补充日志。 （2）返回的结果不是以前的“旧”数据，而是能够将当前数据修改为以前的样子的撤销SQL（Undo SQL）语句。 （3）集中地在名为flashback_transaction_query表上查询，而不是在各个表上通过“as of”或“vers
  • Java I/O之FilenameFilter类列举出指定路径下某个扩展名的文件 游其是你 FilenameFilter
    这是一个FilenameFilter类用法的例子，实现的列举出“c:\\folder“路径下所有以“.jpg”扩展名的文件。 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28
  • C语言学习五函数，函数的前置声明以及如何在软件开发中合理的设计函数来解决实际问题 dcj3sjt126com c
    # include <stdio.h> int f(void) //括号中的void表示该函数不能接受数据，int表示返回的类型为int类型 { return 10; //向主调函数返回10 } void g(void) //函数名前面的void表示该函数没有返回值 { //return 10; //error 与第8行行首的void相矛盾 } in
  • 今天在测试环境使用yum安装，遇到一个问题： Error: Cannot retrieve metalink for repository: epel. Pl dcj3sjt126com centos
    今天在测试环境使用yum安装，遇到一个问题： Error: Cannot retrieve metalink for repository: epel. Please verify its path and try again   处理很简单，修改文件“/etc/yum.repos.d/epel.repo”， 将baseurl的注释取消， mirrorlist注释掉。即可。 &n
  • 单例模式 shuizhaosi888 单例模式
    单例模式      懒汉式 public class RunMain { /** * 私有构造 */ private RunMain() { } /** * 内部类，用于占位，只有 */ private static class SingletonRunMain { priv
  • Spring Security（09）——Filter 234390216 Spring Security
    Filter 目录 1.1     Filter顺序 1.2     添加Filter到FilterChain 1.3     DelegatingFilterProxy 1.4     FilterChainProxy 1.5
  • 公司项目NODEJS实践0.1 逐行分析JS源代码 mongodbnginxubuntunodejs
      一、前言         前端如何独立用nodeJs实现一个简单的注册、登录功能，是不是只用nodejs+sql就可以了？其实是可以实现，但离实际应用还有距离，那要怎么做才是实际可用的。         网上有很多nod
  • java.lang.Math liuhaibo_ljf javaMathlang
    System.out.println(Math.PI); System.out.println(Math.abs(1.2)); System.out.println(Math.abs(1.2)); System.out.println(Math.abs(1)); System.out.println(Math.abs(111111111)); System.out.println(Mat
  • linux下时间同步 nonobaba ntp
    今天在linux下做hbase集群的时候，发现hmaster启动成功了，但是用hbase命令进入shell的时候报了一个错误  PleaseHoldException: Master is initializing，查看了日志，大致意思是说master和slave时间不同步，没办法，只好找一种手动同步一下，后来发现一共部署了10来台机器，手动同步偏差又比较大，所以还是从网上找现成的解决方
  • ZooKeeper3.4.6的集群部署 roadrunners zookeeper集群部署
    ZooKeeper是Apache的一个开源项目，在分布式服务中应用比较广泛。它主要用来解决分布式应用中经常遇到的一些数据管理问题，如：统一命名服务、状态同步、集群管理、配置文件管理、同步锁、队列等。这里主要讲集群中ZooKeeper的部署。   1、准备工作 我们准备3台机器做ZooKeeper集群，分别在3台机器上创建ZooKeeper需要的目录。   数据存储目录
  • Java高效读取大文件 tomcat_oracle java
    　　读取文件行的标准方式是在内存中读取，Guava 和Apache Commons IO都提供了如下所示快速读取文件行的方法： 　　Files.readLines(new File(path), Charsets.UTF_8); 　　FileUtils.readLines(new File(path)); 　　这种方法带来的问题是文件的所有行都被存放在内存中，当文件足够大时很快就会导致
  • 微信支付api返回的xml转换为Map的方法 xu3508620 xmlmap微信api
    举例如下： <xml>    <return_code><![CDATA[SUCCESS]]></return_code>    <return_msg><![CDATA[OK]]></return_msg>    <appid><
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他