KaiSarH
KaiSarH

JS特效——简易留言板

知识点

  1. textarea 大段输入框
  2. value获取输入框的值
  3. innerHTML所用东西；innerText文本
  4. insertBefore在某个标签之前插入

运行效果

JS特效——简易留言板_第1张图片
JS特效——简易留言板_第2张图片
JS特效——简易留言板_第3张图片
JS特效——简易留言板_第4张图片
JS特效——简易留言板_第5张图片

代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        *{margin: 0;padding: 0;list-style: none;}
        #box{width: 800px;border: 1px solid #ccc;
            margin:100px auto;padding: 20px}
        #my_textarea{width: 80%;height: 120px;font-size: 20px}
        .box-top{margin-bottom: 20px;}
        #ul li{border-bottom: 1px dashed #ccc;color: red;line-height: 44px}
        #ul li a{float: right;}
    </style>
</head>
<body>
<div id="box">
    <div class="box-top">
        <label for="my_textarea">发表评论
            <textarea name="my_textarea" id="my_textarea" cols="30" rows="10"></textarea>
        </label>
        <button id="btn">发表</button>
    </div>
    <ul id="ul"></ul>
</div>
<script>
    window.addEventListener('load',function (ev) {
        $('btn').addEventListener('click',function (ev1) {
            var my_textarea = $('my_textarea');
           // 1. 获取输入框中的内容
           var content = my_textarea.value;

           // 2. 判断
            if (content.length===0){
                alert('请输入评论的内容');
                return;
            }

            // 3. 创建li标签放入ul
            var li = document.createElement('li');
            var ul = $('ul');
            li.innerHTML = content + '删除'
            ul.insertBefore(li,ul.children[0]);

            // 4. 清楚输入框内容
            my_textarea.value = '';
            
            // 5. 删除评论
            var remove = ul.getElementsByTagName('a');
            for (var i = 0; i < remove.length; i++) {
                var r = remove[i];
                r.addEventListener('click',function (evt) {
                    this.parentNode.remove();
                })
            }
        });



        /**
         * 根据id返回标签元素
         * @param {string}id
         * @returns {any}
         */
        function $(id) {
            return typeof id === 'string' ? document.getElementById(id) : null;
        }
    })
</script>
</body>
</html>

