南蓬幽
南蓬幽

教你用Vue 做一个简单的比较两个数字的大小的页面

一、案例描述

1、 考核知识点
创建vue实例和对v-model内置指令的使用
2、 练习目标
创建vue实例。
掌握v-model内置指令的使用。
3、 需求分析
用户输入的两个数据，得到其大小返回比较结果。
4、 案例分析

  1. 效果如图所示。

教你用Vue 做一个简单的比较两个数字的大小的页面_第1张图片

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>比较大小title>
    <style>
        .compare{
              margin: 0 auto;
              width: 500px;
            }
            ul{
              padding: 0;
            }
            ul li {
              list-style: none;
              margin-top: 0px;
            }
        .result{
          font-size: 30px;
        }
         style>
        
    <script src="vue.js">script>
head>
<body>
    <div id="app">
        
        <div class="compare">
          <ul>
            <li>数据1：<input type="text" v-model="num1">li>
            <li>数据2：<input type="text" v-model="num2">li>
            <li><input type="button" value="比较" @click='compare()'>li>
          ul>
          <div class="result">{{result}}div>
        div>
    div>
    <script>
        var vm = new Vue({
          el: '#app',
          // 定义初始数据
          data: {
            num1: '',
            num2: '',
            result: ''
          },
          // 定义事件处理函数compare
          methods: {
            compare() {
              if (!this.num1 || !this.num2) {
                this.result = '输入的数不能为空'
              } else {
                this.result = parseInt(this.num1) == parseInt(this.num2) ? '两个数相等' : parseInt(this.num1) > parseInt(this.num2) ? '数据1大于数据2' : '数据2大于数据1'
              }
            }
          }
        })
      script>
          
body>
html>

点个赞！

注意

最近好多人反映出错
原因是引入vue.js文件出错
例如：
不引入vue.js文件
在这里插入图片描述
出现
教你用Vue 做一个简单的比较两个数字的大小的页面_第2张图片
大家可以引入第三方链接
在这里插入图片描述

<script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>

保存运行
结果教你用Vue 做一个简单的比较两个数字的大小的页面_第3张图片

