小徐要考研
小徐要考研

【前端web入门第二天】03 表单-下拉菜单 文本域 label标签 按钮 【附注册信息综合案例】

文章目录:

  • 1. 下拉菜单
  • 2. 文本域
  • 3.label标签
  • 4.按钮- button
    • 4.1 reset重置按钮结合form表单区域使用
  • 5.无语义的布局标签
  • 6.字符实体

注册信息综合案例

表单第二节

1. 下拉菜单

标签: select嵌套option,select是下拉菜单整体，option是下拉菜单的每一项。

代码样例:

<select>
	<option>北京option>
	<option>上海option>
	<option>广州option>
	<option>深圳option>
	<option selected>武汉option>
select>

效果截图:
【前端web入门第二天】03 表单-下拉菜单 文本域 label标签 按钮 【附注册信息综合案例】_第1张图片

2. 文本域

作用:多行输入文本的表单控件。

<textarea>请输入评论textarea>

右下角有拖搜功能,未来都会禁用,未来工作中,用css设置尺寸

在这里插入图片描述

3.label标签

作用:网页中，某个标签的说明文本。
就是普通的文字

用处:经验:用label标签绑定文字和表单控件的关系，增大表单控件的点击范围。

  • 写法一
    • label标签只包裹内容，不包裹表单控件
    • 设置label标签的for属性值和表单控件的id属性值相同
<input type="radio"id="man">
<label for="man">男label>
  • 写法二
    • 使用label标签包裹文字和表单控件，不需要属性
<label>input type="radio">女label>

总结:也就是说,我们点击文字,也会选中。
提示:支持label标签增大点击范围的表单控件:文本框、密码框、上传文件、单选框、多选框、下拉菜单、文本域等等。

4.按钮- button

<button type="">按钮button>

type属性值:

type属性值 说明
submit 提交按钮,点击后可以提交数据到后台
reset 重置按钮，点击后将表单控件恢复默认值
button 普通按钮，默认没有功能，一般配合JavaScript使用

样例:

用户名:<input type="text"><br><br>
密码:<input type="password"><br><br>    
   
<button type="submit">提交button>
<button type="reset">重置button>
<button type="button">普通按钮button>

效果如下:
在这里插入图片描述

4.1 reset重置按钮结合form表单区域使用

用form标签把整个刷新区域,包裹住

  • from 表单区域
  • action是发送数据的地址,现阶段不写

代码如下:

   <form action="">
    用户名:<input type="text"><br><br>
    密码:<input type="password"><br><br>    
   
    <button type="submit">提交button>
    <button type="reset">重置button>
    <button type="button">普通按钮button>
form>

点击重置键效果如下:
【前端web入门第二天】03 表单-下拉菜单 文本域 label标签 按钮 【附注册信息综合案例】_第2张图片

5.无语义的布局标签

作用:布局网页(划分网页区域，摆放内容)

  • div:独占一行
  • span:不换行
<div>div标签，独占一行div>
<span>span标签，不换行span>

6.字符实体

作用:在网页中显示预留字符。
【前端web入门第二天】03 表单-下拉菜单 文本域 label标签 按钮 【附注册信息综合案例】_第3张图片
正常的< >在html中是标签的左右两边,所以想正常的打出< >就需要输入相应的实体名称。

综合案例 注册信息

DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
head>
<body>
    <h1>注册信息h1>
    <form action="">
        
        <h2>个人信息h2>
        <label>姓名:label><input type="text" placeholder="请输入你的真实姓名"><br><br>
        <label>密码:label><input type="password" placeholder="请输入密码"><br><br>
        <label>确认密码:label><input type="password" placeholder="请输入确认密码"><br><br>
        <label>性别:label>
        <label><input type="radio" name="gender" checked>男label>
        <label ><input type="radio" name="gender" >女label><br><br>
        <label>居住城市:label>
        <select >
            <option>北京option>
            <option>上海option>
            <option>成都option>
            <option>杭州option>
            <option>哈尔滨option>
            <option>沈阳option>
        select>
    
    <h2>教育经历h2>
    <label >最高学历:label>
    <select >
        <option>本科option>
        <option>硕士option>
        <option>博士option>
    select><br><br>
    <label>学校名称:label><input type="text" placeholder="请输入你的学校名称"><br><br>
    <label>所学专业:label><input type="text" placeholder="请输入你的所学专业"><br><br>
    <label >在校时间:label>
    <select >
        <option>2015option>
        <option>2016option>
        <option>2017option>
        <option>2018option>
    select>--
    <select >
        <option>2019option>
        <option>2020option>
        <option>2021option>
        <option>2022option>
    select><br><br>
    
    <label>公司名称:label><input type="text" placeholder="请输入你的最近就职的公司名称"><br><br>
    <label>工作描述:label><br><br>
    <textarea  cols="40" rows="5">textarea><br><br>
    <input type="checkbox"><label>已阅读并同意以下协议:label><br>
    <ul>
        <li><a href="#">《用户服务协议》a>li>
        <li><a href="#">《隐私协议》a>li>    
    ul><br>
    <button>免费注册button><button type="reset">重新填写button>
    form>
body>
html>

效果如图:
【前端web入门第二天】03 表单-下拉菜单 文本域 label标签 按钮 【附注册信息综合案例】_第4张图片

