极客李华
极客李华

聊天信息框显示消息

聊天信息框显示消息

有趣的小案例池子：
JS实现定时器
JS实现关闭图片窗口
JS实现输入检验
获取焦点后隐藏提示内容的输入框
JS实现获取鼠标在画布中的位置
聊天信息框显示消息
JS点击切换背景图
自动切换背景的登录页面
JS制作跟随鼠标移动的图片
JS实现记住用户密码

效果展示

在这里插入图片描述

概述

本文讲解如何制作，可以提交信息的聊天框，并且可以删除已经发布的聊天信息。

构建HTML框架

<body>
    <textarea name="" id="">textarea>
    <button>发布button>
    <ul>

    ul>    
body>

CSS样式

JS逻辑

<script>
        // 1. 获取元素
        var btn = document.querySelector('button');
        var text = document.querySelector('textarea');
        var ul = document.querySelector('ul');
        // 2. 注册事件
        btn.onclick = function() { 
            // 如果输入的内容为空 
            if (text.value == '') {
                // 会有提示信息
                alert('您没有输入内容');
                // 返回false
                return false;
            } else {
                // console.log(text.value);
                // (1) 创建元素
                var li = document.createElement('li');
                // 先有li 才能赋值
                li.innerHTML = text.value + "删除";
                // (2) 添加元素
                // ul.appendChild(li);
                // 在ul无序列表的第一个设置为最新的li
                ul.insertBefore(li, ul.children[0]);
                // (3) 设置删除元素事件 
                // 获取元素
                var as = document.querySelectorAll('a');
                for (var i = 0; i < as.length; i++) {
                    as[i].onclick = function() {
                        // 为每一个连接事件 添加一个点击事件 这个点击事件会删除 这条信息
                        ul.removeChild(this.parentNode);
                    }
                }
            }
        }
    </script>

完整代码

DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Documenttitle>
    <style>
        /* 清除全局多余的样式 */
        * {
            margin: 0;
            padding: 0;
        }
        
        /* 设置body为一个比较靠中的位置 */
        body {
            /* 设置外边距 */
            padding: 300px;
        }
        
        /* 设置输入文本框的样式 */
        textarea {
            /* 文本框的大小 */
            width: 200px;
            height: 100px;
            /* 文本框的边框 */
            border: 1px solid black;
            /* 设置不能超出范围 */
            outline: none;
            /* 设置文本框大小不可以更改 */
            resize: none;
        }
        /* 设置无序表距离顶端的高度 */
        ul {
            margin-top: 50px;
        }
        
        /* 设置每个小列表的样式 */
        li {
            /* 设置宽度 */
            width: 300px;
            /* 设置外边距 */
            padding: 5px;
            /* 设置背景颜色 */
            background-color: rgb(245, 209, 243);
            /* 文字颜色 */
            color: red;
            /* 文字大小 */
            font-size: 14px;
            /* 外边距 */
            margin: 15px 0;
        }
        
        li a {
            /* 设置连接悬浮位置 */
            float: right;
        }
    style>
head>

<body>
    <textarea name="" id="">textarea>
    <button>发布button>
    <ul>

    ul>
    <script>
        // 1. 获取元素
        var btn = document.querySelector('button');
        var text = document.querySelector('textarea');
        var ul = document.querySelector('ul');
        // 2. 注册事件
        btn.onclick = function() { 
            // 如果输入的内容为空 
            if (text.value == '') {
                // 会有提示信息
                alert('您没有输入内容');
                // 返回false
                return false;
            } else {
                // console.log(text.value);
                // (1) 创建元素
                var li = document.createElement('li');
                // 先有li 才能赋值
                li.innerHTML = text.value + "删除";
                // (2) 添加元素
                // ul.appendChild(li);
                // 在ul无序列表的第一个设置为最新的li
                ul.insertBefore(li, ul.children[0]);
                // (3) 设置删除元素事件 
                // 获取元素
                var as = document.querySelectorAll('a');
                for (var i = 0; i < as.length; i++) {
                    as[i].onclick = function() {
                        // 为每一个连接事件 添加一个点击事件 这个点击事件会删除 这条信息
                        ul.removeChild(this.parentNode);
                    }
                }
            }
        }
    script>
