微笑丶1998
微笑丶1998

Bootstrap4表单验证（纯JavaScript方法）

Bootstrap4表单验证

网上bootstrap4表单验证的文章实在太少了，当初做的时候老是摸不着头脑，现在我来分享一下自己的做法，希望小伙伴们少走点弯路

一、示例代码


<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>表单验证title>
    
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
    
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js">script>
    <script src="https://cdn.bootcss.com/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous">script>
    <script src="https://cdn.bootcss.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous">script>
head>
<body>
<div class="container">
    
    <form onsubmit="return checkForm()">
        <div class="form-group">
            <label for="username">用户名label>
            <input type="text" class="form-control" name="username" id="username" placeholder="User Name">
            
            <div class="invalid-feedback" id="username-feedback">div>
        div>
        <div class="form-group">
            <label for="password">密码label>
            <input type="password" class="form-control" name="password" id="password" placeholder="Password">
        div>
        <div class="form-group">
            <div class="checkbox" style="width:50%;float:left;">
                <label>
                    <input type="checkbox" name="remember"> 记住我
                label>
            div>
            <div style="width:50%;float:left;">
                <button type="submit" class="btn btn-primary btn-block">登录button>
            div>
        div>
    form>
div>
<script>
    //以检查用户名不能为空不能有特殊符号为例
    function checkForm() {
        var username = document.getElementById("username");//获取username那个div
        var feedback = document.getElementById("username-feedback");
        //不能为空
        if(username.value==""){
            feedback.innerHTML = "用户名为空！";//修改username-feedback div中的内容
            username.classList.remove("is-valid");//清除合法状态
            username.classList.add("is-invalid");//添加非法状态
            return false;//onsubmit  return false阻止表单提交
        }
        //不能有特殊符号
        var patrn = /[@#\$%\^&\*]+/g;//正则表达式
        if(patrn.exec(username.value)){
            feedback.innerHTML = "用户名不能存在特殊符号！";
            username.classList.remove("is-valid");
            username.classList.add("is-invalid");
            return false;
        }

        //清除错误提示，改成成功提示
        username.classList.remove("is-invalid");
        username.classList.add("is-valid");
        feedback.innerHTML="";
        return true;
    }
script>
body>
html>

要注意，这里只是bootstrap4表单验证其中一种实现方法。官网上还有各种各样的实现。

二、效果图

样式
Bootstrap4表单验证（纯JavaScript方法）_第1张图片
效果1
Bootstrap4表单验证（纯JavaScript方法）_第2张图片
效果2
Bootstrap4表单验证（纯JavaScript方法）_第3张图片

你可能感兴趣的:(网页前端)

  • Rust 编程语言构建出跨平台应用开源框架 Dioxus 百态老人 rust开源开发语言
    是的，Rust编程语言确实构建了一个跨平台应用开源框架Dioxus。Dioxus是一个可移植、高性能的框架，用于在Rust中构建跨平台的用户界面。它支持多种平台的应用开发，包括网页前端、桌面应用、静态网站、移动端应用和TUI程序等。Dioxus的核心特点之一是其声明式编程风格，类似于React框架，但提供了更高效的性能和更好的开发者体验。此外，Dioxus还具有原生桌面支持、强大的状态管理、快速异
  • 程式语言区分 白总Server htmlpythonjavac++开发语言
    程序语言有很多种，每种都有其特定的用途和特点。以下是一些广泛使用的编程语言：1.Python：易于学习，广泛用于数据科学、机器学习、网络开发、自动化等领域。2.Java：广泛应用于企业级应用、安卓开发、大型系统开发等。3.C：一种基础语言，广泛用于系统编程、嵌入式开发、操作系统等领域。4.C++：C语言的扩展，支持面向对象编程，用于游戏开发、高性能应用等。5.JavaScript：主要用于网页前端
  • 解决安卓网页底部导航栏被键盘顶起来 Mirror_b932
    最近做网页前端遇到的问题，在安卓端定位在底部的footer会被系统软键盘顶起来，例如下图：例在网上找了一天，没有找到合适的方法解决，别的网站有底部导航栏的也基本没有解决这个问题，可能都不care这点事吧--，但我觉得还是要解决的。。。综合下失败的原因找出了解决方案：关键词：resize、localstorage或者cookie附代码因为现在移动端浏览器会自动隐藏导航栏的,所以需要存储一个原始的屏幕
  • JavaScript(JS)与Java的区别与联系 轩昂7K JavascriptJava话题篇javascript
    区别：1.JS是前端语言，Java是后端语言2.JS是在浏览器上运行的，而Java是要在Java虚拟机（JVM）上运行3.JS是弱类型语言（不需要声明变量类型），而Java是强类型语言（需要声明变量类型）4.JS主要应用于网页前端开发，而Java主要用于开发后端应用程序联系：1.Java和JavaScript都是面向对象的编程语言2.名称相似，往往让人混淆，二者其实就是两种语言，但计算机知识是相通
  • java家校互动系统springboot+vue QQ402205496 javaspringbootvue.js
    本文提出并设计基于VUE技术的家校互动系统，以期通过互联网更好地实现家长同老师以及学校的沟通，为学生创建更好地教育环境。系统设计分为HTML网页前端和JAVA后端两部分前端采用HTML技术开发后端采用VUE+springboot+mybatis+elementplus框架开发，数据库管理系统使用MySQL数据库，前后台数据交互使用AJAX和JSON.。基于Vue和SpringBoot的中学生家校互
  • 网页前端（25）jQuery介绍及选择器 錦魚
    jQuery是目前使用最广泛的javascript函数库。据统计，全世界排名前100万的网站，有46%使用jQuery，远远超过其他库。微软公司甚至把jQuery作为他们的官方库。jQuery的版本分为1.x系列和2.x、3.x系列，1.x系列兼容低版本的浏览器，2.x、3.x系列放弃支持低版本浏览器，目前使用最多的是1.x系列的。jquery是一个函数库，一个js文件，页面用script标签引入
  • 微信小程序：导入阿里巴巴iconfont作为图标 魔娃
    前几周，高中同学找我做微信小程序比赛的前端，尽管我css/js经验很少，大概有两次网页前端的经历：一次是在高一，（顺带一提，当时的我立志成为新媒体作者或者文艺从业者，并誓不当程序员，结果……当时应该还没有“真香”梗），所以我坚决地拒绝学习css/js，用ps画了一整张网页背景，用浮动div和热点区域之类的可视化工具加上大量的flash动画组装起了我觉得还挺好看的网页……第二次就是大一暑假跟着廖雪峰
  • 网页前端学习-03 Leoma_ 前端学习笔记前端学习html网络
    HTML基础知识021.vscode书写骨架里些许代码的解释666①、这一行指令可以理解为不是html代码的部分，它充当的作用是告诉浏览器我们需要书写的html版本，如上述代码第一行则代表的是我们要书写的是html5这个版本，DOCTYPE是文档类型声明标签。②、用来强调是中文网站还是英文网站，en代表英文的缩写，zh-CN指的是中文。③、charset是字符集的含义，后面的utf-8是万国码，这
  • 《QT》QT概述 绅士·永 QT前端
    目录相关知识客户端编写GUI的方案框架软件选择QT优点记住：技术之间有很强的关联性~~互联网岗位介绍互联网的核心岗位如下：开发（程序猿最关注）1）后端开发2）前端开发：又叫大前端开发3）算法工程师4）游戏开发......测试运维产品经理前端开发又有：a）网页前端开发（做网页的）b）桌面应用开发（做电脑上的应用程序的）c）移动应用开发（做手机上的应用程序的）这些前端开发又可以称之为“客户端开发”QT
  • java和javascript的区别与联系 袁公白 javascript
    Java和JavaScript是两种不同的编程语言，它们在名称上容易引起混淆，但实际上在用途、语法和运行环境等方面有很大的不同。本文将详细介绍Java和JavaScript的区别与联系。Java和JavaScript的区别：用途：Java是一种跨平台的面向对象编程语言，主要用于开发后端应用程序、桌面应用程序和安卓应用等；而JavaScript是一种脚本语言，主要用于网页前端开发，与HTML和CSS
  • css3帮助文档,CSS3 最新版参考手册 坐会儿吧 css3帮助文档
    《CSS3最新版参考手册》为官方CSS3在线参考学习手册，本css3在线开发手册包含了各种css3属性、语法、定义、使用方法，实例运行等，是网页前端学习者及开发者不可或缺的在线查询手册文档！注：CSS3是CSS技术的升级版本，CSS3语言开发是朝着模块化发展的，这些模块包括：盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等。CSS3是CSS(层叠样式表)技术的升级版本，于
  • 用SSE把python脚本迁移部署到web端并通过浏览器监控执行状态 bigcarp python前端开发语言
    1、python脚本做些小工具很实用2、通过web浏览器的方式随时随地可以操作，非常方便3、用网页做界面，比那个老古董tkinter轻松太多了4、最大问题是普通网页请求发出后，要等脚本执行完毕才返回结果，中间状态无法看到，而且等候时间可能很长。---->用SSE（ServerSentEvents）可以轻松解决这个问题，你脚本print到屏幕上的，sse都能实时推送到网页前端。5、使用SSE一点都不
  • 不懂技术的产品，学这些前端、后端、前后端交互的知识，让你和研发沟通更加高效 夏小乐520
    一、前端说起前端，可能大家不自觉的会联想到我们所看到的的网页前端。其实前端分为网页前端（h5）和移动客户端（下载到本地的）app前端。前端涉及到的开发语言是HTML、CSS、JS。HTML就是图片、文字等元素。页面的颜色、图片的尺寸，按钮的颜色以及位于什么位置等，这些是CSS实现的。js实现内部的逻辑，以及如何请求数据，比如我点击这个按钮的事件等。我们经常听到在做活动页面时，为了减少和后端的依赖，
  • Qt简介及安装 RNGWGzZs QTqt开发语言
    “这不属于我，因为沉默背后也有冲动”在互联网当中，最关注的几个比较核心的岗位：后端开发前端开发算法工程师游戏开发像后端开发中有认识度较广的Java、C++，打交道的大多都是和服务器。与我们用户进行交互的部分，就属于前端开发的大类，诸如：网页前端(HTML、CSS)、桌面应用开发、移动应用开发等等。准确来说，Qt是特指用来进行桌面应用开发所涉及的一套技术。——前言什么是QtQt是⼀个跨平台的C++图
  • vue3.2之边学边练（二）vue下axios封装 雁过无声1986 JavaScript学习vue.js前端javascript
    这一篇严格意义上说和vue没什么太大关系。网页前端少不了请求数据，这也是为什么上一篇就加入了axios的需求添加。原理就是通过axios发送相应的post，get网络请求请求数据，然后返回展现到页面上。一、项目结构在src目录下新建utils和api两个文件夹，utils用于存放的公共封装类库函数，api则是请求的方法（utils英文是工具类的意思）。utils文件夹下新建request.js文件
  • 如何设计数据埋点方案 小肉球_f0ce
    1、常见的埋点方式（1）全埋点全埋点是指预先在所有可以埋点的地方进行埋点的操作，再根据实际的的场景来分析需求提取数据的埋点方式。优势：简单易操作，成本低。劣势：无法准确监测用户的行为数据和一些其他附加的属性，会产生数据丢失的现象。适用场景：相对简单的业务场景，用来监测网页前端的数据，不监测服务端的数据，比如某活动或首页的PV,UV等数据。（2）代码埋点代码埋点是指技术人员根据实际的业务需求在对应的
  • Chatgpt+Comfyui绘图源码说明及本地部署文档 被子里 chatgptcomfyui知识库ai绘图源码部署人工智能
    其他文档地址：Chatgpt+Comfyui绘图源码运营文档Chatgpt+Comfyui绘图源码线上部署文档一、源码说明1、源码目录说明app_home：app官网源码chatgpt-java：管理后台服务端源码、用户端的服务端源码chatgpt-pc：电脑网页前端源码chatgpt-ui：管理后台前端源码chatgpt-uniapp：手机网页端、小程序、app的源码maku-generator
  • 关于EOS中的虚拟机（一） 芒鞋儿
    EOS最初的白皮书中曾经说到要用以太坊的虚拟机，但后来并没有采用，而是采用了WASM-LLVM架构，EOS的虚拟机底层以LLVM和WebAssembly两部分组成，他们都是现成已有，LLVM早就用于object-C,而webAssembly用于网页前端的实现，还涉及到一些相关的概念，例如IR中间语言。本文将逐一介绍。LLVM架构：LLVM是一套可重用的编译工具链，提供了介于高级编程语言和机器语言之
  • HTML MC小帆帆
    一、什么是B/S软件主要分为两种架构B/S和C/S，我们主要从事B/S的软件开发B/S中的B指的是browsers,是浏览器的意思，S指server是服务器的意思二、软件开发流程网页设计师根据需求设计网页前端工程师将设计做成静态网页后台工程师将静态网页修改为动态网页三、网页三要素结构HTML用于描述页面的结构表现CSS用于空值页面中的元素样式行为JavaScript用于相应用户操作四、HTMLHT
  • 大数据人工智能在线实习项目：某实习网站招聘信息采集与分析 泰迪智能科技 大数据在线实习项目大数据人工智能
    01前置课程Python编程基础Python网络爬虫实战Python爬虫环境与爬虫简介网页前端基础简单静态网页爬取常规动态网页爬取模拟登录Python数据分析与应用、可视化数据分析概述Numpy数值计算Pandas统计分析与数据预处理Matplotlib可视化Pyecharts绘图02师傅带练泰迪内推平台招聘信息采集与分析通过爬取泰迪内推网站全国范围内与数据相关岗位的招聘信息，对职位信息进行分析挖
  • Adobe Dreamweaver 2020 20.2 酷爱码 电脑软件编辑器
    软件介绍AdobeDreamweaver（简称DW）专业网页设计软件，集网页制作和管理网站于一身的网页代码编辑器。利用支持HTML、CSS、JavaScript等内容的Web设计软件，网页前端设计师可以快速制作并发布网页，制作适用于各种浏览器或设备的网站，借助简化的智能编码引擎，轻松地创建、编码和管理动态网站。软件截图版本特点byvposy采用官方版本改装而成，免激活，多语言完整版；免登陆无需断网
  • 1.网页前端基础入门之html Bczheng1 #网页前端前端html
    超文本标记语言HTML这个是网页编程的基础，学HTML，其实就是学各标签的运用，了解各个标签的意思。标签是什么呢，在（后面的一个标签以反斜杠开头，表明结束标签）。有的是单独出现的，如标签。看一下网页的基本构成格式，在桌面新建一个文本文档，然后输入下面的内容：我的网页这是我的第一个网页文件名保存为MyWeb.html，然后就可以打开用浏览器浏览了，上面的标签组成了一个网页的基本结构，比如html标签
  • 黑马微服务课程cloud-demo项目出现No instances available for userservice错误解决办法 一打雪碧 微服务架构云原生
    错误描述如果你的cloud-demo项目当输入http://localhost:8080/order/101，想查看订单编号为101的数据，网页前端显示如下错误IDEA显示错误：07-0516:39:16:251ERROR10056—[nio-8080-exec-1]o.a.c.c.C.[.[.[/].[dispatcherServlet]:Servlet.service()forservlet[
  • 网页前端培训笔记（HTML标签） ᴍᴀɢɪ 网页前端培训笔记前端html
    学习网址：【优极限】HTML+CSS+JavaScript+jQuery前端必学教程，小白教学，前端基础全套完成版_哔哩哔哩_bilibiliHTML教程|菜鸟教程(runoob.com)1、安装编译器HBuilderX：https://download1.dcloud.net.cn/download/HBuilderX.3.3.10.20220124.zip2、基础操作注意选择普通项目，使用基本
  • Chrome网页前端组件调试模式，获取核心业务逻辑 lin'scodingera 前端chrome
    进入网页，点击F12，弹出开发者工具对话框，如下图定位目标组件，如按钮，修改html，插入οnclick="debugger"代码在网页点击该按钮，触发调试模式不停按F11，逐个检索文件代码，对一些框架/组件文件，可以忽略，右键这个文件，点击“向忽略列表添加脚本”，然后继续按F11调试，直到看到核心业务逻辑为止。
  • scatter lisoleg
    EOSDapp最后一环--scatter网页前端开发实践(hello-eos-scatter)https://mp.weixin.qq.com/s?__biz=MzA4MDY1NjYyMQ==&mid=2247484201&idx=1&sn=7f0b4d6d53207a1e9475c93e390dc4f0&chksm=9fa1a2aba8d62bbd4e5841b9dbb1bea80d77e722
  • 融资项目——vue之循环渲染 qq_45007794 vue.js前端javascript
    当网页前端从后端获取一个对象列表结果时，如果我们想将结果展示到网页中，需要通过循环打印的方式进行呈现。在vue中，可以通过v-for进行循环渲染。例子如下：名称价格口味{{fruit.name}}{{fruit.price}}{{fruit.taste}}newVue({el:"#list",//通过html中的id选择作用范围data:{fruits:[{name:"apple",price:1
  • 基于ARM9的SSR智能跑步机 hey白启明
    简介嵌入式设备采用ARM9作为核心，可以控制跑步机的速度，设备界面使用Qt框架，通过界面上档位设置以及ARM上的AD进行模拟控制速度。数据会被保存并通过网络传输，在设备界面以及服务器网页前端中显示。跑步机控制模块以及跑步机监控模块的Qt部分采用基于Linux环境下的C/C++语言实现，网络前端使用PHP实现。效果设备控制界面控制界面原理逻辑架构，分为两个模块，嵌入式设备端控制步进电机和A/D旋钮，
  • nginx反向代理的一些坑 zhuyuansj
    公司现在用的是springcloud,前端部署在阿里云服务器，后台的微服务全部部署在其他公司内部服务器。主要是为了不让微服务的地址暴露在前端。因此在nginx转发到微服务的时候就需要配置二级域名。因为有微信前端和网页前端，所以80端口的转发被网页用掉了。因此这里只能通过8000来进行反向代理。image.png如上图，如果前端访问nginxpark.cenhotec.com:8000=server
  • 前端04.数字孪生实现方案 xjt_0901 前端javascriptvue.jsnode.js
    数字孪生实现方案（针对研究对象具备复杂逻辑需要外部数学模型或仿真平台[simulink等]）方案实现整体框图任务需求分析：当前前端已初步实现数字孪生所需要的功能模块，问题集中在由simulink搭建的DEH模型如何装载入后端，实现整体的数字孪生实现流程，针对次问题，目前调研了三种实现方案。一.方案1直接将simulink仿真内嵌入网页前端由前端将指令数据读取后传入后端实现整个流程参考资料【Matl
  • 二分查找排序算法 周凡杨 java二分查找排序算法折半
    一：概念 二分查找又称 折半查找（ 折半搜索/ 二分搜索），优点是比较次数少，查找速度快，平均性能好；其缺点是要求待查表为有序表，且插入删除困难。因此，折半查找方法适用于不经常变动而 查找频繁的有序列表。首先，假设表中元素是按升序排列，将表中间位置记录的关键字与查找关键字比较，如果两者相等，则查找成功；否则利用中间位置记录将表 分成前、后两个子表，如果中间位置记录的关键字大于查找关键字，则进一步
  • java中的BigDecimal bijian1013 javaBigDecimal
            在项目开发过程中出现精度丢失问题，查资料用BigDecimal解决，并发现如下这篇BigDecimal的解决问题的思路和方法很值得学习，特转载。         原文地址：http://blog.csdn.net/ugg/article/de
  • Shell echo命令详解 daizj echoshell
    Shell echo命令 Shell 的 echo 指令与 PHP 的 echo 指令类似，都是用于字符串的输出。命令格式： echo string 您可以使用echo实现更复杂的输出格式控制。 1.显示普通字符串: echo "It is a test" 这里的双引号完全可以省略，以下命令与上面实例效果一致： echo Itis a test 2.显示转义
  • Oracle DBA 简单操作 周凡杨 oracle dba sql
    --执行次数多的SQL select sql_text,executions from (      select sql_text,executions from v$sqlarea order by executions desc      ) where rownum<81;  &nb
  • 画图重绘 朱辉辉33 游戏
      我第一次接触重绘是编写五子棋小游戏的时候，因为游戏里的棋盘是用线绘制的，而这些东西并不在系统自带的重绘里，所以在移动窗体时，棋盘并不会重绘出来。所以我们要重写系统的重绘方法。   在重写系统重绘方法时，我们要注意一定要调用父类的重绘方法，即加上super.paint(g)，因为如果不调用父类的重绘方式，重写后会把父类的重绘覆盖掉，而父类的重绘方法是绘制画布，这样就导致我们
  • 线程之初体验 西蜀石兰 线程
    一直觉得多线程是学Java的一个分水岭，懂多线程才算入门。 之前看《编程思想》的多线程章节，看的云里雾里，知道线程类有哪几个方法，却依旧不知道线程到底是什么？书上都写线程是进程的模块，共享线程的资源，可是这跟多线程编程有毛线的关系，呜呜。。。 线程其实也是用户自定义的任务，不要过多的强调线程的属性，而忽略了线程最基本的属性。 你可以在线程类的run()方法中定义自己的任务，就跟正常的Ja
  • linux集群互相免登陆配置 林鹤霄 linux
    配置ssh免登陆 1、生成秘钥和公钥    ssh-keygen -t rsa 2、提示让你输入，什么都不输，三次回车之后会在~下面的.ssh文件夹中多出两个文件id_rsa 和 id_rsa.pub    其中id_rsa为秘钥，id_rsa.pub为公钥，使用公钥加密的数据只有私钥才能对这些数据解密    c
  • mysql : Lock wait timeout exceeded; try restarting transaction aigo mysql
    原文：http://www.cnblogs.com/freeliver54/archive/2010/09/30/1839042.html   原因是你使用的InnoDB   表类型的时候, 默认参数:innodb_lock_wait_timeout设置锁等待的时间是50s, 因为有的锁等待超过了这个时间,所以抱错.   你可以把这个时间加长,或者优化存储
  • Socket编程 基本的聊天实现。 alleni123 socket
    public class Server { //用来存储所有连接上来的客户 private List<ServerThread> clients; public static void main(String[] args) { Server s = new Server(); s.startServer(9988); } publi
  • 多线程监听器事件模式(一个简单的例子) 百合不是茶 线程监听模式
        多线程的事件监听器模式   监听器时间模式经常与多线程使用,在多线程中如何知道我的线程正在执行那什么内容,可以通过时间监听器模式得到        创建多线程的事件监听器模式 思路:    1, 创建线程并启动,在创建线程的位置设置一个标记     2,创建队
  • spring InitializingBean接口 bijian1013 javaspring
    spring的事务的TransactionTemplate，其源码如下： public class TransactionTemplate extends DefaultTransactionDefinition implements TransactionOperations, InitializingBean{ ... } TransactionTemplate继承了DefaultT
  • Oracle中询表的权限被授予给了哪些用户 bijian1013 oracle数据库权限
            Oracle查询表将权限赋给了哪些用户的SQL，以备查用。 select t.table_name as "表名", t.grantee as "被授权的属组", t.owner as "对象所在的属组"
  • 【Struts2五】Struts2 参数传值 bit1129 struts2
    Struts2中参数传值的3种情况 1.请求参数绑定到Action的实例字段上 2.Action将值传递到转发的视图上 3.Action将值传递到重定向的视图上   一、请求参数绑定到Action的实例字段上以及Action将值传递到转发的视图上 Struts可以自动将请求URL中的请求参数或者表单提交的参数绑定到Action定义的实例字段上，绑定的规则使用ognl表达式语言
  • 【Kafka十四】关于auto.offset.reset[Q/A] bit1129 kafka
    I got serveral questions about  auto.offset.reset. This configuration parameter governs how  consumer read the message from  Kafka when  there is no initial offset in ZooKeeper or
  • nginx gzip压缩配置 ronin47 nginx gzip 压缩范例
    nginx gzip压缩配置 更多 0 nginx gzip 配置   随着nginx的发展，越来越多的网站使用nginx，因此nginx的优化变得越来越重要，今天我们来看看nginx的gzip压缩到底是怎么压缩的呢？ gzip(GNU-ZIP)是一种压缩技术。经过gzip压缩后页面大小可以变为原来的30%甚至更小，这样，用
  • java-13.输入一个单向链表，输出该链表中倒数第 k 个节点 bylijinnan java
    two cursors. Make the first cursor go K steps first. /* * 第 13 题：题目：输入一个单向链表，输出该链表中倒数第 k 个节点 */ public void displayKthItemsBackWard(ListNode head,int k){ ListNode p1=head,p2=head;
  • Spring源码学习-JdbcTemplate queryForObject bylijinnan javaspring
    JdbcTemplate中有两个可能会混淆的queryForObject方法： 1. Object queryForObject(String sql, Object[] args, Class requiredType) 2. Object queryForObject(String sql, Object[] args, RowMapper rowMapper) 第1个方法是只查
  • [冰川时代]在冰川时代,我们需要什么样的技术? comsci 技术
         看美国那边的气候情况....我有个感觉...是不是要进入小冰期了?      那么在小冰期里面...我们的户外活动肯定会出现很多问题...在室内呆着的情况会非常多...怎么在室内呆着而不发闷...怎么用最低的电力保证室内的温度.....这都需要技术手段...   &nb
  • js 获取浏览器型号 cuityang js浏览器
    根据浏览器获取iphone和apk的下载地址 <!DOCTYPE html> <html> <head>     <meta charset="utf-8" content="text/html"/>     <meta name=
  • C# socks5详解 转 dalan_123 socketC#
    http://www.cnblogs.com/zhujiechang/archive/2008/10/21/1316308.html  这里主要讲的是用.NET实现基于Socket5下面的代理协议进行客户端的通讯，Socket4的实现是类似的，注意的事，这里不是讲用C#实现一个代理服务器，因为实现一个代理服务器需要实现很多协议，头大，而且现在市面上有很多现成的代理服务器用，性能又好，
  • 运维 Centos问题汇总 dcj3sjt126com 云主机
    一、sh 脚本不执行的原因 sh脚本不执行的原因 只有2个 1.权限不够 2.sh脚本里路径没写完整。   二、解决You have new mail in /var/spool/mail/root 修改/usr/share/logwatch/default.conf/logwatch.conf配置文件 MailTo = MailFrom   三、查询连接数
  • Yii防注入攻击笔记 dcj3sjt126com sqlWEB安全yii
    网站表单有注入漏洞须对所有用户输入的内容进行个过滤和检查，可以使用正则表达式或者直接输入字符判断，大部分是只允许输入字母和数字的，其它字符度不允许；对于内容复杂表单的内容，应该对html和script的符号进行转义替换：尤其是<,>,',"",&这几个符号 这里有个转义对照表： http://blog.csdn.net/xinzhu1990/articl
  • MongoDB简介[一] eksliang mongodbMongoDB简介
    MongoDB简介 转载请出自出处：http://eksliang.iteye.com/blog/2173288 1.1易于使用        MongoDB是一个面向文档的数据库，而不是关系型数据库。与关系型数据库相比，面向文档的数据库不再有行的概念，取而代之的是更为灵活的“文档”模型。        另外，不
  • zookeeper windows 入门安装和测试 greemranqq zookeeper安装分布式
    一、序言       以下是我对zookeeper 的一些理解：      zookeeper 作为一个服务注册信息存储的管理工具，好吧，这样说得很抽象，我们举个“栗子”。       栗子1号：       假设我是一家KTV的老板，我同时拥有5家KTV，我肯定得时刻监视
  • Spring之使用事务缘由(2-注解实现) ihuning spring
      Spring事务注解实现   1. 依赖包：     1.1 spring包：           spring-beans-4.0.0.RELEASE.jar           spring-context-4.0.0.
  • iOS App Launch Option 啸笑天 option
    iOS 程序启动时总会调用application:didFinishLaunchingWithOptions:，其中第二个参数launchOptions为NSDictionary类型的对象，里面存储有此程序启动的原因。   launchOptions中的可能键值见UIApplication Class Reference的Launch Options Keys节 。 1、若用户直接
  • jdk与jre的区别（_） macroli javajvmjdk
    简单的说JDK是面向开发人员使用的SDK，它提供了Java的开发环境和运行环境。SDK是Software Development Kit 一般指软件开发包，可以包括函数库、编译程序等。  JDK就是Java Development Kit JRE是Java Runtime Enviroment是指Java的运行环境，是面向Java程序的使用者，而不是开发者。 如果安装了JDK，会发同你
  • Updates were rejected because the tip of your current branch is behind qiaolevip 学习永无止境每天进步一点点众观千象git
    $ git push joe prod-2295-1 To [email protected]:joe.le/dr-frontend.git ! [rejected] prod-2295-1 -> prod-2295-1 (non-fast-forward) error: failed to push some refs to '[email protected]
  • [一起学Hive]之十四-Hive的元数据表结构详解 superlxw1234 hivehive元数据结构
    关键字：Hive元数据、Hive元数据表结构   之前在 “[一起学Hive]之一–Hive概述，Hive是什么”中介绍过，Hive自己维护了一套元数据，用户通过HQL查询时候，Hive首先需要结合元数据，将HQL翻译成MapReduce去执行。 本文介绍一下Hive元数据中重要的一些表结构及用途，以Hive0.13为例。   文章最后面，会以一个示例来全面了解一下，
  • Spring 3.2.14，4.1.7，4.2.RC2发布 wiselyman Spring 3
      Spring 3.2.14、4.1.7及4.2.RC2于6月30日发布。   其中Spring 3.2.1是一个维护版本(维护周期到2016-12-31截止)，后续会继续根据需求和bug发布维护版本。此时，Spring官方强烈建议升级Spring框架至4.1.7 或者将要发布的4.2 。   其中Spring 4.1.7主要包含这些更新内容。
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他