你可能感兴趣的:(前端web开发,前端,html5)

  • 推荐使用：Container Queries Prolyfill —— 开启响应式设计新纪元 梅亭策Serena
    推荐使用：ContainerQueriesProlyfill——开启响应式设计新纪元cq-prolyfillProlyfillforCSSContainerQueries项目地址:https://gitcode.com/gh_mirrors/cq/cq-prolyfill在前端开发的浩瀚宇宙中，响应式设计早已成为不可或缺的一部分。然而，传统媒体查询虽强大，却始终受限于视口宽度。为突破这一限制，我们
  • 推荐项目：SchemaGlue —— 解锁GraphQL架构新维度 井队湛Heath
    推荐项目：SchemaGlue——解锁GraphQL架构新维度schemaglueNaturallybreaksdownyourmonolithicgraphqlschemaintobitsandpiecesandthengluethembacktogether.项目地址:https://gitcode.com/gh_mirrors/sc/schemaglue在现代的Web开发中，随着数据需求的日
  • 简述web3.0前端开发的最简单三个步骤 飞机号Mrsfu223 web3区块链pythonjava开发语言
    Web3.0是互联网的下一代前沿技术，包括人工智能，大数据和区块链都是这项技术的核心，Web3.0为用户提供了更为智能的互联网服务体验，该技术的核心要素为去中心化，也就是摆脱中心化的权力控制，能够让数据和各项交易通过网络里的各项节点来维护和验证，并不是通过中心化的机构或服务器控制各项节点，Web3有车有中心化，有户权益性，去信任化，互操作性这些特点，可以拥有更大的操作空间和可能性。去中心化是基于区
  • 前端三件套之CSS 邂逅you 前端css
    CSS：css基本概念CSS（CascadingStyleSheets，层叠样式表）是用于描述HTML文档的样式的语言。它能控制网页的布局、颜色、字体、间距等，帮助设计者呈现出美观的网页1.1css基本语法CSS的基本语法由选择器（selector）、属性（property）和值（value）三部分组成：selector{property:value;}例如我要给p标签添加一个样式（颜色和字体大小
  • Web-3.0学习路线 奶龙牛牛 web3
    方向学习内容✅区块链基础区块链、智能合约、共识机制✅智能合约Solidity/Rust（Ethereum/Solana）✅前端React.js,Next.js,Web3.js,ethers.js✅后端Node.js,Python,Golang（链上数据）✅存储IPFS,Arweave,Filecoin（去中心化存储）✅交互MetaMask,WalletConnect（钱包）如果你是前端开发Reac
  • 【论文投稿-第八届智能制造与自动化学术会议（IMA 2025）】HTML, CSS, JavaScript：三者的联系与区别 禁默 学术会议前端htmlcssjavascript自动化制造
    大会官网：www.icamima.org目录前言一、HTML（超文本标记语言）：网页的骨架HTML的作用：例子：总结：二、CSS（层叠样式表）：网页的外观设计CSS的作用：例子：总结：三、JavaScript：网页的行为和互动JavaScript的作用：例子：总结：四、HTML、CSS和JavaScript的联系与区别1.联系2.区别五、总结前言在现代Web开发中，HTML、CSS和JavaScr
  • 如何使用 HTML5 的 Canvas 实现动画效果？ 破碎的天堂鸟 学习教程html5前端html
    要使用HTML5的Canvas实现动画效果，可以遵循以下步骤和方法：1：创建Canvas元素：首先，在HTML文档中创建一个元素，用于显示动画。2：获取Canvas上下文：使用JavaScript获取Canvas的2D渲染上下文，以便进行绘图操作。varcanvas=document.getElementById("myCanvas");varctx=canvas.getContext("2d")
  • 智能工厂的设计软件 应用场景的一个例子： 为AI聊天工具添加一个知识系统 之24 重审 前端实现：主页页面 一水鉴天 人工语言智能制造软件智能前端
    本文提要正文1本项目（为AI聊天工具添加一个知识树系统）的主页页面的三个页面版块(注：一个项目的基础版本，它明确给出建模限制what(where，how)并悬置模型本身（内部空出模型--内建，留给内部--待建+持续增强）同时提出扩展版本who（when，why）的原则将扩展留给外部，完善--有待完善+不断完善）。每个都是一种矩阵，但每一个都从系统源流的源头source那里差异化继承了不同属性pro
  • Element properties is not closed 眉梢i spring全家桶java
    如上图，今天想练习一下springCloud的时候，写父依赖对其进行版本控制的标签，一直报未闭合（Elementpropertiesisnotclosed），也怪自己不细心，原来在写properties写到一半他一般都会有提示，然后我们直接就会回车生成，但这时，回车生成的是单标签自闭合，也就是,然后因为写前端写习惯了，去掉斜线，又在后面写一个，在前端中他是会生成对应的闭合双标签的，但是在pom.x
  • 前端工程化实践 - 代码规范 & 提交规范 & 构建流程 & Monorepo（附 React Native 案例） 绿胡子大叔 前端reactnative代码规范gityarn
    前端工程化实践-代码规范&提交规范&构建流程&Monorepo前言仓库策略Multirepo什么是Multirepo？Multirepo的优点Multirepo的缺点Monorepo什么是Monorepo？Monorepo的优点Monorepo的缺点和限制依赖管理Yarnworkspace-高效管理工作区依赖简介如何使用所有依赖都需要提升到根仓库吗？基础命令Lerna-简化多包管理过程Lerna是
  • 探索React项目的Typescript Monorepo架构 赵品静Ambitious
    探索React项目的TypescriptMonorepo架构typescript-monorepo项目地址:https://gitcode.com/gh_mirrors/ty/typescript-monorepo项目介绍在现代前端开发中，随着项目规模的不断扩大，如何高效地管理多个相关联的包成为了一个重要课题。TypescriptmonorepoforReactproject项目应运而生，旨在为R
  • 前端所谓的全栈和大前端有什么区别？ yuxingwu9872 前端
    在当今的软件开发领域，前端技术不断发展和演进，产生了许多新的概念和术语。其中，“全栈”和“大前端”是两个经常被提及的词汇，它们各自代表着不同的开发理念和技术范畴。在本文中，我们将深入探讨前端所谓的全栈和大前端之间的区别。首先，我们来了解一下全栈的概念。全栈工程师是指具备前端开发、后端开发、数据库管理等多方面技能的开发人员。他们能够独立完成整个项目的开发和维护，从需求分析、设计、编码到测试、部署等各
  • 大前端工程师进阶之路，Node全栈为前端带来更多可能 麦田上的字节 高级前端全栈教程系列程序人生系列大前端node程序人生
    导读：对那些刚入门前端的开发者来说，前端是一个“令人畏惧”的领域，尤其是在你看到前端的技能图谱时，你会发出这样的感叹，前端怎么有那么多的东西要学？我应该从何处学起？我又该如何应对千变万化的前端技术？目录如何选择？关于变化前端工程师如何抉择全栈工程师很吊？说一说node全栈？K型人才？在大厂，前端晋升靠啥？大前端的边界到底在哪里？如何选择？俗话说，“男怕入错行，女怕嫁错郎”。其实前端开发也一样，从开
  • CSS工具与工作流 天涯学馆 大前端&移动端全栈架构css前端
    CSS工具与工作流是前端开发中的重要组成部分，它们帮助开发者提高编写、维护和优化CSS代码的效率。以下是一些关键的CSS工具与工作流实践：代码组织与结构预处理器：如Sass、Less或Stylus，提供了变量、嵌套规则、混合（mixins）、函数等特性，使得CSS更易于管理和维护。模块化：将CSS分解成小的、可管理的模块或组件，常用的方法有BEM（BlockElementModifier）、SMA
  • 优秀CSS3开源库 天涯学馆 大前端&移动端全栈架构css3前端css
    优秀CSS3开源库Bootstrap：https://getbootstrap.com/一个强大的前端框架，提供了许多用于构建响应式网站的工具和组件。Foundation：https://get.foundation/另一个流行的前端框架，也提供了许多用于构建响应式网站的工具和组件。Bulma：https://bulma.io/一个基于Flexbox的CSS框架，提供了简洁、可靠和可自定义的样式。
  • HTML5 性能优化和计算机硬件使用 天涯学馆 大前端&移动端全栈架构html5性能优化前端
    目录启用硬件加速图像与媒体优化资源加载与缓存CSS与布局优化JavaScript性能优化浏览器兼容性与特性检测启用硬件加速Canvas绘图<
  • HTML5 通信方式及应用 天涯学馆 大前端&移动端全栈架构html5前端html
    目录postMessageAPIWebSocketsServer-SentEvents(SSE)FetchAPI/XMLHttpRequest(XHR)WebWorkers&ServiceWorkersHTML5提供了多种通信方式，使得浏览器中的Web应用能够实现页面间、窗口间、甚至与外部服务的有效通信。这些通信方式大大提升了Web应用的交互性和复杂性，为构建现代、富客户端Web应用奠定了基础。以
  • HTML5 WebGL技术应用 天涯学馆 大前端&移动端全栈架构前端html5html
    目录WebGL基础知识WebGL库WebGL学习资料大型WebGL应用WebGL基础知识前端开发基础：熟悉HTML、CSS和JavaScript。数学基础：了解向量、矩阵运算、线性代数和基本几何概念。图形学基础：掌握基本的计算机图形学原理，如光照、纹理、变换、投影等。WebGLAPI的基本使用，包括创建画布、着色器、程序、缓冲区等。了解WebGL的渲染过程和管道，包括顶点处理、三角形剪裁、光照、纹
  • HTML5 MathML用法详解 天涯学馆 大前端&移动端全栈架构html5前端html
    目录MathML的基本结构MathML元素分类浏览器支持与渲染MathML与LaTeXMathML示例MathML是一种标记语言，用于在网页中表示数学公式和符号。它为数学、科学和技术出版物提供了标准化的、结构化的表示方式，使得复杂的数学表达式能够被浏览器准确解析和渲染。MathML的基本结构MathML文档由元素包裹，内部包含数学公式的所有组成部分。一个简单的MathML公式示例：
  • HTML5 Canvas图形绘制技术应用 天涯学馆 大前端&移动端全栈架构html5前端html
    HTML5Canvas图形绘制技术应用目录Canvas基础知识基本绘图操作路径操作文本绘制图像绘制变换复合图形与剪切阴影
  • HTML5 拖拽API应用 天涯学馆 大前端&移动端全栈架构html5前端html
    HTML5拖拽API应用目录设置可拖动元素监听拖拽事件设置目标区域使用dataTransfer对象传递数据自定义拖动图像HTML5拖拽API允许开发者创建交互性强的web应用，让用户能够直接在浏览器中拖动元素，并将其放置到其他位置或目标元素上。设置可拖动元素要使一个HTML元素可拖动，需要为其添加draggable=“true”属性。Dragme!监听拖拽事件可拖动元素上可以绑定以下拖拽相关事件的
  • HTML5 本地数据库及应用 天涯学馆 大前端&移动端全栈架构html5数据库前端
    HTML5本地数据库及应用目录WebSQL数据库创建与打开执行SQL插入、查询、更新、删除数据事务处理限制与弃用IndexDB打开数据库创建/修改对象插入数据查询数据更新和删除数据索引优化查询WebSQLWebSQL是HTML5规范中提出的一种基于SQL的客户端数据库存储技术，允许在浏览器端创建和操作关系型数据库。尽管WebSQL曾被纳入HTML5草案，但由于种种原因（如标准化进程停滞、缺乏跨浏览
  • html自学学多久,HTML和CSS要学多久？ 入门需要多长时间？ 安检 html自学学多久
    HTML和CSS要学多久？相信很多想要学习网页前端开发的小伙伴都会有这个疑问，今天W3Cschool小编就来和大家探讨一下这个问题。作为Web前端开发的基础，HTML和CSS是都是非常基础的语言，但是想要以此为工作的话，只是掌握HTML和CSS还是不够的，JS也需要学习。这样还不够，最好还能花一些时间学习一下近几年非常火的HTML5和CSS3，这样才能算是完全掌握了Web前端相关技术。如果单说HT
  • 基于TS手写前端MVC框架简单实现购物车功能 千锋HTML5大前端 前端html5前端技术文章前端mvcjavascript
    一、后端TS版搭起MVC架构的web服务器注意点：1.用TS写node服务器需要先下nodeAPI的TS库2.通过引入文件,通过回调方式,将参数传入引入文件进行不同层的联动操作3.事件侦听,抛发的方式完成路由操作项目目录说明：1.main:0)入口文件1)创建了main单例,在当前页面执行main实例的init方法,即直接nodemain.js开启服务2)init方法中根据引入的sever类,创建
  • Python中如何获取HTTP请求的Response Body 傻啦嘿哟 关于python那些事儿pythonhttp开发语言
    目录一、引言二、使用urllib库获取ResponseBody1.基本用法2.发送POST请求三、使用requests库获取ResponseBody1.安装requests库2.基本用法3.发送POST请求4.处理JSON响应四、高级用法1.处理请求头2.设置超时3.处理Cookies五、案例：爬取网页内容六、总结在Python中进行网络编程和Web开发时，经常需要发送HTTP请求并处理服务器返回
  • webview加载页面有2秒白屏_iOS App秒开H5实战总结 weixin_39875419
    作者|肖亚东，目前就职于南京有货，主要从事iOS和小程序端的开发，伪前端，喜爱RN、flutter等跨平台技术。热爱电影，美食，篮球，偶像科比，朋友都称他曼巴来源|https://juejin.im/user/593a775561ff4b006c76346a在《iOSapp秒开H5优化探索》一文中简单介绍了优化的方案以及一些知识点，本文继续介绍使用WKURLSchemeHandler拦截加载离线包
  • WebForms DataList 深入解析 wjs2024 开发语言
    WebFormsDataList深入解析引言在Web开发领域，控件是构建用户界面（UI）的核心组件。ASP.NETWebForms框架提供了丰富的控件，其中DataList控件是一个灵活且强大的数据绑定控件。本文将深入探讨WebFormsDataList控件的功能、用法以及在实际开发中的应用。DataList控件概述1.1什么是DataList控件DataList控件是ASP.NETWebForm
  • 微前端应用(qiankun+umi+antd) 他夏了夏天吖 umiantdreact前端开发语言react.js
    目录1.微前端介绍以应用选型1.1什么是微前端?1.2技术选择2.开始使用2.1配置父应用2.2配置子应用2.3引入子应用2.3.1路由绑定引入子应用2.3.2组件引入子应用2.3.3组件引入子应用2.4子应用之间跳转3.子应用生命周期3.1父应用配置生命周期钩子3.2子应用配置生命周期钩子4.父子应用通信4.1基于useModel()的通信4.1.1主应用透传数据4.1.2子应用消费数据1.微前
  • 前端微应用体系 趙子昂 前端前端框架
    前端微应用体系在现代前端开发中，随着项目规模的不断扩大和团队协作的日益复杂，传统的单一应用架构面临着种种挑战。为了提升开发效率、降低维护成本以及增强系统的灵活性，前端微应用（MicroFrontends）应运而生。一、什么是前端微应用？前端微应用是一种将单个前端应用拆分成多个小型、独立部署的应用的方法。这些小型应用各自负责不同的功能模块，可以独立开发、测试和部署。每个微应用可以使用不同的技术栈，与
  • python web开发（完） HIST-柒月初柒 python前端开发语言
    本篇就把代码都放出来上面就是文件夹格式app.py#pipinstallFlaskimportatexitimportjsonfromflaskimportFlask,render_template,request,redirect,url_forapp=Flask(__name__)ls=[]#使用列表模拟数据库，所有学生信息存储在ls里面#假设的用户信息定义了一个字典users，包含了一些假设
  • 多线程编程之join()方法 周凡杨 javaJOIN多线程编程线程
    现实生活中，有些工作是需要团队中成员依次完成的，这就涉及到了一个顺序问题。现在有T1、T2、T3三个工人，如何保证T2在T1执行完后执行，T3在T2执行完后执行？问题分析：首先问题中有三个实体，T1、T2、T3， 因为是多线程编程，所以都要设计成线程类。关键是怎么保证线程能依次执行完呢？   Java实现过程如下： public class T1 implements Runnabl
  • java中switch的使用 bingyingao javaenumbreakcontinue
    java中的switch仅支持case条件仅支持int、enum两种类型。 用enum的时候，不能直接写下列形式。 switch (timeType) { case ProdtransTimeTypeEnum.DAILY: break; default: br
  • hive having count 不能去重 daizj hive去重having count计数
    hive在使用having count()是，不支持去重计数   hive (default)> select imei from t_test_phonenum where ds=20150701 group by imei having count(distinct phone_num)>1 limit 10;  FAILED: SemanticExcep
  • WebSphere对JSP的缓存 周凡杨 WAS JSP 缓存
          对于线网上的工程，更新JSP到WebSphere后，有时会出现修改的jsp没有起作用，特别是改变了某jsp的样式后，在页面中没看到效果，这主要就是由于websphere中缓存的缘故，这就要清除WebSphere中jsp缓存。要清除WebSphere中JSP的缓存，就要找到WAS安装后的根目录。        现服务
  • 设计模式总结 朱辉辉33 java设计模式
    1.工厂模式   1.1 工厂方法模式 (由一个工厂类管理构造方法)      1.1.1普通工厂模式(一个工厂类中只有一个方法)      1.1.2多工厂模式(一个工厂类中有多个方法)      1.1.3静态工厂模式(将工厂类中的方法变成静态方法) &n
  • 实例：供应商管理报表需求调研报告 老A不折腾 finereport报表系统报表软件信息化选型
    引言 随着企业集团的生产规模扩张，为支撑全球供应链管理，对于供应商的管理和采购过程的监控已经不局限于简单的交付以及价格的管理，目前采购及供应商管理各个环节的操作分别在不同的系统下进行，而各个数据源都独立存在，无法提供统一的数据支持；因此，为了实现对于数据分析以提供采购决策，建立报表体系成为必须。 业务目标 1、通过报表为采购决策提供数据分析与支撑 2、对供应商进行综合评估以及管理，合理管理和
  • mysql 林鹤霄
    转载源：http://blog.sina.com.cn/s/blog_4f925fc30100rx5l.html mysql -uroot -p ERROR 1045 (28000): Access denied for user 'root'@'localhost' (using password: YES)   [root@centos var]# service mysql
  • Linux下多线程堆栈查看工具(pstree、ps、pstack) aigo linux
    原文：http://blog.csdn.net/yfkiss/article/details/6729364   1. pstree pstree以树结构显示进程$ pstree -p work | grep adsshd(22669)---bash(22670)---ad_preprocess(4551)-+-{ad_preprocess}(4552)  &n
  • html input与textarea 值改变事件 alxw4616 JavaScript
    // 文本输入框(input) 文本域(textarea)值改变事件 // onpropertychange(IE) oninput(w3c) $('input,textarea').on('propertychange input', function(event) {      console.log($(this).val()) });  
  • String类的基本用法 百合不是茶 String
      字符串的用法;     // 根据字节数组创建字符串 byte[] by = { 'a', 'b', 'c', 'd' }; String newByteString = new String(by);         1,length()  获取字符串的长度     &nbs
  • JDK1.5 Semaphore实例 bijian1013 javathreadjava多线程Semaphore
    Semaphore类        一个计数信号量。从概念上讲，信号量维护了一个许可集合。如有必要，在许可可用前会阻塞每一个 acquire()，然后再获取该许可。每个 release() 添加一个许可，从而可能释放一个正在阻塞的获取者。但是，不使用实际的许可对象，Semaphore 只对可用许可的号码进行计数，并采取相应的行动。 S
  • 使用GZip来压缩传输量 bijian1013 javaGZip
            启动GZip压缩要用到一个开源的Filter：PJL Compressing Filter。这个Filter自1.5.0开始该工程开始构建于JDK5.0，因此在JDK1.4环境下只能使用1.4.6。         PJL Compressi
  • 【Java范型三】Java范型详解之范型类型通配符 bit1129 java
        定义如下一个简单的范型类，   package com.tom.lang.generics; public class Generics<T> { private T value; public Generics(T value) { this.value = value; } }
  • 【Hadoop十二】HDFS常用命令 bit1129 hadoop
    1. 修改日志文件查看器   hdfs oev -i edits_0000000000000000081-0000000000000000089 -o edits.xml cat edits.xml   修改日志文件转储为xml格式的edits.xml文件，其中每条RECORD就是一个操作事务日志   2. fsimage查看HDFS中的块信息等 &nb
  • 怎样区别nginx中rewrite时break和last ronin47
    在使用nginx配置rewrite中经常会遇到有的地方用last并不能工作，换成break就可以，其中的原理是对于根目录的理解有所区别，按我的测试结果大致是这样的。 location /    {         proxy_pass http://test; 
  • java-21.中兴面试题 输入两个整数 n 和 m ，从数列 1 ， 2 ， 3.......n 中随意取几个数 , 使其和等于 m bylijinnan java
    import java.util.ArrayList; import java.util.List; import java.util.Stack; public class CombinationToSum { /* 第21 题 2010 年中兴面试题 编程求解： 输入两个整数 n 和 m ，从数列 1 ， 2 ， 3.......n 中随意取几个数 , 使其和等
  • eclipse svn 帐号密码修改问题 开窍的石头 eclipseSVNsvn帐号密码修改
    问题描述：      Eclipse的SVN插件Subclipse做得很好，在svn操作方面提供了很强大丰富的功能。但到目前为止，该插件对svn用户的概念极为淡薄，不但不能方便地切换用户，而且一旦用户的帐号、密码保存之后，就无法再变更了。 解决思路：      删除subclipse记录的帐号、密码信息，重新输入
  • [电子商务]传统商务活动与互联网的结合 comsci 电子商务
          某一个传统名牌产品，过去销售的地点就在某些特定的地区和阶层，现在进入互联网之后，用户的数量群突然扩大了无数倍，但是，这种产品潜在的劣势也被放大了无数倍，这种销售利润与经营风险同步放大的效应，在最近几年将会频繁出现。。。。        如何避免销售量和利润率增加的
  • java 解析 properties-使用 Properties-可以指定配置文件路径 cuityang javaproperties
    #mq xdr.mq.url=tcp://192.168.100.15:61618; import java.io.IOException; import java.util.Properties; public class Test { String conf = "log4j.properties"; private static final
  • Java核心问题集锦 darrenzhu java基础核心难点
    注意，这里的参考文章基本来自Effective Java和jdk源码 1)ConcurrentModificationException 当你用for each遍历一个list时，如果你在循环主体代码中修改list中的元素，将会得到这个Exception，解决的办法是： 1)用listIterator, 它支持在遍历的过程中修改元素， 2)不用listIterator, new一个
  • 1分钟学会Markdown语法 dcj3sjt126com markdown
    markdown 简明语法 基本符号 *,-,+ 3个符号效果都一样，这3个符号被称为 Markdown符号 空白行表示另起一个段落 `是表示inline代码，tab是用来标记 代码段，分别对应html的code，pre标签 换行 单一段落( <p>) 用一个空白行 连续两个空格 会变成一个 <br> 连续3个符号，然后是空行
  • Gson使用二（GsonBuilder） eksliang jsongsonGsonBuilder
    转载请出自出处：http://eksliang.iteye.com/blog/2175473 一.概述     GsonBuilder用来定制java跟json之间的转换格式   二.基本使用 实体测试类： 温馨提示：默认情况下@Expose注解是不起作用的,除非你用GsonBuilder创建Gson的时候调用了GsonBuilder.excludeField
  • 报ClassNotFoundException: Didn't find class "...Activity" on path: DexPathList gundumw100 android
    有一个工程，本来运行是正常的，我想把它移植到另一台PC上，结果报： java.lang.RuntimeException: Unable to instantiate activity ComponentInfo{com.mobovip.bgr/com.mobovip.bgr.MainActivity}: java.lang.ClassNotFoundException: Didn't f
  • JavaWeb之JSP指令 ihuning javaweb
      要点   JSP指令简介  page指令  include指令    JSP指令简介    JSP指令（directive）是为JSP引擎而设计的，它们并不直接产生任何可见输出，而只是告诉引擎如何处理JSP页面中的其余部分。 JSP指令的基本语法格式： <%@ 指令 属性名="
  • mac上编译FFmpeg跑ios 啸笑天 ffmpeg
    1、下载文件：https://github.com/libav/gas-preprocessor， 复制gas-preprocessor.pl到/usr/local/bin/下， 修改文件权限：chmod 777 /usr/local/bin/gas-preprocessor.pl 2、安装yasm-1.2.0 curl http://www.tortall.net/projects/yasm
  • sql mysql oracle中字符串连接 macroli oraclesqlmysqlSQL Server
    有的时候，我们有需要将由不同栏位获得的资料串连在一起。每一种资料库都有提供方法来达到这个目的： MySQL: CONCAT() Oracle: CONCAT(), || SQL Server: + CONCAT() 的语法如下： Mysql 中 CONCAT(字串1, 字串2, 字串3, ...): 将字串1、字串2、字串3，等字串连在一起。 请注意，Oracle的CON
  • Git fatal: unab SSL certificate problem: unable to get local issuer ce rtificate qiaolevip 学习永无止境每天进步一点点git纵观千象
    // 报错如下： $ git pull origin master fatal: unable to access 'https://git.xxx.com/': SSL certificate problem: unable to get local issuer ce rtificate   // 原因： 由于git最新版默认使用ssl安全验证，但是我们是使用的git未设
  • windows命令行设置wifi surfingll windowswifi笔记本wifi
    还没有讨厌无线wifi的无尽广告么，还在耐心等待它慢慢启动么 教你命令行设置 笔记本电脑wifi： 1、开启wifi命令 netsh wlan set hostednetwork mode=allow ssid=surf8 key=bb123456 netsh wlan start hostednetwork pause 其中pause是等待输入，可以去掉 2、
  • Linux（Ubuntu）下安装sysv-rc-conf wmlJava linuxubuntusysv-rc-conf
    安装：sudo apt-get install sysv-rc-conf 使用：sudo sysv-rc-conf 操作界面十分简洁，你可以用鼠标点击，也可以用键盘方向键定位，用空格键选择，用Ctrl+N翻下一页，用Ctrl+P翻上一页，用Q退出。     背景知识 sysv-rc-conf是一个强大的服务管理程序，群众的意见是sysv-rc-conf比chkconf
  • svn切换环境，重发布应用多了javaee标签前缀 zengshaotao javaee
    更换了开发环境，从杭州，改变到了上海。svn的地址肯定要切换的，切换之前需要将原svn自带的.svn文件信息删除，可手动删除，也可通过废弃原来的svn位置提示删除.svn时删除。   然后就是按照最新的svn地址和规范建立相关的目录信息，再将原来的纯代码信息上传到新的环境。然后再重新检出，这样每次修改后就可以看到哪些文件被修改过，这对于增量发布的规范特别有用。   检出
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他