你可能感兴趣的:(JS特效——简易留言板)

  • python简单好玩的编程代码,python有哪些好玩的代码 2301_81900439 pygamepython开发语言
    大家好，小编来为大家解答以下问题，20行python代码的入门级小游戏，python有什么好玩的代码嘛，今天让我们一起来看看吧！哈喽铁子们表弟最近在学Python，总是跟我抱怨很枯燥无味，其实，他有没有认真想过，可能是自己学习姿势不对？比方说，可以通过打游戏来学编程！今天给大家分享100个Python小游戏，一定要收藏！1、简易飞机大战飞机大战相信大家都玩过吧，非常简单有意思的游戏，咱们通过Pyt
  • 基于STM32的简易RTOS分析-预备知识 騏威 嵌入式
    写下这篇文章的主要目的是对自己学习RTOS的历程做一个记录和总结，方便以后回忆翻看。以下内容主要来自宋岩先生翻译的《Cortex-M3权威指南》。目录一、Cortex-M3寄存器简介二、堆栈操作简介三、汇编指令简介LDR和STR指令STMDB和LDMIA指令B、BX、BL、BLX指令MRS和MSR指令四、中断简介中断响应过程简介SVC和PensSV中断简介软件中断五、汇编基础一、Cortex-M3
  • 降伏不听话的静电，在家做一个富兰克林马达 三个爸爸实验室
    这是我们一起探索的第55个实验昨天我们一起认识了神奇的静电我们知道了通过摩擦可以产生静电我们也知道了有两种电荷一种是正电荷一种是负电荷如果两个正电荷相遇或者两个负电荷相遇他们会互相排斥如果是一个正电荷与一个负电荷相遇他们就会相互吸引今天我们就利用静电的这些特征做一个简易的马达由于美国科学家富兰克林对于静电研究非常多我们称这个马达为富兰克林马达一起来看一下怎么做的吧—富兰克林马达—三个爸爸实验室No
  • netty-简易聊天 2401_84046645 程序员java开发语言
    publicvoidsend(Stringtext){channel.writeAndFlush(Unpooled.copiedBuffer(text.getBytes()));}publicvoidcloseConnect(){send(“bye”);channel.close();}}classMyHandlerextendsChannelInboundHandlerAdapter{@Over
  • 小孩应该给老人带还是自己带？ 是美芽啊
    我和老公住在县城里的房子，婆婆和公公在村子里种大棚蔬菜，住的是用石棉瓦搭的简易房子，虽然什么也不差，但出门就是泥土和大棚，不像我们在城里面小区下面有儿童乐园、健身设施，还有好多小朋友都会在那里玩。前几天宝宝刚满一岁，就送去菜地里断奶了，我也想自己出去工作贴补家用，以后宝宝就由婆婆和公公帮忙带，但是又放心不下宝宝，所以不知道该怎么选择？闺蜜告诉我：女人一定要有自己的事业和赚钱的能力，不能一味的在家里
  • Android 用线程池实现一个简单的任务队列(Kotlin) 深海呐 Android#Android进阶#Kotlinandroidkotlin线程池延时任务队列线程池延时任务
    关于线程池,Kotlin和java的使用方式一样在Android中,很多人喜欢用Handler的postDelayed()去实现延时任务.要使用postDelayed(),去实现延时任务队列,就不可避免要使用递归.但是这样做,代码的简洁性,和书写的简易,就远不如使用线程池.使用线程池的简单程度:privatevalmThreadPool=Executors.newSingleThreadSched
  • 自己实现一个简易RPC调用框架 殷俊杰
    最近在看dubbo，去创始人之一梁飞大神的博客搂了几眼，找到这个demo自己实现了一下，关于dubbo就不再介绍了，快速开始、框架设计、设计原则官网都有，有兴趣可以自己看Dubbo官网1.服务接口packagecom.yjj.my.api;/***@Description:*@Author:yinjunjie*@CreateDate:2018/8/713:16*@Version:1.0*/publ
  • 小程序——模板语法 无敌CV工程师 小程序小程序apache微信小程序前端
    文章目录声明和绑定数据声明和修改数据修改对象类型数据修改数组类型数据数据绑定-简易双向绑定列表渲染-基本使用列表渲染-使用进阶条件渲染声明和绑定数据小程序页面中使用的数据均需要在Page()方法的data对象中进行声明定义在将数据声明好以后，需要在WXML中绑定数据，数据绑定最简单的方式是使用Mustache语法（双大括号）将变量包起来。在{{}}内部可以做一些简单的运算，支持如下几种方式：算数运
  • Python世界：简易地址簿增删查改算法实践 来知晓 Python世界python机器学习开发语言
    Python世界：简易地址簿增删查改算法实践任务背景编码思路代码实现本文小结任务背景该任务来自简明Python教程中迈出下一步一章的问题：编写一款你自己的命令行地址簿程序，你可以用它浏览、添加、编辑、删除或搜索你的联系人，例如你的朋友、家人、同事，还有他们诸如邮件地址、电话号码等多种信息。这些详细信息必须被妥善储存以备稍后的检索。编码思路从问题中可以提炼以下信息：1、地址簿需要支持本地存储读写；2
  • webapck由浅入深——（Tapable） weixin_33737134 webpackViewUI
    webpack系列文章webpack由浅入深——（webpack基础配置）webpack由浅入深——（webpack优化配置）webpack由浅入深——（tapable）webpack由浅入深——（webapck简易版）webpack由浅入深——（ast、loader和plugin）Tapable和webpackTapable是基于发布订阅模式实现的一个类库，提供了许多Hook类，可创建许多钩子。
  • 烧粪 毛草台
    昨天下午到学校前的河边走走，刚下河堤，抬眼便见到小河对岸的西头远远的升起了袅袅的白烟。这是有人在烧粪。望着散漫升空的烟雾，久违的感觉突然浸透全身，生活在这个城市里，真是好久没有见到烧粪了。我三步并作两步，过简易桥到对岸，沿着新修的水泥路，朝西向胜蓝桥方向走去，很快就到了烧粪的地方，是胜蓝桥下不远处的河滩上。一中学校前的郁水河已列为风景观光带，两岸的土地早被征用。水泥路及河堤下的河滩处，原是岸上居民
  • 【原创纯手打】如何使用Vue写微信朋友圈中的留言回复功能(附源码) 终极萌萌暴龙战士 前端javascript开发语言vue.js
    简单的留言板懂的都懂，问题是如何添加留言功能当我们添加写的内容存储到数组，然后将其遍历出来，在外部渲染时，再次遍历item.children，然后对其添加新的页面渲染绑定回复键，在store.js中写下hf(state,obj){//判断是否有children属性，如果有直接追加，如果没有就添加children数组if(state.list[obj.index].hasOwnProperty('c
  • Ubuntu搭建简易Postfix邮箱服务器 嫩草终结者 邮箱服务
    本文转载自https://www.linuxdashen.com/ubuntu%E6%90%AD%E5%BB%BA%E7%AE%80%E6%98%93postfix%E9%82%AE%E7%AE%B1%E6%9C%8D%E5%8A%A1%E5%99%A8Ubuntu搭建简易Postfix邮箱服务器最后更新2016年4月20日分类Ubuntu服务器最新文章邮件服务器标签550mailcontentd
  • Gerrit审核服务器搭建简易教程(Ubuntu 12.10) LKV_刘言
    //**********************************************欢迎转载，转载请注明出处，请尊重作者！http://blog.csdn.net/airk000Email:[email protected]//**********************************************本文将详细记录如何在一个全新的Ubuntu系统中安装及配置Gerri
  • 简易版ts+axios封装 谷神神神 typescript
    用到了VITE变量，可以参考VITE变量使用方式importaxios,{AxiosRequestConfig}from"axios";constinstance=axios.create({baseURL:import.meta.env.VITE_DEVSERVER,});//在header中添加本地存储的token//其他操作同理instance.interceptors.request.us
  • 纯js简易五子棋 敬@过往 javascript前端开发语言
    一、利用canvas绘制五子棋（代码较为简陋请见谅）这里单独拿出一个绘制好的黑色五子棋展示五子棋-------------人生如棋，落子无悔！！！constcanvas=document.createElement('canvas');canvas.width=900;canvas.height=900;document.body.append(canvas);constcontext=canva
  • 使用爬虫写一个简易的翻译器+图像界面+python w²大大 python学习pythontkinterjson
    翻译器+图像界面+python1.效果图如下：2.代码实现1.效果图如下：2.代码实现importtkinterimportrandomimportrequestsimportrequestimporturllibfromurllibimportrequest,parseimporttime,json,random,hashlibwin=tkinter.Tk()defpachong():try:u
  • 水库 一片羽
    在我的老家的下游有一个大水库，是下游村庄的，不过源头在我们村，它似乎是两个村庄的分界线。小的时候每到夏天，为了防止下大雨淹了地，都会提前放水，每到放了水，我跟小伙伴就带上水桶、自制的简易捕鱼设备、渔网等，下到水库的浅滩上，捡河蚌螺丝，在细水下游的沟壑里放上自制的简易兜网，然后拿着铁丝绑制的棍子，我们叫做锤鱼神器，纵使鱼儿在水里游得飞快，但也难逃铁棍的锤击，即使逃过了铁棍，但也无法逃脱下游的兜网，每
  • PySimpleGUI制作简易停车场管理系统 DryHeyyy python开发语言
    此文章旨在记录自己学习内容，内容十分基础，还有许多不完善的多体谅：）停车场管理系统：若车辆到达，则显示汽车在停车场内或便道上的停车位置；若车辆离去，则显示汽车在停车场内停留的时间和应缴纳的费用，在便道停留不收费。1PySimpleGUI1.1简介PySimpleGUI是一个Python库，专为简化图形用户界面（GUI）的开发而设计。它提供了许多预定义的窗口和元素，可以使用PySimpleGUI来创
  • 2019-02-14 蒋聃浩
    《道德经》第六十三章[原文]为无为，事无事，味无味。大小多少。报怨以德。图难于其易，为大于其细；天下难事，必作于易；天下大事，必作于细。是以圣人终不为大，故能成其大。夫轻诺必寡信，多易必多难。是以圣人犹难之，故终无难矣。[译文]以无为的态度去有所作为，以不滋事的方法去处理事物，以恬淡无味当作有味。大生于小，多起于少。处理问题要从容易的地方入手，实现远大要从细微的地方入手。天下的难事，一定从简易的地
  • 基于UDP的简易网络聊天室 老K殿下 每日练习udp网络协议网络
    聊天室基本功能：1：群发的上下线通知2：服务器显示全部聊天信息，并且可以群发系统消息3：输入Q下线架构：客户端分为两个线程，主线程用来发送信息，子线程用来接收信息。发送的信息包是一个字符数组，包括1byte标识符、10byte用户昵称、128byte消息内容。它和记录ip地址和端口号的结构体共同组成一个结构体变量：structusrmsg。服务器也分为两个线程，主线程用来群发消息，子线程根据接收到
  • 基于SpringBoot+Vue+MySQL的社区维修平台 程序员毕设项目学长 Java项目springbootmysqlphpvue.jsjava开发语言后端
    系统背景  系统管理也都将通过计算机进行整体智能化操作，对于社区维修平台所牵扯的管理及数据保存都是非常多的，例如住户管理、社区公告管理、维修工管理、维修订单管理、接单信息管理、订单信息管理、在线沟通管理、举报信息管理、留言板管理、系统管理等，这给管理者的工作带来了巨大的挑战，面对大量的信息，传统的管理系统，都是通过笔记的方式进行详细信息的统计，后来出现电脑，通过电脑输入软件将纸质的信息统计到电脑上
  • 微信小程序简易弹幕组件(uniapp) Vivqst 微信小程序uni-appjavascript
    最终效果图如下：1.弹幕从弹幕区域外的右边滚动到左边，那么每条弹幕的实际滚动路径长度为当前弹幕的实际宽度+整个弹幕区域的宽度组件代码如下：{{item.text}}{{currentBullet}}2.本例中弹幕区域的宽度为当前屏幕的宽度。弹幕的滚动效果使用css3的animation实现，使用translateX来实现水平位移的变化。弹幕使用绝对定位初始时在屏幕的最左边（left:0），动画开始
  • 简易版糖醋熏鱼 乖乖兔宝贝
    腌制鱼块煎鱼块图片发自App记得第一次吃熏鱼的时候，我还是个小姑娘呢。那天我去姐姐家玩，到了中午吃饭时，餐桌上来一盘“红烧鱼”，我夹了一块尝了尝，哇～，太好吃了，鱼肉十分嫩滑，酸酸甜甜的。我便问姐姐这“红烧鱼怎么做得这么好吃呢？”姐姐笑着说：“傻妹妹，这不是普通的红烧鱼，这叫糖醋熏鱼。制作方法也十分复杂呢。”我说“哦哦，难怪比我平日在家吃的红烧鱼好吃呢。”后来，自己结婚了，便开始自己动手做菜，每次
  • 简易的springboot web项目介绍 瓢鳍小虾虎
    image.png此项目主要分如下几个部分：1.entity定义基本业务实体image.png定义基本属性和相关getsettoString方法，无参构造、有参构造都不能少，@Component负责把class注入到spring容器中。2.controller定义所有请求路由，包含响应逻辑image.png@Controller注解负责告诉框架此class是一个路由组件@requestMappin
  • Java课程设计——简易计算器 代码前哨站 java课程设计开发语言eclipseide
    1.系统简介1.1设计背景随着人们物质生活水平的日益提高，人们对高质量的计算提出了更高的要求。当今世界，是云计算的生活和物联网发展和使用阶段，计算性能的高低和计算的效率直接影响到了人们的生活。对此，使用Java语言开发出一个为人们生活带来便利的计算器，主要完成对数据的高效计算。该系统实现了加、减、乘、除的四则运算。1.2开发工具及环境（1）开发工具及介绍Eclipse是Java集成开发环境（IDE
  • python语言和c语言c++的区别_c语言和c++区别大吗 weixin_39844481
    c语言和c++区别大吗?c语言和c++区别不大c语言和c++区别有哪些?一、主体不同1、C语言：是一门面向过程的、抽象化的通用程序设计语言，广泛应用于底层开发。2、C++：是C语言的继承，它既可以进行C语言的过程化程序设计，又可以进行以抽象数据类型为特点的基于对象的程序设计。二、优势不同1、C语言：能以简易的方式编译、处理低级存储器。C语言是仅产生少量的机器语言以及不需要任何运行环境支持便能运行的
  • 简易BBS系统开发DEMO：用户注册与发帖功能实现 丹力
    本文还有配套的精品资源，点击获取简介：“bbs.zip_BBS用户注册_DEMO_发帖”演示了论坛系统开发的核心功能，包括用户注册和发帖。BBS系统是允许用户发布信息和进行讨论的在线平台。该压缩包中的简易演示版BBS系统主要关注用户账户创建和论坛帖子发布，为用户提供互动交流的基础。代码实现了用户信息的收集与存储、前端界面设计以及后端数据处理。注册功能可能包含安全机制如哈希加盐算法和账号激活流程。发
  • Python使用函数封装简易ATM（V1.0） _遥瑾_ python
    这篇文章是一个简单的存取款账户实现，包括了账户的创建、存款、取款、查询余额和注销功能。账户类通过definit()方法初始化一个空的用户列表，然后通过addaccount()方法创建账户，如果用户列表为空，则提示先添加账户。deposit()方法用于存款，程序会遍历用户列表，将所有用户的余额相加，然后更新用户的余额。withdrawal()方法用于取款，程序会遍历用户列表，将所有用户的余额相减，然
  • Python使用函数封装简易ATM（V2.0） _遥瑾_ pythonpython
    Python使用函数封装简易ATM（V1.0）https://mp.csdn.net/mp_blog/creation/editor/127511047该文章的代码是在V1.0的基础上进行升级，使得功能更加完善print('***********欢迎使用智汇ATM***********')print('1.注册2.登录3.查询余额4.存款5.转账6.取款7.退卡')#定义一个列表，存放用户注册信息
  • ASM系列五 利用TreeApi 解析生成Class lijingyao8206 ASM字节码动态生成ClassNodeTreeAPI
       前面CoreApi的介绍部分基本涵盖了ASMCore包下面的主要API及功能，其中还有一部分关于MetaData的解析和生成就不再赘述。这篇开始介绍ASM另一部分主要的Api。TreeApi。这一部分源码是关联的asm-tree-5.0.4的版本。          在介绍前，先要知道一点， Tree工程的接口基本可以完
  • 链表树——复合数据结构应用实例 bardo 数据结构树型结构表结构设计链表菜单排序
    我们清楚：数据库设计中，表结构设计的好坏，直接影响程序的复杂度。所以，本文就无限级分类（目录）树与链表的复合在表设计中的应用进行探讨。当然，什么是树，什么是链表，这里不作介绍。有兴趣可以去看相关的教材。 需求简介： 经常遇到这样的需求，我们希望能将保存在数据库中的树结构能够按确定的顺序读出来。比如，多级菜单、组织结构、商品分类。更具体的，我们希望某个二级菜单在这一级别中就是第一个。虽然它是最后
  • 为啥要用位运算代替取模呢 chenchao051 位运算哈希汇编
        在hash中查找key的时候，经常会发现用&取代%，先看两段代码吧，     JDK6中的HashMap中的indexFor方法： /** * Returns index for hash code h. */ static int indexFor(int h, int length) {
  • 最近的情况 麦田的设计者 生活感悟计划软考想
          今天是2015年4月27号      整理一下最近的思绪以及要完成的任务             1、最近在驾校科目二练车，每周四天，练三周。其实做什么都要用心，追求合理的途径解决。为
  • PHP去掉字符串中最后一个字符的方法 IT独行者 PHP字符串
    今天在PHP项目开发中遇到一个需求，去掉字符串中的最后一个字符 原字符串1,2,3,4,5,6, 去掉最后一个字符","，最终结果为1,2,3,4,5,6 代码如下： $str = "1,2,3,4,5,6,"; $newstr = substr($str,0,strlen($str)-1); echo $newstr;
  • hadoop在linux上单机安装过程 _wy_ linuxhadoop
    1、安装JDK     jdk版本最好是1.6以上，可以使用执行命令java -version查看当前JAVA版本号，如果报命令不存在或版本比较低，则需要安装一个高版本的JDK，并在/etc/profile的文件末尾，根据本机JDK实际的安装位置加上以下几行：    export JAVA_HOME=/usr/java/jdk1.7.0_25  
  • JAVA进阶----分布式事务的一种简单处理方法 无量 多系统交互分布式事务
    每个方法都是原子操作： 提供第三方服务的系统，要同时提供执行方法和对应的回滚方法 A系统调用B,C,D系统完成分布式事务 =========执行开始======== A.aa(); try { B.bb(); } catch(Exception e) { A.rollbackAa(); } try { C.cc(); } catch(Excep
  • 安墨移动广 告：移动DSP厚积薄发 引领未来广 告业发展命脉 矮蛋蛋 hadoop互联网
    　　“谁掌握了强大的DSP技术，谁将引领未来的广 告行业发展命脉。”2014年，移动广 告行业的热点非移动DSP莫属。各个圈子都在纷纷谈论，认为移动DSP是行业突破点，一时间许多移动广 告联盟风起云涌，竞相推出专属移动DSP产品。 　　到底什么是移动DSP呢? 　　DSP(Demand-SidePlatform)，就是需求方平台，为解决广 告主投放的各种需求，真正实现人群定位的精准广
  • myelipse设置 alafqq IP
      在一个项目的完整的生命周期中，其维护费用，往往是其开发费用的数倍。因此项目的可维护性、可复用性是衡量一个项目好坏的关键。而注释则是可维护性中必不可少的一环。 注释模板导入步骤  安装方法： 打开eclipse/myeclipse 选择 window-->Preferences-->JAVA-->Code-->Code
  • java数组 百合不是茶 java数组
    java数组的   声明  创建  初始化；   java支持C语言      数组中的每个数都有唯一的一个下标 一维数组的定义 声明： int[] a = new int[3];声明数组中有三个数int[3] int[] a 中有三个数，下标从0开始，可以同过for来遍历数组中的数
  • javascript读取表单数据 bijian1013 JavaScript
    利用javascript读取表单数据，可以利用以下三种方法获取： 1、通过表单ID属性：var a = document.getElementByIdx_x_x("id"); 2、通过表单名称属性：var b = document.getElementsByName("name"); 3、直接通过表单名字获取：var c = form.content.
  • 探索JUnit4扩展：使用Theory bijian1013 javaJUnitTheory
    理论机制（Theory） 一.为什么要引用理论机制（Theory）         当今软件开发中，测试驱动开发（TDD — Test-driven development）越发流行。为什么 TDD 会如此流行呢？因为它确实拥有很多优点，它允许开发人员通过简单的例子来指定和表明他们代码的行为意图。 TDD 的优点：     &nb
  • [Spring Data Mongo一]Spring Mongo Template操作MongoDB bit1129 template
    什么是Spring Data Mongo Spring Data MongoDB项目对访问MongoDB的Java客户端API进行了封装，这种封装类似于Spring封装Hibernate和JDBC而提供的HibernateTemplate和JDBCTemplate，主要能力包括 1. 封装客户端跟MongoDB的链接管理 2. 文档-对象映射，通过注解:@Document(collectio
  • 【Kafka八】Zookeeper上关于Kafka的配置信息 bit1129 zookeeper
    问题： 1. Kafka的哪些信息记录在Zookeeper中 2. Consumer Group消费的每个Partition的Offset信息存放在什么位置 3. Topic的每个Partition存放在哪个Broker上的信息存放在哪里 4. Producer跟Zookeeper究竟有没有关系？没有关系！！！   //consumers、config、brokers、cont
  • java OOM内存异常的四种类型及异常与解决方案 ronin47 java OOM 内存异常
          　OOM异常的四种类型： 　　　 　　一：　StackOverflowError ：通常因为递归函数引起（死递归，递归太深）。-Xss 128k 一般够用。     　  二：　out Of memory: PermGen Space：通常是动态类大多，比如web 服务器自动更新部署时引起。-Xmx
  • java-实现链表反转-递归和非递归实现 bylijinnan java
    20120422更新： 对链表中部分节点进行反转操作，这些节点相隔k个： 0->1->2->3->4->5->6->7->8->9 k=2 8->1->6->3->4->5->2->7->0->9 注意1 3 5 7 9 位置是不变的。 解法： 将链表拆成两部分： a.0-&
  • Netty源码学习-DelimiterBasedFrameDecoder bylijinnan javanetty
    看DelimiterBasedFrameDecoder的API，有举例： 接收到的ChannelBuffer如下： +--------------+ | ABC\nDEF\r\n | +--------------+ 经过DelimiterBasedFrameDecoder(Delimiters.lineDelimiter())之后，得到： +-----+----
  • linux的一些命令 -查看cc攻击-网口ip统计等 hotsunshine linux
    Linux判断CC攻击命令详解 2011年12月23日 ⁄ 安全 ⁄ 暂无评论 查看所有80端口的连接数 netstat -nat|grep -i '80'|wc -l 对连接的IP按连接数量进行排序 netstat -ntu | awk '{print $5}' | cut -d: -f1 | sort | uniq -c | sort -n 查看TCP连接状态 n
  • Spring获取SessionFactory ctrain sessionFactory
    String sql = "select sysdate from dual"; WebApplicationContext wac = ContextLoader.getCurrentWebApplicationContext(); String[] names = wac.getBeanDefinitionNames(); for(int i=0; i&
  • Hive几种导出数据方式 daizj hive数据导出
    Hive几种导出数据方式   1.拷贝文件   如果数据文件恰好是用户需要的格式，那么只需要拷贝文件或文件夹就可以。 hadoop fs –cp source_path target_path   2.导出到本地文件系统   --不能使用insert into local directory来导出数据，会报错 --只能使用
  • 编程之美 dcj3sjt126com 编程PHP重构
    我个人的 PHP 编程经验中，递归调用常常与静态变量使用。静态变量的含义可以参考 PHP 手册。希望下面的代码，会更有利于对递归以及静态变量的理解   header("Content-type: text/plain"); function static_function () { static $i = 0; if ($i++ < 1
  • Android保存用户名和密码 dcj3sjt126com android
    转自：http://www.2cto.com/kf/201401/272336.html 我们不管在开发一个项目或者使用别人的项目，都有用户登录功能，为了让用户的体验效果更好，我们通常会做一个功能，叫做保存用户，这样做的目地就是为了让用户下一次再使用该程序不会重新输入用户名和密码，这里我使用3种方式来存储用户名和密码 1、通过普通 的txt文本存储 2、通过properties属性文件进行存
  • Oracle 复习笔记之同义词 eksliang Oracle 同义词Oracle synonym
    转载请出自出处：http://eksliang.iteye.com/blog/2098861 1.什么是同义词       同义词是现有模式对象的一个别名。       概念性的东西，什么是模式呢？创建一个用户，就相应的创建了 一个模式。模式是指数据库对象，是对用户所创建的数据对象的总称。模式对象包括表、视图、索引、同义词、序列、过
  • Ajax案例 gongmeitao Ajaxjsp
    数据库采用Sql Server2005 项目名称为:Ajax_Demo 1.com.demo.conn包 package com.demo.conn; import java.sql.Connection;import java.sql.DriverManager;import java.sql.SQLException; //获取数据库连接的类public class DBConnec
  • ASP.NET中Request.RawUrl、Request.Url的区别 hvt .netWebC#asp.nethovertree
      如果访问的地址是：http://h.keleyi.com/guestbook/addmessage.aspx?key=hovertree%3C&n=myslider#zonemenu那么Request.Url.ToString() 的值是：http://h.keleyi.com/guestbook/addmessage.aspx?key=hovertree<&
  • SVG 教程 （七）SVG 实例，SVG 参考手册 天梯梦 svg
    SVG 实例 在线实例 下面的例子是把SVG代码直接嵌入到HTML代码中。 谷歌Chrome，火狐，Internet Explorer9，和Safari都支持。 注意：下面的例子将不会在Opera运行，即使Opera支持SVG - 它也不支持SVG在HTML代码中直接使用。   SVG 实例 SVG基本形状 一个圆 矩形 不透明矩形 一个矩形不透明2 一个带圆角矩
  • 事务管理 luyulong javaspring编程事务
    事物管理 spring事物的好处 为不同的事物API提供了一致的编程模型 支持声明式事务管理 提供比大多数事务API更简单更易于使用的编程式事务管理API 整合spring的各种数据访问抽象 TransactionDefinition 定义了事务策略 int getIsolationLevel()得到当前事务的隔离级别 READ_COMMITTED 
  • 基础数据结构和算法十一：Red-black binary search tree sunwinner AlgorithmRed-black
      The insertion algorithm for 2-3 trees just described is not difficult to understand; now, we will see that it is also not difficult to implement. We will consider a simple representation known
  • centos同步时间 stunizhengjia linux集群同步时间
    做了集群，时间的同步就显得非常必要了。 以下是查到的如何做时间同步。 在CentOS 5不再区分客户端和服务器，只要配置了NTP，它就会提供NTP服务。 1)确认已经ntp程序包： # yum install ntp 2)配置时间源（默认就行，不需要修改） # vi /etc/ntp.conf server pool.ntp.o
  • ITeye 9月技术图书有奖试读获奖名单公布 ITeye管理员 ITeye
    ITeye携手博文视点举办的9月技术图书有奖试读活动已圆满结束，非常感谢广大用户对本次活动的关注与参与。 9月试读活动回顾：http://webmaster.iteye.com/blog/2118112本次技术图书试读活动的优秀奖获奖名单及相应作品如下（优秀文章有很多，但名额有限，没获奖并不代表不优秀）：      《NFC：Arduino、Andro
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他