body>

html>

你可能感兴趣的:(JS学习之旅,css,css3,前端)

  • 打造一个可维护、可复用的前端权限控制方案（含完整Demo） web
    摘要在现代Web应用中，权限控制已经不再是“后端的事”。随着前后端分离、单页应用（SPA）流行，前端权限控制逐渐成为用户体验和系统安全的双重关键。如果只靠后端控制，前端体验太差；如果只靠前端控制，那就等于裸奔。怎么权衡？怎么落地？这就是本文要探讨的重点。引言你是否遇到过：不同用户登录后看到的菜单不同、某些按钮灰了点不了、访问一些页面会自动跳转403页面？这都来自于“前端权限控制”的精细化设计。现在
  • 基于SpringBoot和Leaflet的区域冲突可视化系统（2025企业级实战方案） 知识产权13937636601 计算机springboot后端java
    摘要在全球地缘冲突与应急事件频发的2025年，区域态势可视化系统成为政府及企业的决策刚需。本文提出基于SpringBoot3.2后端与Leaflet1.9.5前端的冲突可视化解决方案，融合多源异构数据（卫星影像、舆情热力、设施状态）构建动态冲突图谱。关键技术突破包括：矢量切片实时聚合（支持100万+目标呈现）、多维度冲突因子权重模型、态势推演沙盘，并在某跨国能源集团实测中实现风险识别效率提升8倍，
  • G DOM 操作.js
    前言：DOM（文档对象模型）操作是实现动态交互的关键技术。通过DOM操作，我们可以获取、修改网页元素，为用户提供了一个丰富多彩的交互体验。目录一、DOM操作的初体验认识元素获取二、DOM操作的进阶元素内容的修改三、DOM操作的高阶元素样式的动态变化四、DOM操作的巅峰元素的添加、删除与事件处理五、DOM操作的奥秘元素遍历与家族关系六、DOM操作的终极挑战性能优化与复杂交互总结一、DOM操作的初体验
  • 基于Vue.js的图书管理系统前端界面设计的javascript逻辑部分
    前文，我们实现了一个使用Vue3构建的图书管理系统的html部分，接下来我们看一下JavaScript逻辑部分。html部分以及整个系统的完整代码可以查看我的文章：基于Vue.js的图书管理系统前端界面设计-CSDN博客一、Vue3简介Vue3是渐进式JavaScript框架Vue.js的第三个主要版本，它延续了Vue易于上手、灵活性高和高效的特点，并在性能、可维护性和开发体验上进行了显著提升。（
  • 主流视频流格式及 Vue3 实现方案 玛卡巴卡半夜不睡觉 html5前端vue.js
    1.HLS(HTTPLiveStreaming)技术原理：基于HTTP的流媒体协议，使用.m3u8索引文件+.ts分片文件。特点：高兼容性（尤其iOS）、10+秒延迟、支持自适应码率。Vue3实现（video.js）：npminstallvideo.jsvideojs-contrib-hlsimport{ref,onMounted,onUnmounted}from'vue';importvideo
  • 前端领域的前端可视化设计案例解析 前端视界 前端艺匠馆前端ai
    前端可视化设计案例解析：从技术实现到用户体验的全链路剖析关键词：前端可视化、数据可视化、设计案例、D3.js、ECharts、可视化框架、用户体验摘要：本文通过深度解析多个典型前端可视化案例，系统阐述数据可视化的核心技术原理、设计方法论及工程实践经验。从基础概念到复杂场景应用，结合D3.js、ECharts、AntV等主流框架的实战案例，详细讲解数据映射、视觉编码、交互设计的实现细节，分析不同业务
  • 阿里云一句话语音识别
    前端：阿里云语音识别应用（一句话语音识别）{{isRecording?'停止录音':'开始录音'}}识别结果:{{recognitionResult}}WebSocket状态:{{websocketStatus}}使用的音频格式:{{usedMimeType}}import{ref,onMounted,onUnmounted}from'vue'//状态管理constisRecording=ref(
  • vue3 组件函数式调用 xx小怪兽 vue.js前端javascript
    做一个消息提示框组件，封装成vue实例，然后函数式调用1、先准备一个想要做的提示组件文件Message.vue2、新建Message.js文件，内容是提供一个能够显示Message组件的函数3、挂载到全局指令上准备一个DOM容器，里面装消息提示组件；然后将组件编译为虚拟DOM，利用render函数渲染到DOM容器里。//导入消息提示组件import{createVNode,render}from'
  • 基于Rust编写数独、deepseek调用、Mis系统 KENYCHEN奉孝 Rustrust开发语言后端
    Rust是开发人员最流行的语言之一，因为它具有开源、快速、可靠和高性能的特点。在Rust中构建新的API时，重要的是要考虑Web框架对前端和后端开发的优缺点。在本文中，我们将讨论什么是Web框架，并探索Rust生态系统中用于前端和后端开发的各种Web框架，排名不分先后。让我们开始吧。Rust编写Web版本得数独游戏开发环境配置确保安装Rust工具链和Cargo包管理器，推荐使用rustup安装最新
  • 【算法系列】买卖股票的最佳时机【JS代码】 DTcode7 算法系列#前端基础入门三大核心之JS算法javascript最佳时机
    【算法系列】买卖股票的最佳时机【JS代码】问题描述基本概念和作用说明解决方案暴力解法一次遍历法代码示例总结与讨论在前端开发中，虽然我们主要关注的是构建用户界面和交互逻辑，但掌握一些基本的算法和数据结构知识也是非常有用的。今天，我们就来探讨一个经典的问题：“买卖股票的最佳时机”。这个问题看似与前端开发无关，但实际上，它背后的算法思想对于优化我们的程序和解决问题有着极大的帮助。问题描述假设你有一个数组
  • Springboot实现后台图片上传
    文章目录整体流程概览后端实现细节1.文件上传控制器(`UploadController.java`)2.静态资源服务控制器(`StaticResourceController.java`)演示总结本文将深入探讨一个标准的Web应用后台管理系统中，图片上传功能的完整实现流程。我们将从前端用户交互开始，一直到后端的文件处理、存储和最终的URL返回。整体流程概览图片上传功能的核心流程可以分为以下几个步骤
  • 买卖股票的最佳时机--js 算法 stoneSkySpace 算法javascript数据结构
    一、买卖股票的最佳时机给定一个数组prices，它的第i个元素prices[i]表示一支给定股票第i天的价格。你只能选择某一天买入这只股票，并选择在未来的某一个不同的日子卖出该股票。设计一个算法来计算你所能获取的最大利润。返回你可以从这笔交易中获取的最大利润。如果你不能获取任何利润，返回0；贪心算法：每次发现更低价格立即更新买入点（minPrice）每次发现更高利润立即更新卖出收益（maxProf
  • Redis 地理空间索引实践 Hello.Reader 人工智能缓存技术数据库redis数据库缓存
    一、地理空间索引概览Redis支持两种地理空间索引类型：GEO：对单个地理坐标点（经度、纬度）建立索引，适合“查找半径内的点”场景。GEOSHAPE：通过WKT（Well-KnownText）格式定义点、线、面等几何体，支持更丰富的空间关系查询（如包含、相交、相离等）。二、GEO索引2.1创建GEO索引假设你的JSON文档中有一字段location，存放"lon,lat"格式的字符串，使用以下命令
  • 精准定义 RediSearch 索引 Schema Hello.Reader 数据库缓存技术人工智能djangopython后端
    一、Schema基础概念索引（Index）：对Redis中的Hash或JSON文档进行反向索引，以支持全文、标签、数值、地理、向量等多种查询模式。Schema：定义索引结构，包括哪些字段（fields/attributes）、字段类型、是否可排序、权重（relevanceweight）、过滤条件等。在执行FT.CREATE时，必须指定：数据类型：ONHASH或ONJSONKey前缀（可选）：PRE
  • Vue3 首款 3D 数字孪生编辑器 ❀͜͡傀儡师 3d编辑器
    对于多数前端开发者而言，用ThreeJS打造炫酷的数字孪生场景并不容易，需掌握大量专业知识。现在这个基于Vue3、ThreeJS和NaiveUI的数字孪生开发框架——Astral3DEditor正式开源，为Web3D开发带来新转机。Astral3DEditor的在这里插入图片描述1.优势功能丰富：支持多种3D模型格式，可导入导出多类型模型，方便资源整合。它还提供插件系统，可扩展更多功能。同时，支持
  • Augment code + axure 一键生成前端代码 人工智能前端
    上一篇文章我们讲了怎么通过Augmentcode+FigmaMCP生成前端代码，同时我也用了cursor，做了简单对比，结果如下：cursor+FigmaMCP速度快。可以导出Figma文件中的图标到项目中。整体还原度不咋地。对话式，会不断询问。Augmentcode+FigmaMCP速度慢。还原度高。基本不需要手动干预。访问项目整体性好，能检测到项目是否已经配置依赖等等。今天我们同样使用Augm
  • JavaScript性能优化实战：表格控件高效开发指南 javascript
    引言在现代Web应用开发中，电子表格功能已成为数据分析、报表展示等场景的核心需求。SpreadJS作为一款高性能的纯前端电子表格控件，能够完美兼容Excel文件格式，支持百万级数据量和复杂公式计算。然而随着数据规模的增长和业务逻辑的复杂化，性能优化成为开发者必须面对的挑战。本文将深入剖析几种SpreadJS性能优化技巧，通过实际案例和代码演示，帮助开发者构建响应迅速、用户体验优异的电子表格应用。正
  • Excel高效转Json工具类详解 你一身傲骨怎能输 游戏工具链exceljson
    文章摘要该工具类提供Excel到Json的转换功能，主要包含：ExcelToJsonToolEditor：核心编辑器类，处理Excel批量/单表转换、文件路径操作类型定义：TypeValue存储字段信息，JsonKeyType标识键类型转换流程：读取Excel→生成Json→自动创建对应C#配置类代码扩展性：支持指定表转换、错误处理、代码模板化生成关键方法：DoXlsxToJson处理单表转换，G
  • 游戏配置表导出工具深度解析 你一身傲骨怎能输 游戏工具链游戏
    文章摘要TableExportTool是一个用于表格数据导出的工具，主要包含表格读取、数据解析、导出和代码生成四大模块。它支持读取Excel/CSV文件，解析字段和类型后转换为JSON、二进制、Lua等多种格式，并自动生成C#、Lua等数据结构代码。工具还提供Unity集成功能，支持一键导出、Asset生成和热更新。核心流程包括读取表头、类型校验、数据组装和导出，通过NPOI/EPPlus实现表格
  • 前端--深入理解HTTP协议 菜鸡想成为大佬 前端前端http网络协议
    HTTP协议简介HTTP（HyperTextTransferProtocol，超文本传输协议）是一个应用层协议，用于在客户端（通常是浏览器）和服务器之间传输超文本数据（如HTML、CSS、JavaScript等）。它是万维网（WorldWideWeb）的核心协议，通过HTTP，用户能够在浏览器中访问网站。HTTP的特点无状态：HTTP协议是无状态协议，即服务器不会自动保存每次请求之间的上下文信息。
  • JS实现函数重载 数字浪儿 javascriptjavascript前端开发语言
    仅支持数字和字符串，其他类型的可根据封装的方法思路自行封装createOverLoad=()=>{constfnMap=newMap();overLoad=(...args)=>{constkey=args.map((it)=>typeofit).join(',');constfn=fnMap.get(key);if(!fn){thrownewTypeError('没有找到对应的实现');}ret
  • html5 原生 弹窗,HTML5 Popmotion.js实现的弹窗控件 weixin_39564527 html5原生弹窗
    JavaScript语言：JaveScriptBabelCoffeeScript确定const{css,transform,chain,delay,tween,easing,parallel}=window.popmotion;const{interpolate}=transform;lettrigger;letisClosing=false;//SelectDOMconstmodalTrigge
  • py每日spider案例之某website之古籍搜索 我不是程序员~~~~ 爬虫项目实战py
    importrequestsheaders={"accept":"application/json,text/plain,*/*","accept-language":"zh-CN,zh;q=0.9","cache-control":"no-cache","cont
  • Python爬虫网安-beautiful soup+示例
    目录beautifulsoup:解析器：节点选择器：嵌套选择：关联选择：子节点：子孙节点：父节点：祖先节点：兄弟节点：上一个兄弟节点：下一个兄弟节点：后面所有的兄弟节点：前面所有的兄弟节点：方法选择器：CSS选择器：beautifulsoup:bs4用于解析htmlandxml文档解析器：html.parser、lxml解析器和XML的内置解析器文档遍历：跟xpath差不多，也是整理成树形结构搜索
  • Vue列表页跳转到详情页返回，页面不刷新保持原来的状态,实现刷新局部数据
    首先在router.js中的列表页中添加缓存的变量：{path:'/',name:'home',//列表页component:home,meta:{keepAlive:true//此页面需要缓存}}在列表详情页中添加缓冲变量（列表详情页视图不需要缓冲的话不用添加）{path:'/notedetail',name:'noteDetail',component:notedetail,meta:{kee
  • 学习记录：DAY33 2301_79760424 每日学习记录学习
    前端学习之旅：Node.js模块与HTTP服务前言----------------------------------------又是许久许久没有更新，在苦哈哈弄完期末，然后花一天时间把计算机网络课设写了之后。现在又即将回到前后端学习的状态。我想现在正处于一个调整期的状态。一个是随着blog的不断堆积，有必要把它们整理成更具有逻辑性的知识片。另一个是我需要了解当前前后端需要学习的路线，这样我可以有
  • vue路由，本地存储，刷新页面（学习心得） 2301_78876497 vue.js前端javascript
    简介：在使用vue单独做一个网站时，会使用到路由和本地存储，这次主要介绍我在学习路由和本地存储使用到的一种方法。路由：vue里面的路由类似于html内的a标签，使用前需要导入路由的包；这个一般使用了路由后会自动导入的，可以去main.js内查看是否有router的包导入。那么使用路由可以有三种方法:第一种：使用name+params的方法，这里的name是index.js内路由的namethis.
  • django form组件 fightingwy pythondjango
    djangoform组件：校验数据：校验数据，是后端的Form类对象通过render先渲染到前端，然后浏览器用户输入数据提交到后端，后端根据类中的字段设置的属性来判断数据是否合法。校验数据的步骤：第一步需要一个form类,其实就是表单类啦，我们不设置就是text：classMyForm(forms.Form):name=forms.CharField(max_length=8,min_length
  • 【Python爬虫实战】全面抓取网页资源（图片、JS、CSS等）——超详细教程与源码解析 Python爬虫项目 python爬虫javascript新浪微博开发语言css旅游
    前言在互联网时代，网页数据已经成为重要的信息来源。许多时候，我们不仅需要抓取网页中的文字信息，还需要将网页中的各种资源文件（如图片、CSS样式表、JavaScript脚本文件等）一起抓取并保存下来。这种需求广泛应用于网页备份、离线浏览、数据分析等场景。本篇文章将带你从零开始，系统讲解如何使用Python最新技术，一步步实现抓取网页中所有静态资源的完整流程，包括：页面结构分析爬虫基本架构搭建异步爬取
  • 50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | ThemeClock（主题时钟） sunbyte TailiwindCSS实战指南vue.js前端javascripttailwindcsscss前端框架
    我们继续50个小项目挑战！——ThemeClock组件仓库地址：https://github.com/SunACong/50-vue-projects项目预览地址：https://50-vue-projects.vercel.app/使用Vue3的CompositionAPI和语法结合TailwindCSS构建一个能够动态切换主题（深色与浅色）的时钟组件。该组件不仅显示当前时间（包括小时、分钟和秒
  • java类加载顺序 3213213333332132 java
    package com.demo; /** * @Description 类加载顺序 * @author FuJianyong * 2015-2-6上午11:21:37 */ public class ClassLoaderSequence { String s1 = "成员属性"; static String s2 = "
  • Hibernate与mybitas的比较 BlueSkator sqlHibernate框架ibatisorm
    第一章     Hibernate与MyBatis Hibernate 是当前最流行的O/R mapping框架，它出身于sf.net，现在已经成为Jboss的一部分。 Mybatis 是另外一种优秀的O/R mapping框架。目前属于apache的一个子项目。 MyBatis 参考资料官网：http:
  • php多维数组排序以及实际工作中的应用 dcj3sjt126com PHPusortuasort
    自定义排序函数返回false或负数意味着第一个参数应该排在第二个参数的前面, 正数或true反之, 0相等usort不保存键名uasort 键名会保存下来uksort 排序是对键名进行的 <!doctype html> <html lang="en"> <head> <meta charset="utf-8&q
  • DOM改变字体大小 周华华 前端
    <!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&q
  • c3p0的配置 g21121 c3p0
    c3p0是一个开源的JDBC连接池，它实现了数据源和JNDI绑定，支持JDBC3规范和JDBC2的标准扩展。c3p0的下载地址是：http://sourceforge.net/projects/c3p0/这里可以下载到c3p0最新版本。 以在spring中配置dataSource为例： <!-- spring加载资源文件 --> <bean name="prope
  • Java获取工程路径的几种方法 510888780 java
    第一种： File f = new File(this.getClass().getResource("/").getPath()); System.out.println(f); 结果: C:\Documents%20and%20Settings\Administrator\workspace\projectName\bin 获取当前类的所在工程路径; 如果不加“
  • 在类Unix系统下实现SSH免密码登录服务器 Harry642 免密ssh
    1.客户机     (1)执行ssh-keygen -t rsa -C "[email protected]"生成公钥，xxx为自定义大email地址     (2)执行scp ~/.ssh/id_rsa.pub root@xxxxxxxxx:/tmp将公钥拷贝到服务器上，xxx为服务器地址     (3)执行cat
  • Java新手入门的30个基本概念一 aijuans javajava 入门新手
    在我们学习Java的过程中,掌握其中的基本概念对我们的学习无论是J2SE,J2EE,J2ME都是很重要的,J2SE是Java的基础,所以有必要对其中的基本概念做以归纳,以便大家在以后的学习过程中更好的理解java的精髓,在此我总结了30条基本的概念。　　Java概述:　　目前Java主要应用于中间件的开发(middleware)---处理客户机于服务器之间的通信技术,早期的实践证明,Java不适合
  • Memcached for windows 简单介绍 antlove javaWebwindowscachememcached
    1. 安装memcached server a. 下载memcached-1.2.6-win32-bin.zip b. 解压缩，dos 窗口切换到 memcached.exe所在目录，运行memcached.exe -d install c.启动memcached Server,直接在dos窗口键入 net start "memcached Server&quo
  • 数据库对象的视图和索引 百合不是茶 索引oeacle数据库视图
      视图     视图是从一个表或视图导出的表，也可以是从多个表或视图导出的表。视图是一个虚表，数据库不对视图所对应的数据进行实际存储，只存储视图的定义，对视图的数据进行操作时,只能将字段定义为视图,不能将具体的数据定义为视图       为什么oracle需要视图;    &
  • Mockito(一) --入门篇 bijian1013 持续集成mockito单元测试
            Mockito是一个针对Java的mocking框架，它与EasyMock和jMock很相似，但是通过在执行后校验什么已经被调用，它消除了对期望 行为（expectations）的需要。其它的mocking库需要你在执行前记录期望行为（expectations），而这导致了丑陋的初始化代码。  &nb
  • 精通Oracle10编程SQL(5)SQL函数 bijian1013 oracle数据库plsql
    /* * SQL函数 */ --数字函数 --ABS(n):返回数字n的绝对值 declare v_abs number(6,2); begin v_abs:=abs(&no); dbms_output.put_line('绝对值：'||v_abs); end; --ACOS(n):返回数字n的反余弦值，输入值的范围是-1~1，输出值的单位为弧度
  • 【Log4j一】Log4j总体介绍 bit1129 log4j
    Log4j组件：Logger、Appender、Layout   Log4j核心包含三个组件：logger、appender和layout。这三个组件协作提供日志功能： 日志的输出目标 日志的输出格式 日志的输出级别(是否抑制日志的输出)  logger继承特性 A logger is said to be an ancestor of anothe
  • Java IO笔记 白糖_ java
    public static void main(String[] args) throws IOException { //输入流 InputStream in = Test.class.getResourceAsStream("/test"); InputStreamReader isr = new InputStreamReader(in); Bu
  • Docker 监控 ronin47 docker监控
             目前项目内部署了docker，于是涉及到关于监控的事情，参考一些经典实例以及一些自己的想法，总结一下思路。 1、关于监控的内容 监控宿主机本身 监控宿主机本身还是比较简单的，同其他服务器监控类似，对cpu、network、io、disk等做通用的检查，这里不再细说。 额外的，因为是docker的
  • java-顺时针打印图形 bylijinnan java
    一个画图程序 要求打印出： 1.int i=5; 2.1 2 3 4 5 3.16 17 18 19 6 4.15 24 25 20 7 5.14 23 22 21 8 6.13 12 11 10 9 7. 8.int i=6 9.1 2 3 4 5 6 10.20 21 22 23 24 7 11.19
  • 关于iReport汉化版强制使用英文的配置方法 Kai_Ge iReport汉化英文版
    对于那些具有强迫症的工程师来说，软件汉化固然好用，但是汉化不完整却极为头疼，本方法针对iReport汉化不完整的情况，强制使用英文版，方法如下： 在 iReport 安装路径下的 etc/ireport.conf 里增加红色部分启动参数，即可变为英文版。   # ${HOME} will be replaced by user home directory accordin
  • [并行计算]论宇宙的可计算性 comsci 并行计算
          现在我们知道,一个涡旋系统具有并行计算能力.按照自然运动理论,这个系统也同时具有存储能力,同时具备计算和存储能力的系统,在某种条件下一般都会产生意识......       那么,这种概念让我们推论出一个结论     &nb
  • 用OpenGL实现无限循环的coverflow dai_lm androidcoverflow
    网上找了很久，都是用Gallery实现的，效果不是很满意，结果发现这个用OpenGL实现的，稍微修改了一下源码，实现了无限循环功能 源码地址： https://github.com/jackfengji/glcoverflow public class CoverFlowOpenGL extends GLSurfaceView implements GLSurfaceV
  • JAVA数据计算的几个解决方案1 datamachine javaHibernate计算
    老大丢过来的软件跑了10天，摸到点门道，正好跟以前攒的私房有关联，整理存档。 -----------------------------华丽的分割线-------------------------------------     数据计算层是指介于数据存储和应用程序之间，负责计算数据存储层的数据，并将计算结果返回应用程序的层次。J  &nbs
  • 简单的用户授权系统,利用给user表添加一个字段标识管理员的方式 dcj3sjt126com yii
    怎么创建一个简单的(非 RBAC)用户授权系统 通过查看论坛，我发现这是一个常见的问题，所以我决定写这篇文章。 本文只包括授权系统.假设你已经知道怎么创建身份验证系统(登录)。 数据库 首先在 user 表创建一个新的字段(integer 类型),字段名 'accessLevel',它定义了用户的访问权限 扩展 CWebUser 类 在配置文件(一般为 protecte
  • 未选之路 dcj3sjt126com 诗
    作者:罗伯特*费罗斯特   黄色的树林里分出两条路, 可惜我不能同时去涉足, 我在那路口久久伫立, 我向着一条路极目望去, 直到它消失在丛林深处.   但我却选了另外一条路, 它荒草萋萋,十分幽寂; 显得更诱人,更美丽, 虽然在这两条小路上, 都很少留下旅人的足迹.   那天清晨落叶满地, 两条路都未见脚印痕迹. 呵,留下一条路等改日再
  • Java处理15位身份证变18位 蕃薯耀 18位身份证变15位15位身份证变18位身份证转换
      15位身份证变18位，18位身份证变15位 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> 蕃薯耀 201
  • SpringMVC4零配置--应用上下文配置【AppConfig】 hanqunfeng springmvc4
    从spring3.0开始，Spring将JavaConfig整合到核心模块，普通的POJO只需要标注@Configuration注解，就可以成为spring配置类，并通过在方法上标注@Bean注解的方式注入bean。   Xml配置和Java类配置对比如下： applicationContext-AppConfig.xml   <!-- 激活自动代理功能 参看：
  • Android中webview跟JAVASCRIPT中的交互 jackyrong JavaScripthtmlandroid脚本
      在android的应用程序中,可以直接调用webview中的javascript代码,而webview中的javascript代码,也可以去调用ANDROID应用程序(也就是JAVA部分的代码).下面举例说明之: 1 JAVASCRIPT脚本调用android程序    要在webview中,调用addJavascriptInterface(OBJ,int
  • 8个最佳Web开发资源推荐 lampcy 编程Web程序员
    Web开发对程序员来说是一项较为复杂的工作，程序员需要快速地满足用户需求。如今很多的在线资源可以给程序员提供帮助，比如指导手册、在线课程和一些参考资料，而且这些资源基本都是免费和适合初学者的。无论你是需要选择一门新的编程语言，或是了解最新的标准，还是需要从其他地方找到一些灵感，我们这里为你整理了一些很好的Web开发资源，帮助你更成功地进行Web开发。 这里列出10个最佳Web开发资源，它们都是受
  • 架构师之面试------jdk的hashMap实现 nannan408 HashMap
    1.前言。   如题。 2.详述。   (1)hashMap算法就是数组链表。数组存放的元素是键值对。jdk通过移位算法（其实也就是简单的加乘算法），如下代码来生成数组下标(生成后indexFor一下就成下标了）。 static int hash(int h) { h ^= (h >>> 20) ^ (h >>>
  • html禁止清除input文本输入缓存 Rainbow702 html缓存input输入框change
    多数浏览器默认会缓存input的值，只有使用ctl+F5强制刷新的才可以清除缓存记录。 如果不想让浏览器缓存input的值，有2种方法： 方法一： 在不想使用缓存的input中添加 autocomplete="off";  <input type="text" autocomplete="off" n
  • POJO和JavaBean的区别和联系 tjmljw POJOjava beans
    POJO 和JavaBean是我们常见的两个关键字，一般容易混淆，POJO全称是Plain Ordinary Java Object / Pure Old Java Object，中文可以翻译成：普通Java类，具有一部分getter/setter方法的那种类就可以称作POJO，但是JavaBean则比 POJO复杂很多， Java Bean 是可复用的组件，对 Java Bean 并没有严格的规
  • java中单例的五种写法 liuxiaoling java单例
    /** * 单例模式的五种写法： * 1、懒汉 * 2、恶汉 * 3、静态内部类 * 4、枚举 * 5、双重校验锁 */ /** * 五、 双重校验锁，在当前的内存模型中无效 */ class LockSingleton { private volatile static LockSingleton singleton; pri
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他