醉恋秋枫
醉恋秋枫

Vue.Js 入门功能使用(制作留言板)

**使用Vue.js +WebStorm 开发，
可以实现保存，删除 全部删除等功能。**
备注：
v-on:click=”” 实现点击 可以简写成@click=“”。
v-model=”” 实现数据的绑定。
v-for=“vaue in items”

`Vue.Js 入门功能使用(制作留言板)_第1张图片

`Vue.Js 入门功能使用(制作留言板)_第2张图片“


<html lang="en"
<head>
    <meta charset="UTF-8">
    <title>留言板title>
    <style>

    style>
    
    <link rel="stylesheet" href="lib/bootstrap.min.css">
    <script src="lib/jquery-3.2.1.min.js">script>
    <script src="lib/bootstrap.js">script>
    <script src="lib/vue.js">script>

    <script>
        window.onload=function () {
            new Vue({
                el:"#box",
                data:{
                    myData:[],
                    username:"",
                    age:"",
                    classroom:"",
                    currentIndex:""
                },
                methods:{
                    add:function(){
                        this.myData.push({
                            name:this.username,
                            age:this.age,
                            classroom:this.classroom
                        });
                        this.username="";
                        this.age="";
                        this.classroom="";
                    },
                    clearInput:function () {
                        this.username="";
                        this.age="";
                        this.classroom="";
                    },
                    deleteItem:function (index) {
                        this.myData.splice(index,1);
                    },
                    deleteAll:function () {
                        this.myData=[];
                    }

                }
            });
        };



    script>
head>
<body>
    <div class="container"  id="box">
        <form role="form">
            <div class="form-group">
                <label for="username" class="h5"> 用户名：label>
                <input type="text" id="username" class="form-control" placeholder="输入用户名" v-model="username">
            div>
            <div class="form-group">
                <label for="age" class="h5"> 年 龄：label>
                <input type="text" id="age" class="form-control" placeholder="输入年龄" v-model="age">
            div>
            <div>
                <label for="classroom" class="h5">班级label>
                <input type="text" id="classroom" class="form-control" placeholder="输入班级" v-model="classroom">
            div>
            <div class="form-group h3 ">
                <input type="button" value="添加" class="btn btn-primary" v-on:click= "add">
                <input type="button" value="重置" class="btn btn-danger" v-on:click="clearInput">
            div>
        form>

        
        <hr>
        <table class="table table-bordered table-hover" >
            <caption  class="h3 text-info text-center ">用户信息表caption>
            <tr class="text-info">
                <th class="text-center">序号th>
                <th class="text-center">用户名th>
                <th class="text-center">年龄th>
                <th class="text-center">班级th>
                <th class="text-center">操作th>
            tr>
            <tr class="text-center" v-for="(item,index) in myData">
                <td >{{index+1}}td>
                <td >{{item.name}}td>
                <td >{{item.age}}td>
                <td >{{item.classroom}}td>
                <td >
                    <input type="button" value="删除" class="btn btn-primary btn-sm" data-toggle="modal"
                           data-target="#layer"  v-on:click="currentIndex=index" >
                td>
            tr>
            <tr v-show="myData.length!=0">
                <td colspan="5" class="text-right">
                    <button class="btn btn-danger btn-sm" v-on:click="deleteAll">删除全部button>
                td>
            tr>
            <tr v-show="myData.length==0">
                <td colspan="5" class="text-center text-muted">
                    <p >暂无数据......p>
                td>
            tr>
        table>
        
        <div role="dialog" class="modal"  id="layer" >
            <div class="modal-dialog" >
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal">
                            <span>×span>
                        button>
                        <h4 class="modal-title">确认要删除此行数据吗？h4>
                    div>
                    <div class="modal-body text-right" >
                        <button class="btn btn-primary" data-dismiss="modal">取消button>
                        <button class="btn btn-danger" data-dismiss="modal" v-on:click="deleteItem(currentIndex)">确认button>
                    div>
                div>
            div>

        div>
    div>