你可能感兴趣的:(web)

  • Java编程语言最流行的7个框架介绍 xiaoweids 数据库javajavahibernate数据库
    转自：微点阅读https://www.weidianyuedu.com1，SpringMVC在中国有一种说法“生姜仍旧又辛辣”，所以虽然SpringMVC已经发布了十多年，但它仍然强大有力，并且处于领先地位，具有绝对优势。在拥抱完整的MVC框架之后，Spring已经发展并且现在是面向Internet的应用程序的综合Java框架，为软件工程师提供了一个功能强大的工具包，用于Web应用程序开发和安全项
  • springboot 根据UUID生成唯一的短链接 iteye_10392 网站设计springbootjavaspring
    为了生成唯一的短链接，我们可以利用UUID（通用唯一识别码）来确保每个短链接的唯一性。然后，我们将这个UUID进行Base62编码以缩短其长度。以下是完整的SpringBoot应用程序示例，展示了如何实现这一功能。1.添加依赖首先，在你的pom.xml文件中添加必要的依赖项：org.springframework.bootspring-boot-starter-webcom.h2databaseh
  • Ruby语言的Web开发 沈霁晨 包罗万象golang开发语言后端
    Ruby语言的Web开发引言随着互联网技术的迅猛发展，Web开发已经成为软件开发领域的重要组成部分。在众多编程语言中，Ruby凭借其简洁优雅的语法、强大的社区支持以及丰富的框架，逐渐在Web开发领域占据了一席之地。本文将探讨Ruby语言在Web开发中的应用，重点介绍RubyonRails框架的特性、优势以及实际案例，帮助读者了解如何使用Ruby进行高效的Web开发。Ruby语言概述Ruby是一种动
  • JavaWeb，会话管理的学习 曦月落雨 javaWebjavaweb
    会话管理概述无状态协议无状态就是不保存状态，HTTP就是无状态协议，HTTP协议自身不会对请求和响应之间的通信状态进行保存，也就是说，在HTTP协议这个级别，协议对于发送过的请求或者响应都不做持久化处理。会话管理实现的手段cookie是在客户端保留少量数据的技术，主要通过响应头向客户端响应一些客户端要保留的信息session是在服务器端保留更多的数据的技术，主要通过HttpSession对象保存一
  • 深入探讨Web应用开发：从前端到后端的全栈实践 禁默 前端
    目录引言1.Web应用开发的基本架构2.前端开发技术HTML、CSS和JavaScript前端框架与库响应式设计与移动优先3.后端开发技术Node.js（JavaScript后端）Python（Flask和Django）RubyonRailsJava（SpringBoot）4.数据库选择与管理关系型数据库（SQL）非关系型数据库（NoSQL）5.API设计与开发RESTfulAPIGraphQL6
  • 【Springboot】——响应与分层解耦架构 Y小夜 架构springboot后端javaspring
    博主现有专栏：C51单片机（STC89C516），c语言，c++，离散数学，算法设计与分析，数据结构，Python，Java基础，MySQL，linux，基于HTML5的网页设计及应用，Rust（官方文档重点总结），jQuery，前端vue.js，Javaweb开发，设计模式、Python机器学习、Springboot等主页链接：Y小夜-CSDN博客目录响应响应数据✨@ResponseBody✨G
  • Nginx 缓存机制与优化策略 计算机毕设定制辅导-无忧学长 #Nginxnginx缓存
    一、引言在当今数字化时代，Web应用的性能和用户体验至关重要。Nginx作为一款广泛应用的高性能Web服务器和反向代理服务器，凭借其卓越的稳定性、高效的并发处理能力以及丰富的功能模块，在Web服务器领域占据着举足轻重的地位。根据W3Techs的统计数据，Nginx在全球Web服务器市场份额中名列前茅，被众多知名网站和企业广泛采用。在Web应用的运行过程中，服务器需要频繁地处理大量的请求。如果每次请
  • springboot的logback-spring.xml的使用 农业工作者 springspringbootlogback
    1、在resource里面创建logback-spring.xml文件2、内容：-->-->-->-->${CONSOLE_LOG_PATTERN}${LOG_PATH}/${appName}.log${FILE_LOG_PATTERN}${LOG_PATH}/%d{yyyy-MM-dd}.%i.log20MB3、在application.properties里面添加#应用服务WEB访问端口ser
  • 爬虫笔记21——DrissionPage自动化框架的使用 墨菲马 爬虫笔记爬虫笔记自动化
    DrissionPage自动化框架的使用前言DrissionPage的使用1、准备工具及初步了解2、ChromiumPage的使用（操作浏览器）访问页面初始化配置元素定位iFrame切换元素监听动作链的简单使用3、SessionPage的使用（收发数据包）4、WebPage前言有人说，自动化框架降低了逆向的成本，当遇到不会的逆向，我用自动化解决问题，这其实是有道理的，哈哈哈~。但是，自动化框架其实
  • Golang的网络编程安全 荆州克莱 面试题汇总与解析springcloudspringbootspring技术css3
    Golang的网络编程安全一、Golang网络编程的基本概念作为一种现代化的编程语言，具有优秀的并发特性和网络编程能力。在Golang中，网络编程是非常常见的需求，可以用于开发各种类型的网络应用，比如Web服务、API服务、消息队列等。Golang提供了丰富的标准库，包括net、http、rpc等，可以轻松实现各种网络通信功能。二、网络编程的安全隐患在进行网络编程时，安全性是一个非常重要的问题。网
  • 深入解析Python的xmltodict库：简化XML数据处理的利器 kdayjj966 前端数据库python
    一、引言在当今信息技术的世界中，数据的传输和存储形式多种多样。XML（可扩展标记语言）作为一种灵活而强大的数据格式，得到了广泛应用。它不仅在Web服务中用于数据交换，也在许多应用程序中作为配置文件的格式。然而，尽管XML以其良好的结构性和可读性著称，处理XML数据对于开发者来说仍然是一项繁琐的任务，尤其是在需要频繁进行数据解析和操作的场景。为了解决这一问题，Python社区提供了xmltodict
  • 如何区分前后端bug？ weixin_38648367 功能测试
    写在前面的话：关于如何区分前后端bug的问题，网上已经有很多详细的判断方法了。关于遇到bug如何进行初步判断，这里给出简单的步骤，对于初学者来说，按照步骤一步步判断、积累经验也未尝不可。欢迎大家评论区讨论交流~~~前后端BUG各有的特点前端BUG：界面相关、布局相关、兼容性相关、交互相关。后端BUG：业务逻辑相关、性能相关、数据相关、安全性相关。1、抓包，web或者APP注意使用、设置好代理，保证
  • 在Vue中使用Web Worker详细教程 m0_74825656 前端vue.jsjavascript
    1.什么是WebWorker**WebWorker?**是2008年h5提供的新功能，每一个新功能都是为了解决原有技术的的痛点，那么这个痛点是什么呢？1.1JavaScript的单线程JavaScript为什么要设计成单线程？这与js的工作内容有关：js只是用来去做一些用户交互，并呈现效果内容。如果js是多线程，线程一将dom元素的背景色改成红色，线程二将dom元素的背景色改为绿色，那么，到底上红
  • ssti注入 m0_73818134 flaskpython
    flask有个明显的特征就是服务器模板，把用户输入的回显到web页面，一般在用户交互的地方(输入/输出),这个要用python去构造链子去执行python命令，来getshell。一般的注入是get型的如{{7*7}}，{%7*7%}，{#7*7#},还有{%print(7*7)%}.一般的链子1().__class__.__base__.__subclasses__()[140].__init_
  • Flask SSTI注入：探索模板注入漏洞 NfsVerilog flaskpython后端
    简介在Web应用程序开发中，安全性是至关重要的。然而，有时候由于不正确的输入验证或者配置设置，可能会导致安全漏洞的存在。在本文中，我们将探讨一种常见的Web应用程序漏洞——Flask中的SSTI（服务器端模板注入）注入。我们将介绍SSTI注入的原理，展示它的危害，并提供一些防御措施。什么是SSTI注入？SSTI（Server-SideTemplateInjection）注入是一种Web应用程序漏洞
  • ScriptEcho：新手开发者构建WebSocket实时应用的利器 2401_89759264 websocket网络协议网络前端
    近年来，随着实时应用（例如在线聊天、实时协作工具、在线游戏等）的日益流行，WebSocket技术也越来越受到开发者的关注。然而，对于许多新手开发者来说，构建一个可靠且高效的WebSocket应用仍然是一项挑战。复杂的代码编写、难以调试的网络连接问题以及各种潜在的错误，都可能让新手开发者望而却步。幸运的是，ScriptEcho的出现为解决这些问题提供了一种高效便捷的方案。ScriptEcho是一个强
  • 分享一个基于webpack5 + react + antd的空后台,优化的不错,拿来即用
    这是一个空的react+antd管理后台，只需要开发页面就能让它成为你想要的管理系统线上地址：https://chenlong-io.github.io/react-admin/index.html项目地址：https://github.com/chenlong-io/react-admin欢迎Star和提供更好的建议概述该管理后台基于webpack5、react@17、react-router@
  • python 架构简介（转） weixin_34367845 python数据库
    前言：开发语言python越来越火，作为开发比较火的语言，python对网页等的支持也很好，当你想用python来写网页的时候你就要选择框架了。到底要选择呢什么样子的框架，最适合你的项目能力。介绍：Django:PythonWeb应用开发框架Django应该是最出名的Python框架，GAE甚至Erlang都有框架受它影响。Django是走大而全的方向，它最出名的是其全自动化的管理后台：只需要使用
  • selenium之操作ChromeDriver 我来了007 javajava
    selenium操作chrome浏览器需要有ChromeDriver驱动来协助。什么是ChromeDriver？ChromeDriver是Chromiumteam开发维护的，它是实现WebDriver有线协议的一个单独的服务。ChromeDriver通过chrome的自动代理框架控制浏览器，ChromeDriver只与12.0.712.0以上版本的chrome浏览器兼容。那么要想selenium成
  • 实现星海波动粒子特效：基于 Canvas 和 JavaScript 的 3D 波动效果 软件工程师文艺 前端javascript3d开发语言
    1，前言近年来，Web动效和图形呈现技术的不断进步，使得许多动态效果可以通过浏览器轻松呈现。在这篇文章中，我将介绍如何实现一个美丽的“星海波动”3D粒子特效，利用Canvas和JavaScript绘制出一个带有波动效果的粒子阵列。此特效呈现的是一个平面波的运动，粒子沿着波动路径做着动态的上下运动，同时加入了3D旋转效果，营造出一种如同星海波动般的奇妙视觉效果。2，效果展示在特效中，粒子沿着一个波动
  • 网络安全渗透测试的八个步骤 披荆斩棘的GG 学习路线Web安全网络安全web安全网络安全
    一、明确目标1.确定范围：测试目标的范畴、ip、网站域名、内外网、检测帐户。2.确定标准：能渗入到何种程度，所花费的时间、能不能改动提交、能不能漏洞利用、这些。3.确定要求：web应用的漏洞、业务逻辑漏洞、工作人员管理权限管理漏洞、这些。二、信息收集1.方法：积极扫描仪，开放搜索等。2.开放搜索：使用百度搜索引擎得到：后台管理、未经授权网页页面、比较敏感url、这些。3.基础信息：IP、子网、网站
  • Python框架-Flask flylr^ Pythonflaskpython后端
    1.Flask介绍Flask作为主流的框架之一，是每个程序员必不可少掌握的,使用python语言基于Werkzeug工具箱编写的轻量级Web开发框架；本身相当于一个内核,其他几乎所有的功能都要用到扩展；核心在于Werkzeug(路由模块),Jinja2模板引擎。相比于django，flask比较轻，轻不代表它的功能不够强大，而是它拥有丰富的扩展，依赖于扩展给应用添加功能2.环境搭建1.安装Flas
  • 网安快速入门之JS基础 天启互联网工作室 javascript开发语言ecmascript
    JS定义JavaScript（简称“JS”）是一种具有函数优先的轻量级，解释型或即时编译型的编程语言。它以其作为开发Web页面的脚本语言而闻名，但也被广泛应用于非浏览器环境中。JavaScript是一种基于原型编程、多范式的动态脚本语言，支持面向对象、命令式、声明式和函数式编程范式。简言而知：JS->利用脚本，让网站动起来基本语法var定义一个全局变量，如：vara=123;varx=10;con
  • 【python】掌握 Flask：轻量级 Web 开发框架解析 萧鼎 python基础到进阶教程pythonflask前端
    【Python】掌握Flask：轻量级Web开发框架解析引言Flask是一个轻量级、灵活且广受欢迎的PythonWeb开发框架。它以其简单易用、模块化和强大的扩展功能而闻名，适合用于小型应用和快速原型设计。同时，Flask提供了一系列工具和库，使开发者能够根据需求灵活地构建从简单的API到复杂的Web应用。在本篇文章中，我们将深入探讨Flask的核心概念、常用模块和高级用法，帮助你更好地掌握这一W
  • Flask：Python 的轻量级 Web 框架 huitu312 pythonflask后端
    Web开发中，Flask是一个非常受欢迎的框架，尤其适用于小型和中型应用的开发。Flask是一个轻量级的框架，它设计得非常简洁且易于使用。与其他全栈框架（如Django）相比，Flask更加灵活，提供开发者更多的自由度，让你根据项目需求自由选择库和工具。本文将介绍Flask框架的基础概念、安装方式、基本用法，以及如何开始使用它构建Web应用。为什么选择Flask？Flask的主要特点是简单和灵活，
  • gitlab迁移到docker MexChina git
    备份gitlab数据gitlab-rakegitlab:backup:create在docker上拉取对应版本的镜像dockerpullgitlab/gitlab-ce:14.2.3-ce.0编写docker-compose文件version:'3.6'services:web:image:'gitlab/gitlab-ce:14.2.3-ce.0'restart:alwayscontainer_
  • WAF（Web应用防火墙）的关键技术分析 ?????????????! WAF网络web安全安全网络安全笔记
    学习永无止境！！！目录前言一、WAF的工作原理二、WAF常见的部署方式三、WAF的一般工作流程前言本文主要介绍了WAF的工作原理、常见部署方式和工作流程，以帮助读者更好地理解WAF。一、WAF的工作原理WAF是一种根据预先定义的过滤规则和安全防护规则，对所有服务器的访问请求和响应进行检测和内容过滤，以保护Web服务器和Web应用安全的信息系统。相比于传统的网络安全设备如防火墙、入侵检测系统和入侵防
  • webdriver 反爬虫 (selenium反爬虫) 绕过 m0_74824044 爬虫selenium测试工具
    1.webdriver反爬虫原理爬虫程序可以借助渲染工具从动态网页中获取数据。在这个过程中，“借助”其实是通过对应的浏览器驱动（即WebDriver）向浏览器发出指令的行为。因此，开发者可以根据客户端是否包含浏览器驱动这一特征来区分正常用户和爬虫程序。webdriver属性是我们最常听到的，通过webdriver驱动浏览器就会包含这一属性，因此可用来辨别爬虫程序（可检测的属性远不止这一种）。Web
  • JavaScript系列（38）-- WebRTC技术详解 陳沉辰陈 JavaScriptjavascriptwebrtc开发语言
    JavaScriptWebRTC技术详解今天，让我们深入了解WebRTC（WebReal-TimeCommunication）技术，这是一种支持网页浏览器进行实时语音对话或视频对话的技术。WebRTC基础概念小知识：WebRTC是一个开源项目，旨在使得浏览器能够进行实时音视频通信，而无需安装任何插件。它不仅支持音视频传输，还支持任意数据的点对点传输。基本实现//1.WebRTC连接管理器class
  • Django网站搭建流程 补三补四 #Django框架后端开发sqlite数据库django后端python
    使用Django搭建网站是一个系统的过程，涉及从环境搭建到部署上线的多个步骤。以下是详细的流程：1.环境搭建（1）安装PythonDjango是基于Python的Web框架，因此需要先安装Python。建议安装Python3.8及以上版本。下载地址：Python官网。（2）安装Django使用pip安装Django：pipinstalldjango检查Django是否安装成功：django-adm
  • jQuery 跨域访问的三种方式 No 'Access-Control-Allow-Origin' header is present on the reque qiaolevip 每天进步一点点学习永无止境跨域众观千象
    XMLHttpRequest cannot load http://v.xxx.com. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:63342' is therefore not allowed access. test.html:1
  • mysql 分区查询优化 annan211 java分区优化mysql
    分区查询优化 引入分区可以给查询带来一定的优势，但同时也会引入一些bug. 分区最大的优点就是优化器可以根据分区函数来过滤掉一些分区，通过分区过滤可以让查询扫描更少的数据。 所以，对于访问分区表来说，很重要的一点是要在where 条件中带入分区，让优化器过滤掉无需访问的分区。 可以通过查看explain执行计划，是否携带 partitions
  • MYSQL存储过程中使用游标 chicony Mysql存储过程
    DELIMITER $$ DROP PROCEDURE IF EXISTS getUserInfo $$ CREATE PROCEDURE getUserInfo(in date_day datetime)-- -- 实例-- 存储过程名为：getUserInfo-- 参数为：date_day日期格式:2008-03-08--    BEGINdecla
  • mysql 和 sqlite 区别 Array_06 sqlite
    转载： http://www.cnblogs.com/ygm900/p/3460663.html mysql 和 sqlite 区别 SQLITE是单机数据库。功能简约，小型化，追求最大磁盘效率 MYSQL是完善的服务器数据库。功能全面，综合化，追求最大并发效率 MYSQL、Sybase、Oracle等这些都是试用于服务器数据量大功能多需要安装，例如网站访问量比较大的。而sq
  • pinyin4j使用 oloz pinyin4j
    首先需要pinyin4j的jar包支持；jar包已上传至附件内 方法一:把汉字转换为拼音；例如：编程转换后则为biancheng      /** * 将汉字转换为全拼 * @param src 你的需要转换的汉字 * @param isUPPERCASE 是否转换为大写的拼音； true:转换为大写；fal
  • 微博发送私信 随意而生 微博
    在前面文章中说了如和获取登陆时候所需要的cookie，现在只要拿到最后登陆所需要的cookie，然后抓包分析一下微博私信发送界面 http://weibo.com/message/history?uid=****&name=**** 可以发现其发送提交的Post请求和其中的数据， 让后用程序模拟发送POST请求中的数据，带着cookie发送到私信的接入口，就可以实现发私信的功能了。
  • jsp 香水浓 jsp
    JSP初始化     容器载入JSP文件后，它会在为请求提供任何服务前调用jspInit()方法。如果您需要执行自定义的JSP初始化任务，复写jspInit()方法就行了 JSP执行     这一阶段描述了JSP生命周期中一切与请求相关的交互行为，直到被销毁。     当JSP网页完成初始化后
  • 在 Windows 上安装 SVN Subversion 服务端 AdyZhang SVN
    在 Windows 上安装 SVN Subversion 服务端2009-09-16高宏伟哈尔滨市道里区通达街291号   最佳阅读效果请访问原地址：http://blog.donews.com/dukejoe/archive/2009/09/16/1560917.aspx   现在的Subversion已经足够稳定，而且已经进入了它的黄金时段。我们看到大量的项目都在使
  • android开发中如何使用 alertDialog从listView中删除数据？ aijuans android
    我现在使用listView展示了很多的配置信息，我现在想在点击其中一条的时候填出 alertDialog,点击确认后就删除该条数据，（ ArrayAdapter ，ArrayList，listView 全部删除），我知道在 下面的onItemLongClick 方法中 参数 arg2  是选中的序号，但是我不知道如何继续处理下去 1 2 3
  • jdk-6u26-linux-x64.bin 安装 baalwolf linux
    1.上传安装文件(jdk-6u26-linux-x64.bin) 2.修改权限 [root@localhost ~]# ls -l /usr/local/jdk-6u26-linux-x64.bin 3.执行安装文件 [root@localhost ~]# cd /usr/local [root@localhost local]# ./jdk-6u26-linux-x64.bin&nbs
  • MongoDB经典面试题集锦 BigBird2012 mongodb
    1.什么是NoSQL数据库？NoSQL和RDBMS有什么区别？在哪些情况下使用和不使用NoSQL数据库？ NoSQL是非关系型数据库，NoSQL = Not Only SQL。 关系型数据库采用的结构化的数据，NoSQL采用的是键值对的方式存储数据。 在处理非结构化/半结构化的大数据时；在水平方向上进行扩展时；随时应对动态增加的数据项时可以优先考虑使用NoSQL数据库。 在考虑数据库的成熟
  • JavaScript异步编程Promise模式的6个特性 bijian1013 JavaScriptPromise
            Promise是一个非常有价值的构造器，能够帮助你避免使用镶套匿名方法，而使用更具有可读性的方式组装异步代码。这里我们将介绍6个最简单的特性。         在我们开始正式介绍之前，我们想看看Javascript Promise的样子： var p = new Promise(function(r
  • [Zookeeper学习笔记之八]Zookeeper源代码分析之Zookeeper.ZKWatchManager bit1129 zookeeper
    ClientWatchManager接口 //接口的唯一方法materialize用于确定那些Watcher需要被通知 //确定Watcher需要三方面的因素1.事件状态 2.事件类型 3.znode的path public interface ClientWatchManager { /** * Return a set of watchers that should
  • 【Scala十五】Scala核心九：隐式转换之二 bit1129 scala
    隐式转换存在的必要性，   在Java Swing中，按钮点击事件的处理，转换为Scala的的写法如下：   val button = new JButton button.addActionListener( new ActionListener { def actionPerformed(event: ActionEvent) {
  • Android JSON数据的解析与封装小Demo ronin47
    转自：http://www.open-open.com/lib/view/open1420529336406.html package com.example.jsondemo; import org.json.JSONArray; import org.json.JSONException; import org.json.JSONObject;    impor
  • [设计]字体创意设计方法谈 brotherlamp UIui自学ui视频ui教程ui资料
      从古至今，文字在我们的生活中是必不可少的事物，我们不能想象没有文字的世界将会是怎样。在平面设计中，UI设计师在文字上所花的心思和功夫最多，因为文字能直观地表达UI设计师所的意念。在文字上的创造设计，直接反映出平面作品的主题。 如设计一幅戴尔笔记本电脑的广告海报，假设海报上没有出现“戴尔”两个文字，即使放上所有戴尔笔记本电脑的图片都不能让人们得知这些电脑是什么品牌。只要写上“戴尔笔
  • 单调队列-用一个长度为k的窗在整数数列上移动，求窗里面所包含的数的最大值 bylijinnan java算法面试题
    import java.util.LinkedList; /* 单调队列 滑动窗口 单调队列是这样的一个队列：队列里面的元素是有序的，是递增或者递减 题目：给定一个长度为N的整数数列a(i),i=0,1,...,N-1和窗长度k. 要求：f(i) = max{a(i-k+1),a(i-k+2),..., a(i)},i = 0,1,...,N-1 问题的另一种描述就
  • struts2处理一个form多个submit chiangfai struts2
    web应用中，为完成不同工作，一个jsp的form标签可能有多个submit。如下代码： <s:form action="submit" method="post" namespace="/my"> <s:textfield name="msg" label="叙述：">
  • shell查找上个月，陷阱及野路子 chenchao051 shell
    date -d "-1 month" +%F     以上这段代码，假如在2012/10/31执行，结果并不会出现你预计的9月份，而是会出现八月份，原因是10月份有31天，9月份30天，所以-1 month在10月份看来要减去31天，所以直接到了8月31日这天，这不靠谱。     野路子解决：假设当天日期大于15号
  • mysql导出数据中文乱码问题 daizj mysql中文乱码导数据
    解决mysql导入导出数据乱码问题方法： １、进入mysql，通过如下命令查看数据库编码方式： mysql>  show variables like 'character_set_%'; +--------------------------+----------------------------------------+ | Variable_name&nbs
  • SAE部署Smarty出现：Uncaught exception 'SmartyException' with message 'unable to write dcj3sjt126com PHPsmartysae
      对于SAE出现的问题：Uncaught exception 'SmartyException' with message 'unable to write file...。 官方给出了详细的FAQ：http://sae.sina.com.cn/?m=faqs&catId=11#show_213 解决方案为：   01 $path 
  • 《教父》系列台词 dcj3sjt126com
    Your love is also your weak point. 你的所爱同时也是你的弱点。   If anything in this life is certain, if history has taught us anything, it is that you can kill anyone.   不顾家的人永远不可能成为一个真正的男人。 &
  • mongodb安装与使用 dyy_gusi mongo
    一.MongoDB安装和启动,widndows和linux基本相同 1.下载数据库,     linux:mongodb-linux-x86_64-ubuntu1404-3.0.3.tgz 2.解压文件,并且放置到合适的位置     tar -vxf mongodb-linux-x86_64-ubun
  • Git排除目录 geeksun git
    在Git的版本控制中，可能有些文件是不需要加入控制的，那我们在提交代码时就需要忽略这些文件，下面讲讲应该怎么给Git配置一些忽略规则。   有三种方法可以忽略掉这些文件，这三种方法都能达到目的，只不过适用情景不一样。 1.  针对单一工程排除文件 这种方式会让这个工程的所有修改者在克隆代码的同时，也能克隆到过滤规则，而不用自己再写一份，这就能保证所有修改者应用的都是同一
  • Ubuntu 创建开机自启动脚本的方法 hongtoushizi ubuntu
    转载自： http://rongjih.blog.163.com/blog/static/33574461201111504843245/ Ubuntu 创建开机自启动脚本的步骤如下： 1) 将你的启动脚本复制到 /etc/init.d目录下 以下假设你的脚本文件名为 test。   2) 设置脚本文件的权限 $ sudo chmod 755
  • 第八章 流量复制/AB测试/协程 jinnianshilongnian nginxluacoroutine
    流量复制 在实际开发中经常涉及到项目的升级，而该升级不能简单的上线就完事了，需要验证该升级是否兼容老的上线，因此可能需要并行运行两个项目一段时间进行数据比对和校验，待没问题后再进行上线。这其实就需要进行流量复制，把流量复制到其他服务器上，一种方式是使用如tcpcopy引流；另外我们还可以使用nginx的HttpLuaModule模块中的ngx.location.capture_multi进行并发
  • 电商系统商品表设计 lkl
    DROP TABLE IF EXISTS `category`; -- 类目表 /*!40101 SET @saved_cs_client = @@character_set_client */; /*!40101 SET character_set_client = utf8 */; CREATE TABLE `category` ( `id` int(11) NOT NUL
  • 修改phpMyAdmin导入SQL文件的大小限制 pda158 sqlmysql
    　用phpMyAdmin导入mysql数据库时，我的10M的 数据库不能导入，提示mysql数据库最大只能导入2M。 　　 phpMyAdmin数据库导入出错： 　　You probably tried to upload too large file. Please refer to documentation for ways to workaround this limit.
  • Tomcat性能调优方案 Sobfist apachejvmtomcat应用服务器
    一、操作系统调优 对于操作系统优化来说，是尽可能的增大可使用的内存容量、提高CPU的频率，保证文件系统的读写速率等。经过压力测试验证，在并发连接很多的情况下，CPU的处理能力越强，系统运行速度越快。。 【适用场景】 任何项目。 二、Java虚拟机调优 应该选择SUN的JVM，在满足项目需要的前提下，尽量选用版本较高的JVM，一般来说高版本产品在速度和效率上比低版本会有改进。 J
  • SQLServer学习笔记 vipbooks 数据结构xml
    1、create database school 创建数据库school 2、drop database school 删除数据库school 3、use school 连接到school数据库，使其成为当前数据库 4、create table class(classID int primary key identity not null) 创建一个名为class的表，其有一
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他