body>
html>

你可能感兴趣的:(html学习,vue-js)

  • 前端html学习笔记--列表标签 元气满满鸭 前端html
    HTML列表标签表格是用来显示数据的，列表是用来布局的1.列表包括三大类：无序列表、有序列表、自定义列表一.无序列表无序列表的基本语法格式如下：//标签表示html中的无序列表列表项1列表项2列表项3①无序列表的各个列表项之间是并列的，不分前后顺序②中只能嵌套,不可以在标签中插入其他标签③之间相当于一个容器，可以容纳所有元素二.有序列表即为有排列顺序的列表有序列表的基本语法格式如下：//标签用于定
  • HTML学习7[重点] 乌鸦不像写字台 html学习html学习github
    HTML表单form一、表单二、提交数据三、用户注册表单四、下拉列表支持多选五、file控件六、hidden控件七、readonly和disabled八、input控件的maxlength一、表单表单有什么用？收集用户信息；表单展现之后，用户填写表单，点击提交按钮提交数据给服务器。怎么画一个表单？使用form标签画表单。一个网页中可以有多个表单form。表单最终是需要提交数据给服务器，form标签
  • HTML学习笔记——08：表单＜form＞ ruleslol HTMLhtml学习笔记
    HTML元素表示文档中的一个区域，此区域包含交互控件，用于向Web服务器提交信息。例如：登录页面。作用：搜集不同类型的用户输入，并向服务器传送数据。注意：表单本身并不可见！！！示例：firstname:lastname:多数情况下被用到的表单标签是输入标签（）。一、表单的属性1、action属性action=”要提交到的页面(xxx.html)”表单提交的地址，可以是网站也可以是一个请求处理地址。
  • html中表单涉及的标记有哪几个,HTML学习笔记--表单标记 吴端
    表单是网页上的一个特定区域。这个区域是由一对标记定义的。这一步有几方面的作用。第一方面，限定表单的范围。其它的表单对象，都要插入到表单之中。单击提交按纽时，提交的也是表单范围之内的内容。第二方面，携带表单的相关信息，例如处理表单的脚本程序的位置、提交表单的方法等。基本语法……语法解释标记的属性如下表所示属性描述name表单的名称method定义表单结果从浏览器传送到服务器的方法，一般有两种方法：g
  • 【html学习笔记】1.概念 日光倾 HTML学习笔记学习笔记
    1.概念1.1HTML标准格式HelloWorld1.2编辑方式新建一个笔记本文件，将html语法格式的内容写入。保存后将记事本的.txt后缀换成.html,就可以在浏览器里运行了1.3中文问题为了避免中文显示异常问题，可以添加代码1.4标签HTML是HyperTextMarkupLanguage超文本标记语言的缩写HTML是由一套标记标签markuptag组成，通常就叫标签标签由开始标签和结束标
  • HTML学习（MDN） LXWHeaven 学习之路html
    HTML介绍HyperTextMarkupLanguage，超文本标记语言，用来定义网页结构。备注HTML对大小写不敏感。当使用标签下载资源（同源URL），提供download属性提供默认的保存文件名。块引用，行内引用，URL指向引用的资源，但是cite属性的内容不会在页面上显示，可以使用显示URL。缩略语（另用于首字母缩略词，已被废弃）。标记联系方式。计算机代码。变量名。电脑键盘或其他类型。标记
  • re:从0开始的HTML学习之路 12. 表格 扶摇| html学习前端
    1.表格以格式化形式展示数据的一种手段，由行和列组成。使用table标签创建表格tr用于创建表格的行td用于创建表格的列th用于创建表头列，默认加粗且居中2.表格的属性border：设置表格的边框align：设置表格相对于周围元素的对齐方式width、height：设置表格的宽度和高度cellpadding：设置表格边缘与内容之间的空白，默认1pxcellspacing：设置单元格之间的空白，默认
  • re:从0开始的HTML学习之路 13. 表单（完结撒花） 扶摇| html学习前端
    1.表单现实生活中的表单：学员->学员信息表->学校存款人->存款单->银行表单：在网页中，用于搜集用户信息，将用户信息提交给后台服务器。一个表单由三个部分组成：表单域、表单控件、提示信息2.表单域包含所有要提交表单控件的区域，将该区域的信息提交给后台服务器。使用form标签创建表单域action：用于指定提交到后台服务器的地址method：用于选择请求方式（在此了解即可，深入了解需要学习Java
  • 转载：Html学习总结 kmoon_b426
    Html学习总结1.什么是html:HyperTextMarketlanguage，超文本标记语言,是用来描述网页语言，html使用标记标签来描述网页，html不是编程语言，是一种标记语言。2.经历过得版本:HTML2.0、HTML3.2、HTML4.0、HTML4.0.1、HTML53.H5新特性:•用于绘画的canvas元素•用于媒介回放的video和audio元素•对本地离线存储的更好的支持
  • 2024/1/26HTML学习：合并单元格，表单标签，语义化标签 Douglas_fan 前端开发学习html开发语言数据结构
    合并单元格“左上”原则不能跨结构合并表单标签搜索，登录，用户注册方面使用使用频次低1.input系列使用name分组checked默认选项上传多个文件，使用multiple按钮手机端网页
  • 2024/1/24HTML学习：路径 Douglas_fan 前端开发开发语言前端
    路径3.2.1路径的介绍加载图片，需要找到对应的图片。通过一定的路径路径分两种绝对路径（了解）相对路径（常用）绝对路径：绝对位置，从盘符开始的路径1.盘符开头D:\..................................2.完整的网络地址https://...........................上图为绝对路径，由一个盘符出发mac没有盘符，根目录是'\'相对路径从当前文件开
  • HTML学习 北冥有鱼_16c5
    一名小白，正在努力自学图片发自App图片发自App图片发自App图片发自App图片发自App
  • curator 入门 冬瓜baba的笔记
    http://curator.apache.org/getting-started.html学习ZooKeeperhttp://zookeeper.apache.org/doc/trunk/zookeeperStarted.html使用curatorcurator的JAR包可从MavenCentral获得。Maven，Gradle，Ant等的用户可以轻松地将curator包含在他们的构建脚本中。M
  • vue 的100个为什么？---持续待更新 黄毛火烧雪下 前端linux运维服务器
    1、什么是挂载，有几种挂载方式将组件渲染，并且构造DOM元素然后塞入页面的过程称为组件的挂载参考：https://www.html.cn/qa/vue-js/16913.html2、什么是prop在没有状态管理机制的时候，prop属性是组件之间主要的通信方式，prop属性其实是一个对象，在这个对象里可以定义一些数据，而这些数据可以通过父组件单向传递数据给子组件3、什么是组件组件是可复用的Vue实例
  • linux 应用最终是怎么调到底层驱动的 跟 屁 虫 linux源码linux
    Linux系统调用怎么和内核或底层驱动交互的：https://www.cnblogs.com/Ph-one/p/8482919.html学习Linux系统下驱动程序开发已有大半年时间，心中一直有个疑惑：那就是诸如open、write、read等系统调用是怎么和内核或底层驱动建立起联系的呢？今天将自己的一些粗略的理解总结如下。学过Linux系统下驱动程序开发的都知道，大部分的基础性的驱动操作都包括3
  • HTML学习笔记 取个名字太难了a 网页html学习笔记
    一、网页1.1什么是网页网站是指在因特网上根据一定的规则，使用HTML等制作的用于展示特定内容相关的网页合集。网页是网站中的一页，通常是HTML格式的文件，它要通过浏览器来阅读。网页是构成网站的基本元素，它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页，常见以.htm或.html后缀结尾的文件，因此将其俗称为HTML文件。1.2什么是HTMLHTML指的是超文本标记语言（Hype
  • 第十章 单调栈part01(● 739. 每日温度 ● 496.下一个更大元素 I ) G_qingxin 算法笔记算法单调栈
    学习目标：●739.每日温度●496.下一个更大元素I学习内容：739.每日温度今天正式开始单调栈，这是单调栈一篇扫盲题目，也是经典题。大家可以读题，思考暴力的解法，然后在看单调栈的解法。就能感受出单调栈的巧妙https://programmercarl.com/0739.%E6%AF%8F%E6%97%A5%E6%B8%A9%E5%BA%A6.html学习内容：496.下一个更大元素I本题和73
  • 第九章 动态规划part17(● 647. 回文子串 ● 516.最长回文子序列 ● 动态规划总结篇) G_qingxin 算法笔记动态规划算法
    学习目标：●647.回文子串●516.最长回文子序列●动态规划总结篇学习内容：647.回文子串动态规划解决的经典题目，如果没接触过的话，别硬想直接看题解。https://programmercarl.com/0647.%E5%9B%9E%E6%96%87%E5%AD%90%E4%B8%B2.html学习内容：516.最长回文子序列回文子串，求的是回文子串，而本题要求的是回文子序列，大家要搞清楚两者
  • 第十章 单调栈part02(● 503.下一个更大元素II ● 42. 接雨水 ) G_qingxin 算法笔记算法单调栈
    学习目标：●503.下一个更大元素II●42.接雨水学习内容：503.下一个更大元素II这道题和739.每日温度几乎如出一辙，可以自己尝试做一做https://programmercarl.com/0503.%E4%B8%8B%E4%B8%80%E4%B8%AA%E6%9B%B4%E5%A4%A7%E5%85%83%E7%B4%A0II.html学习内容：42.接雨水接雨水这道题目是面试中特别高频
  • Tarjan 算法及其应用 Kwjdefulgn 图论基础
    Tarjan算法及其应用NO.1求强连通分量学习链接：https://www.cnblogs.com/shadowland/p/5872257.html学习心得：dfn[cur]记录访问cur结点的时间戳，low[cur]记录cur结点及其子树中时间戳最小是多少，严格意义上来讲low[cur]，记录的是在不回头遍历父节点的前提下第一次能访问到的最早的已遍历结点的时间戳。显然当访问cur结点的子节点
  • 前端HTML基本知识汇总 风继续吹Lao.z.c 前端
    自学前端开发，纯手工，非抄袭，每个知识点均自己收集，不敢保证十分全面，只敢保证笼统囊括前端html学习中的常见知识点。欢迎前端大佬前来补充。十分感谢......1.html基本框架：//这里到后期可以放置一些标签例如......到了后期css.javascript的相关学习就懂了Document//其中的document指的是你所创建的网页的名称//这里写正文内容2.html中框架特殊符号的相关解
  • HTML学习（六）：列表 表格 表单 蔚蓝色的风暴 web前端HTMLhtmlhtml5css
    ##列表标签列表标签有三种（1）无序列表在无序列表中，每一项为yoyoyoyo结果为yoyoyoyo注意必须在中具有属性值type其中dics为实心圆点square为实心方点circle为空心圆也有相同的属性值，但不常用（2）有序列表里面每一项都是嗯哦效果为嗯哦具有属性值type属性值可以是1aAiIstart属性决定从几开始注意：是容器级标签，里面可以放任何东西，包括图片，包括（3）定义列表是d
  • re:从0开始的HTML学习之路 6. 列表标签 扶摇| 学习
    1.列表标签可以整齐有序的展示一些内容2.无序列表使用ul标签创建无序列表使用li标签创建列表项项目1项目2项目33.有序列表使用ol标签创建有序列表使用li标签创建列表项项目1项目2项目34.定义列表使用dl标签创建定义列表使用dt标签创建需要描述的项目使用dd标签创建对项目的描述中国三大中心文化中心金融中心洗浴中心列表可以嵌套，就像这样，无序列表套有序列表济南市历城区历下区深圳市宝安区南山区
  • re:从0开始的HTML学习之路 7. 图片标签 扶摇| html学习前端
    1.图片标签可以向网页中引入一张图片img标签引入图片img是一个自结束标签2.标签的属性src：指定需要插入图片的路径（本地路径，网络路径）alt：替换文本，图片无法正常显示时，替换的文本（有助于搜索引擎对图片的识别）title：提示文本，鼠标停放在图片上时，提示的文本width、height：设置图片的宽度和高度，单位是像素二者设置其中任意一个，另一个会等比例缩小通常不设置图片的宽和高，因为大
  • re:从0开始的HTML学习之路 8. 路径问题 扶摇| 学习
    1.路径问题（重要）无论使用哪种语言编写应用程序，路径问题都至关重要，只要需要引入资源，必定使用路径2.物理路径比如在我的电脑上，图片所在的路径是D:\Working\WEB\dream.gif如果在HTML中用物理路径引入图片，并在vscode中右键用LiveServer运行，就会发现找不到图片，但在磁盘中打开的话就可以找到这样的话并不能找到图片文件系统：通常使用Windows操作系统，项目完成
  • re:从0开始的HTML学习之路 0.编辑器安装配置、HTML标准结构生成 扶摇| 从0开始的HTML之旅学习html5前端
    写在前面感觉学AI好痛苦，还是学点别的吧hh1.安装一个自己会用的编辑器此时选择了VSCode安装一些插件：汉化(可有可无)，LiveServerLiveServer的作用：可以不需要在文件里双击运行(HTML的运行就是在浏览器打开啦）直接右键openwithLiveServer就可以运行写好的HTML文件了或者点点右下角的GOLive多尝试尝试。PS:使用的主题是onedarkpro，字体是fi
  • re:从0开始的HTML学习之路 9.超链接 扶摇| html学习前端
    1.超链接使用a标签创建超链接超链接的属性href：用于指定跳转到目标页面的地址target：用于指定以什么方式打开页面可选值：_self：当前窗口打开，默认值_blank：新窗口打开2.各种链接介绍外部页面链接百度一下百度两下内部页面链接内部链接语义化标签空链接无指定页面，跳转到当前页面，可以实现“回到顶部”功能毫无反应链接下载链接：若链接的路径是一个文件，则为下载链接下载链接给其他网页元素添加
  • re:从0开始的HTML学习之路 2. HTML的标准结构说明 扶摇| 从0开始的HTML之旅html学习前端
    1.文档声明，用于告诉浏览器，当前HTML文档采用的是什么版本。必须写在当前HTML文档的首行（可执行代码的首行）HTML4的此标签与HTML5不同。2.根标签，整个HTML文档中所有标签都必须包裹在HTML根标签中lang：用于说明当前文档使用的语言。如：en为英文，zh-CN为中文，这个标签会影响浏览器的翻译提示，如果浏览器默认为中文，网页lang=en，那么Chrome就会弹出一个翻译提示（
  • HTML学习笔记 繁星依月 html学习笔记
    HTML学习笔记为初学者准备的：HTML速成HTMLCrashCourseForBeginnersPartⅠ超文本标记语言，不是编程语言，告诉浏览器如何构造网页Loremipsumdolorsitamet起始标签+内容+结束标签PartⅡ——>用来解释文档的类型PartⅢ01块级元素在页面以块的形式展现，出现在新的一行，占全部宽度...02内联元素通常在块级元素内，不会导致文本换行，只占必要的部分
  • 2019-10-25 沉迷学习_2316
    一：css选择器的类型和应用。1.id选择器#id{}2.class选择器.class{}3.标签选择器h1{}4.属性选择器[type="a"]5.伪类选择器常用于超链接上6.全局选择器*{}7.后代选择器divp{}8.子代选择器div>p{}二：绝对定位布局的重要关键点，需要以后长期进行巩固http://zh.learnlayout.com/position.html学习网址三：分层1.co
  • 安装数据库首次应用 Array_06 javaoraclesql
    可是为什么再一次失败之后就变成直接跳过那个要求 enter full pathname of java.exe的界面 这个java.exe是你的Oracle 11g安装目录中例如：【F:\app\chen\product\11.2.0\dbhome_1\jdk\jre\bin】下的java.exe 。不是你的电脑安装的java jdk下的java.exe！ 注意第一次，使用SQL D
  • Weblogic Server Console密码修改和遗忘解决方法 bijian1013 Welogic
            在工作中一同事将Weblogic的console的密码忘记了，通过网上查询资料解决，实践整理了一下。 一.修改Console密码         打开weblogic控制台，安全领域 --> myrealm -->&n
  • IllegalStateException: Cannot forward a response that is already committed Cwind javaServlets
    对于初学者来说，一个常见的误解是：当调用 forward() 或者 sendRedirect() 时控制流将会自动跳出原函数。标题所示错误通常是基于此误解而引起的。 示例代码： protected void doPost() { if (someCondition) { sendRedirect(); } forward(); // Thi
  • 基于流的装饰设计模式 木zi_鸣 设计模式
    当想要对已有类的对象进行功能增强时，可以定义一个类，将已有对象传入，基于已有的功能，并提供加强功能。 自定义的类成为装饰类 模仿BufferedReader，对Reader进行包装，体现装饰设计模式 装饰类通常会通过构造方法接受被装饰的对象，并基于被装饰的对象功能，提供更强的功能。 装饰模式比继承灵活，避免继承臃肿，降低了类与类之间的关系 装饰类因为增强已有对象，具备的功能该
  • Linux中的uniq命令 被触发 linux
    Linux命令uniq的作用是过滤重复部分显示文件内容，这个命令读取输入文件，并比较相邻的行。在正常情 况下，第二个及以后更多个重复行将被删去，行比较是根据所用字符集的排序序列进行的。该命令加工后的结果写到输出文件中。输入文件和输出文件必须不同。如 果输入文件用“- ”表示，则从标准输入读取。 AD： uniq [选项] 文件 说明：这个命令读取输入文件，并比较相邻的行。在正常情况下，第二个
  • 正则表达式Pattern 肆无忌惮_ Pattern
    正则表达式是符合一定规则的表达式，用来专门操作字符串，对字符创进行匹配，切割，替换，获取。   例如，我们需要对QQ号码格式进行检验 规则是长度6~12位  不能0开头  只能是数字，我们可以一位一位进行比较，利用parseLong进行判断，或者是用正则表达式来匹配[1-9][0-9]{4,14} 或者 [1-9]\d{4,14} &nbs
  • Oracle高级查询之OVER (PARTITION BY ..) 知了ing oraclesql
    一、rank()/dense_rank() over(partition by ...order by ...) 现在客户有这样一个需求，查询每个部门工资最高的雇员的信息，相信有一定oracle应用知识的同学都能写出下面的SQL语句： select e.ename, e.job, e.sal, e.deptno from scott.emp e, (se
  • Python调试 矮蛋蛋 pythonpdb
    原文地址： http://blog.csdn.net/xuyuefei1988/article/details/19399137 1、下面网上收罗的资料初学者应该够用了，但对比IBM的Python 代码调试技巧： IBM：包括 pdb 模块、利用 PyDev 和 Eclipse 集成进行调试、PyCharm 以及 Debug 日志进行调试： http://www.ibm.com/d
  • webservice传递自定义对象时函数为空，以及boolean不对应的问题 alleni123 webservice
    今天在客户端调用方法 NodeStatus status=iservice.getNodeStatus(). 结果NodeStatus的属性都是null。 进行debug之后，发现服务器端返回的确实是有值的对象。 后来发现原来是因为在客户端，NodeStatus的setter全部被我删除了。 本来是因为逻辑上不需要在客户端使用setter， 结果改了之后竟然不能获取带属性值的
  • java如何干掉指针，又如何巧妙的通过引用来操作指针————>说的就是java指针 百合不是茶
    C语言的强大在于可以直接操作指针的地址，通过改变指针的地址指向来达到更改地址的目的,又是由于c语言的指针过于强大，初学者很难掌握， java的出现解决了c，c++中指针的问题 java将指针封装在底层，开发人员是不能够去操作指针的地址，但是可以通过引用来间接的操作：   定义一个指针p来指向a的地址（&是地址符号）：        
  • Eclipse打不开，提示“An error has occurred.See the log file ***/.log” bijian1013 eclipse
    打开eclipse工作目录的\.metadata\.log文件，发现如下错误： !ENTRY org.eclipse.osgi 4 0 2012-09-10 09:28:57.139 !MESSAGE Application error !STACK 1 java.lang.NoClassDefFoundError: org/eclipse/core/resources/IContai
  • spring aop实例annotation方法实现 bijian1013 javaspringAOPannotation
            在spring aop实例中我们通过配置xml文件来实现AOP，这里学习使用annotation来实现，使用annotation其实就是指明具体的aspect,pointcut和advice。1.申明一个切面(用一个类来实现)在这个切面里,包括了advice和pointcut AdviceMethods.jav
  • [Velocity一]Velocity语法基础入门 bit1129 velocity
    用户和开发人员参考文档 http://velocity.apache.org/engine/releases/velocity-1.7/developer-guide.html   注释 1.行级注释## 2.多行注释#*  *#   变量定义 使用$开头的字符串是变量定义，例如$var1, $var2,   赋值 使用#set为变量赋值，例
  • 【Kafka十一】关于Kafka的副本管理 bit1129 kafka
    1. 关于request.required.acks   request.required.acks控制者Producer写请求的什么时候可以确认写成功，默认是0， 0表示即不进行确认即返回。 1表示Leader写成功即返回，此时还没有进行写数据同步到其它Follower Partition中 -1表示根据指定的最少Partition确认后才返回，这个在   Th
  • lua统计nginx内部变量数据 ronin47 lua nginx　 统计
    server { listen 80; server_name photo.domain.com; location /{set $str $uri; content_by_lua ' local url = ngx.var.uri local res = ngx.location.capture(
  • java-11.二叉树中节点的最大距离 bylijinnan java
    import java.util.ArrayList; import java.util.List; public class MaxLenInBinTree { /* a. 1 / \ 2 3 / \ / \ 4 5 6 7 max=4 pass "root"
  • Netty源码学习-ReadTimeoutHandler bylijinnan javanetty
    ReadTimeoutHandler的实现思路： 开启一个定时任务，如果在指定时间内没有接收到消息，则抛出ReadTimeoutException 这个异常的捕获，在开发中，交给跟在ReadTimeoutHandler后面的ChannelHandler，例如 private final ChannelHandler timeoutHandler = new ReadTim
  • jquery验证上传文件样式及大小(好用) cngolon 文件上传jquery验证
    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="jquery1.8/jquery-1.8.0.
  • 浏览器兼容【转】 cuishikuan css浏览器IE
    浏览器兼容问题一：不同浏览器的标签默认的外补丁和内补丁不同 问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。 碰到频率:100% 解决方案：CSS里    *{margin:0;padding:0;} 备注：这个是最常见的也是最易解决的一个浏览器兼容性问题，几乎所有的CSS文件开头都会用通配符*来设
  • Shell特殊变量：Shell $0, $#, $*, $@, $?, $$和命令行参数 daizj shell$#$?特殊变量
    前面已经讲到，变量名只能包含数字、字母和下划线，因为某些包含其他字符的变量有特殊含义，这样的变量被称为特殊变量。例如，$ 表示当前Shell进程的ID，即pid，看下面的代码： $echo $$ 运行结果 29949   特殊变量列表 变量 含义 $0 当前脚本的文件名 $n 传递给脚本或函数的参数。n 是一个数字，表示第几个参数。例如，第一个
  • 程序设计KISS 原则-------KEEP IT SIMPLE, STUPID! dcj3sjt126com unix
    翻到一本书，讲到编程一般原则是kiss：Keep It Simple, Stupid.对这个原则深有体会，其实不仅编程如此，而且系统架构也是如此。 KEEP IT SIMPLE, STUPID! 编写只做一件事情，并且要做好的程序；编写可以在一起工作的程序，编写处理文本流的程序，因为这是通用的接口。这就是UNIX哲学.所有的哲学真 正的浓缩为一个铁一样的定律，高明的工程师的神圣的“KISS 原
  • android Activity间List传值 dcj3sjt126com Activity
    第一个Activity： import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Map;import android.app.Activity;import android.content.Intent;import android.os.Bundle;import a
  • tomcat 设置java虚拟机内存 eksliang tomcat 内存设置
    转载请出自出处：http://eksliang.iteye.com/blog/2117772 http://eksliang.iteye.com/ 常见的内存溢出有以下两种: java.lang.OutOfMemoryError: PermGen space java.lang.OutOfMemoryError: Java heap space   ------------
  • Android 数据库事务处理 gqdy365 android
    使用SQLiteDatabase的beginTransaction()方法可以开启一个事务，程序执行到endTransaction() 方法时会检查事务的标志是否为成功，如果程序执行到endTransaction()之前调用了setTransactionSuccessful() 方法设置事务的标志为成功则提交事务，如果没有调用setTransactionSuccessful() 方法则回滚事务。事
  • Java 打开浏览器 hw1287789687 打开网址open浏览器open browser打开url打开浏览器
    使用java 语言如何打开浏览器呢? 我们先研究下在cmd窗口中,如何打开网址 使用IE 打开 D:\software\bin>cmd /c start iexplore http://hw1287789687.iteye.com/blog/2153709 使用火狐打开 D:\software\bin>cmd /c start firefox http://hw1287789
  • ReplaceGoogleCDN：将 Google CDN 替换为国内的 Chrome 插件 justjavac chromeGooglegoogle apichrome插件
    Chrome Web Store 安装地址： https://chrome.google.com/webstore/detail/replace-google-cdn/kpampjmfiopfpkkepbllemkibefkiice 由于众所周知的原因，只需替换一个域名就可以继续使用Google提供的前端公共库了。 同样，通过script标记引用这些资源，让网站访问速度瞬间提速吧
  • 进程VS.线程 m635674608 线程
    资料来源： http://www.liaoxuefeng.com/wiki/001374738125095c955c1e6d8bb493182103fac9270762a000/001397567993007df355a3394da48f0bf14960f0c78753f000 1、Apache最早就是采用多进程模式 2、IIS服务器默认采用多线程模式 3、多进程优缺点 优点： 多进程模式最大
  • Linux下安装MemCached 字符串 memcached
    前提准备：1. MemCached目前最新版本为：1.4.22，可以从官网下载到。2. MemCached依赖libevent，因此在安装MemCached之前需要先安装libevent。2.1 运行下面命令，查看系统是否已安装libevent。[root@SecurityCheck ~]# rpm -qa|grep libevent libevent-headers-1.4.13-4.el6.n
  • java设计模式之--jdk动态代理（实现aop编程） Supanccy2013 javaDAO设计模式AOP
        与静态代理类对照的是动态代理类，动态代理类的字节码在程序运行时由Java反射机制动态生成，无需程序员手工编写它的源代码。动态代理类不仅简化了编程工作，而且提高了软件系统的可扩展性，因为Java 反射机制可以生成任意类型的动态代理类。java.lang.reflect 包中的Proxy类和InvocationHandler 接口提供了生成动态代理类的能力。 &
  • Spring 4.2新特性-对java8默认方法(default method)定义Bean的支持 wiselyman spring 4
    2.1 默认方法(default method) java8引入了一个default medthod; 用来扩展已有的接口,在对已有接口的使用不产生任何影响的情况下,添加扩展 使用default关键字 Spring 4.2支持加载在默认方法里声明的bean 2.2 将要被声明成bean的类 public class DemoService {
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他