Zyangxsir
Zyangxsir

01-03常用标签

  • HTML入门
  • DOCTYPE
  • 常用标签
  • 表格table
  • 表单form

HTML入门

软件大致分为两种：CS架构软件和BS架构的软件

C/S和B/S

C/S架构是指客户端/服务器【Client/Server】架构，桌面应用程序采用的多是这种结构，比如我们使用的QQ、Foxmail等

B/S结构是浏览器/服务器【Browser/Server】的简称，通过浏览器就可以访问，比如我们使用淘宝、京东、百度等

BS/CS的优缺点

(1) C/S : 更加安全（面向相对固定的用户群），速度更快（专用服务器），但是需要单独安装客户端，而且每次升级都要重新安装客户端
(2) B/S : 用浏览器代替客户端，不用单独安装，客户端不必维护。但是安全性和稳定性相对CS架构的软件较弱

Java主要用于开发BS架构的软件

DOCTYPE

概念：DOCTYPE是Document Type（文档类型/申明 = DOCTYPE声明）的简写，DOCTYPE不属于HTML标签。在页面中用来指定页面所使用的HTML版本

常用的DOCTYPE

  1. HTML 5
DOCTYPE html>
DOCTYPE 声明必须是HTML文档的第一行，位于 <html> 标签之前
网页文件一定要加上DOCTYPE声明，否则浏览器可能会使用自带的混合怪异模式解析，造成不能理解的问题
现在开发都直接使用H5的声明方式 ： DOCTYPE html>

常用标签

概念：HTML是以标签来进行描述，学习HTML基本上就是认识HTML标签的含义与作用

分类：

  1. 单标签：<标签名 /> 我们以图片标签为例进行演示学习
  2. 双标签：<标签名>内容 我们以a标签为例进行演示学习

属性认识:

  1. HTML标签中可以定义一个或多个属性，提供更多信息
  2. 属性总是以名称/值对的形式出现，语法为 属性名=“属性值”
  • title标签：用来声明网页的标题，例如我们在浏览器中输入百度，浏览器就会显示百度的标题
<title>百度一下，你就知道title>

  • 标签用于创建段落，用来组织和结构化文本

  • 标签用于将文本设置为粗体显示

  • 标签用于将文本设置为斜体显示

<p>这是一个段落。p>

<p>这是一段 <b>粗体文本b>p>

<p>这是一段 <i>斜体文本i>p>
  • 换行br 标签用于在HTML中插入换行符
这是一行文本。<br>这是另一行文本。

这是一行文本。<br><br>这是另一行文本。
  • hr标签 用于在HTML中插入水平线 它是一个单标签
<p>这是一段文本。p>
<hr>
<p>这是另一段文本。p>

  • 标题h1-h6

    到
    标签用于定义标题级别，从大标题

    到小标题

  • meta标签:HTML中的Meta标签用于向浏览器提供Web页面的元数据，包括页面的标题、描述、关键字、作者、语言以及其他相关信息。它们被放置在head标签内，不会在主页面上显示

常见的Meta标签及其作用：

1. <meta charset="utf-8">：指定页面的字符编码
2. <meta name="viewport" content="width=device-width, initial-scale=1.0">：指定页面在不同设备上的显示方式，以适应不同屏幕尺寸
3.<meta name="description" content="页面描述">：描述网页的内容，对搜索引擎优化SEO很重要
4.<meta name="keywords" content="关键词">：设置网页的关键字，以便于搜索引擎对网页内容的分析
5.<meta name="author" content="作者名">：设置页面的作者
6.<meta http-equiv="refresh" content="5;url=http://example.com/">：设置网页自动跳转，其中5表示间隔5秒，url表示跳转的地址
  • html注释：
  • 图片img：img标签用于在网页中展示图像，图片标签使用标签来定义，它是一个单标签。
<img src="./image.jpg" alt="图片无法正常显示的时候显示的文字" title="图标的标题，鼠标指着的时候显示的标题" />

注意：
1./可以不写 也表示相对路径
2.src的路径可以相对路径，也可以是绝对路径
  • 超链接a

用法1：跳转页面

<a href="跳转到的页面路径" target="打开的方式"> 跳转 a>
target="_self":在当前打开，会覆盖原来的页面
target="_blank":新开一个页面显示

用法2：做锚点

<a id="a1">a>  

<a href="#a1"> 回到定点 a>

用法3：其他跳转用法

<a href="https://www.baidu.com">去百度a>
<a href="./1.txt">查看一个文本文档a>
<a href="../img/1.webp">查看一张图片a>


<a href="./取色器.exe">下载a>

表格标签table

rowspan属性用于定义单元格横跨的行数
colspan属性用于定义单元格横跨的列数

标签用于为表格添加标题。

、和标签用于将表格内容分组为表头、表体和表尾，提高可读性和可访问性

<table border="边框的宽度（整数0-任意数），颜色和类型是默认">



    
一般我们都这样写：
    <table border="1" width="500">
        <tr> 
            <td>编号td>   
            <td>姓名td>
            <td>性别td>
            <td>年龄td>
        tr>
        <tr>
            <td>001td>
            <td>张三td>
            <td>男td>
            <td>18td>
        tr><tr>
            <td>001td>
            <td>张三td>
            <td>男td>
            <td>18td>
        tr><tr>
            <td>001td>
            <td>张三td>
            <td>男td>
            <td>18td>
        tr>
    table>
    
注意：th 和 td区别：表示列，th有默认的样式，td没有，th一般作为表头的列，td做表数据的列**

合并单元格：

<body>
    
    <table border="1" width="600">
        <tr>
            
            <td colspan="3">1td>
        tr>
        <tr>
            <td>1td>
            
            <td rowspan="3">1td>
            <td>1td>
        tr>
        <tr>
            <td>1td>
            <td>1td>
        tr>
        <tr>
            <td>1td>
            <td>1td>
        tr>
    table>
body>

表单标签 form

概念：页面和后台进行数据交互

提交数据是一个键值对：name属性的值作为建，输入框里面内容作为值

  1. text 普通输入框
  2. password 密码输入框
  3. number 数字输入框
  4. time 日期输入框
  5. email 邮箱输入框
  6. url 域名输入框
  7. file 文件选择框
  8. radio 单选框
  9. checkbox 多选框
  10. select option 下拉框
  11. textarea 文本域
  12. submit 提交按钮
  13. button 普通按钮
  14. reset 重置按钮
<form action="提交后台的地址" method="表单提交的方式：get\post">



    
<form action="#" method="get">    action="要提交表单的地址"
 
        
        普通输入框:<input type="text" name="username" placeholder="请输入用户名" /> <br /> 
        密码输入框:<input type="password" name="pwd" placeholder="请输入密码" /><br />
        数字输入框:<input type="number" name="age" /><br />
        日期输入框:<input type="time" step="1" name="date" /><br />
        
        邮箱输入框:<input type="email" name="email" /><br /> 
        域名输入框:<input type="url" name="url" /><br /> 
        文件选择框:<input type="file" name="file" /><br />        

        
        
        性别单选框:<input type="radio" name="gender" value="男" checked="checked" id="man" /><label for="man">男label>
                  <input type="radio" name="gender" value="女" id="women" /><label for="women">女label><br />

        爱好多选框:<input type="checkbox" name="ah" value="吃饭" checked />吃饭
                 <input type="checkbox" name="ah" value="睡觉" id="sj" /><label for="sj">睡觉label>
                 <input type="checkbox" name="ah" value="游戏" />游戏
                 <input type="checkbox" name="ah" value="发呆" checked />发呆<br />
        
        地址选择框:<select name="address">
                        <option>-请选择-option>
                        <option value="武侯区">武侯区option>
                        <option value="青羊区" selected>青羊区option>
                        <option value="高新区">高新区option>
                        <option value="天府新区">天府新区option>
                  select><br />
        
        自我评价:<br />
        <textarea cols="30" rows="10">textarea><br />
        
        <input type="submit" value="注册" /> 
        
        <input type="reset" value="重置" />
    form>

百变标签input

- `text`：文本框：用于输入文本内容
- `password`：密码框：用于输入密码，输入的内容会以密文显示
- `checkbox`：多选框：用于选择多个选项，可以勾选多个复选框
- `radio`：单选框：用于选择单个选项，只能选择一个单选按钮
- `submit`：提交按钮：用于提交表单数据
- `reset`：重置按钮：用于重置表单数据
- `file`：上传框：用于上传文件
- `date`：日期选择框：用于选择日期
- `email`：邮件输入框：用于输入电子邮件地址，对输入的内容按照右键格式校验
- `number`：数字输入框：用于输入数字

<input type="text" placeholder="请输入姓名">
<input type="password" placeholder="请输入密码">
<input type="checkbox" id="option1" name="option" value="option1">
<label for="option1">选项1label>
<input type="checkbox" id="option2" name="option" value="option2">
<label for="option2">选项2label>
<input type="radio" id="radio1" name="radio" value="radio1">
<label for="radio1">单选1label>
<input type="radio" id="radio2" name="radio" value="radio2">
<label for="radio2">单选2label>
<input type="submit" value="提交">
<input type="reset" value="重置">
<input type="file">
<input type="date">
<input type="email" placeholder="请输入电子邮件">
<input type="number" placeholder="请输入数字">
注意：
1. 单选框和多选框需要value属性值区分选的是哪一个？
2. 按钮需要value属性值显示按钮上的文字内容
3. 除了以上两种，其他都可以不要value属性值，但可以通过value属性值设置默认值
3. placeholder是提示语，跟默认值有区别

下拉标签select 用于创建下拉列表，允许用户从预定义的选项中进行选择

<select>
  <option value="option1">选项1option>
  <option value="option2">选项2option>
  <option value="option3">选项3option>
select>

文本域textarea 用于创建多行文本输入框，允许用户输入多行文本内容

<textarea rows="4" cols="50">这是一个多行文本输入框。textarea>

注意：表单提交数据的要求

你可能感兴趣的:(html)

  • HTML 基础教程:HTML 标题 王先生 htnl高级教程笔记html
    HTML标题在HTML文档中，标题很重要。HTML标题标题（Heading）是通过-等标签进行定义的。定义最大的标题。定义最小的标题。实例ThisisaheadingThisisaheading</h2
  • html标题行距怎么设,html怎么设置行距 weixin_39762666 html标题行距怎么设
    html中，可以通过style属性，给段落元素添加“line-height:间距值;”样式来设置行距，例“本教程操作环境：windows7系统、CSS3&&HTML5版、DellG3电脑。html设置行距这是一个标准行高的段落。这是一个标准行高的段落。大多数浏览器的默认行高约为110%至120%。这是一个更小行高的段落。这是一个更小行高的段落。这是一个更小行高的段落。这是一个更小行高的段落。这是一
  • html标题位置怎么设置,在html中的位置固定标题 weixin_39942995 html标题位置怎么设置
    我有一个固定位置的标题(动态高度)。在html中的位置固定标题我需要将容器div放在标题下方。由于标题高度是动态的，因此我无法使用顶部边距的固定值。这怎么办？这里是我的CSS：#header-wrap{position:fixed;height:auto;width:100%;z-index:100}#container{/*Needtowritecsstostartthisdivbelowthe
  • html语言标题怎么居中,html标题栏代码 HTML中怎么设置标题居中 云崧 html语言标题怎么居中
    html中如何设置浏览器中标题前的logo?如题，CSS布局HTML小编今天和大家分享详解。在标签之间输入或者用favicon表示：规格有32×3128×128，直接用PS做一个图片，命名为favicon.ico，然后用FTP软件上传到网站根目录替换原来的文件即可，如果不想用FTP软件，也可以在网站的后台进行更换。HTML中怎么设置标题居中本人刚学Dw，希望热心的网友帮助，。HTML中设置标题居中
  • html标题字体文本居中字体颜色,HTML字体标签：如何控制字体大小与颜色 红色号角乐队
    以下为学做网站论坛关于“HTML字体标签：如何控制字体大小与颜色”讲解视频教程。课程介绍HTML字体标签：如何控制字体大小与颜色是由学做网站论坛录制或发布的网页制作教程的8500节。HTML字体标签：如何控制字体大小与颜色主讲老师为来自学做网站论坛的张启亚老师发布。本课程已被学做网站论坛用户学习17,071次。张启亚老师已在学做网站论坛发布了包括HTML字体标签：如何控制字体大小与颜色在内的632
  • html 右端对齐,html标题右对齐 Bravo Yeung html右端对齐
    资产发布成功后，发布者可以进入详情页修改该资产的标题、封面图、描述，可以让您的资产更吸引人。修改封面图和二级标题在发布的资产详情页面，单击右侧的“编辑”，选择上传新的封面图，为资产编辑独特的主副标题。编辑完成之后单击“保存”。此修改需要进行人工审核，请您耐心等待审核结果。待审批通过之后封面图和二级标题内容自动同步location/{root/usr/share/nginx/html;indexin
  • HTML 标题 lsx202406 开发语言
    HTML标题引言HTML（超文本标记语言）是构建网页的基础，而标题则是网页中不可或缺的元素。标题不仅能够帮助用户快速了解网页内容，还能够对搜索引擎优化（SEO）产生重要影响。本文将详细介绍HTML标题的用法、重要性以及如何优化标题，以提高网页的可读性和搜索引擎排名。HTML标题的用法HTML标题通过至标签实现，其中表示最高级别的标题，表示最低级别的标题。以下是一个简单的HTML标题示例：一级标题二
  • ASUS/华硕天选1 FA506I 原厂Win10系统 工厂文件 带ASUS Recovery恢复 教程 无限的奇迹 电脑
    华硕工厂文件恢复系统，安装结束后带隐藏分区，带一键恢复，以及机器所有的驱动和软件。支持型号：FA506IVFA506IIFA506IUFA506IH系统版本：Windows10文件下载地址：asusoem.cn/382.html文件格式：工厂文件安装教程地址：asusoem.cn/176.html需准备一个20G以上u盘进行恢复若不会使用可联系作者有偿远程安装若无U盘，还想要恢复功能，请联系技术远
  • MIT 6.S081 实验6 笔记与心得 cube__4 操作系统risc-v架构linuxc语言
    Lab6：COWFork文章目录Lab6：COWFork背景知识Implementcopy-onwrite([hard](https://pdos.csail.mit.edu/6.828/2020/labs/guidance.html))题目翻译题目答案测试结果虚拟内存提供了一种间接性：内核可以通过标记PTEs无效或只读来拦截内存引用，从而导致页面故障，并且可以通过修改PTEs来改变地址的含义。在
  • Vue和Vue-Element-Admin（十）：HTML和CSS快速学习笔记 A叶子叶 #Vue与Web开发vue.jshtmlcss
    目录html标签分类网页布局盒子模型浮动定位css标签选择flex布局transform转换Vue开发tipsless和scssVScode常用插件后端语言框架很多，Java适合企业级应用（规范且稳定），Go适合高并发场景（比如云上产品），Python框架（bottle，tornado，django）简单且快速，也天然适合数据分析场景，PHP适合快速建站，前端变化小，所见即所得，因此抽空记录下学习
  • Javascript基础 2301_79306982 javascript开发语言ecmascript
    1.ID的限制：ID必须唯一：在同一个HTML文档中，每个id属性的值必须是唯一的。id的设计初衷就是为页面上的每个元素提供一个独特的标识符，便于JavaScript精确操作。如果ID重复会发生什么？当有多个元素使用相同的id时，document.getElementById()只会返回第一个匹配的元素，后面的会被忽略。示例：DuplicateIDJavaScript:varduplicateEl
  • Python 魔法学院 - 第32篇：Python ORM框架 ⭐⭐⭐ 星核日记 《Python魔法学院》python数据库pycharm开发语言windows
    目录引言1.ORM框架概述1.1什么是ORM？比喻：ORM就像一位翻译官1.2ORM的优势2.[SQLAlchemy](https://docs.sqlalchemy.org.cn/en/20/intro.html)2.1SQLAlchemy简介2.2SQLAlchemy的核心组件2.3SQLAlchemy示例2.3.1安装SQLAlchemy2.3.2定义模型2.3.3插入数据2.3.4查询数据
  • XSLT `＜value-of＞` 元素详解 lly202406 开发语言
    XSLT元素详解XSLT（可扩展样式表语言转换）是一种用于将XML文档转换为其他格式（如HTML或纯文本）的语言。在XSLT中，元素是一个非常有用的元素，它允许开发者从XML源文档中提取特定值。本文将详细介绍元素的用法、属性以及在实际应用中的示例。1.元素概述元素是XSLT中用于提取XML源文档中数据的常用元素。它可以将XML源文档中的节点值转换为其他格式，如字符串、数字等。下面是元素的语法：其中
  • 深入探索 HTML5 拖拽效果 API：打造流畅交互体验 山禾女鬼001 html5前端html
    在现代的Web开发中，交互性和用户体验一直是开发者关注的重点。HTML5的拖拽效果API(DragandDropAPI)提供了一种非常直观的方式来让网页元素或文件能够被拖动并放置到页面的指定位置，极大提升了用户的交互体验。本篇文章将深入探讨如何使用HTML5拖拽API来实现拖拽效果，帮助开发者理解并掌握这一强大的工具。一、HTML5拖拽API简介HTML5的拖拽API允许用户通过鼠标或触摸屏等设备
  • React常见面试题（2024最新版） 前端小小王 react.js前端前端框架面试
    创建项目npxcreate-react-appmy-app启动项目npmstart目录结构目录/文件名描述README.md项目的自述文件node_modules/项目依赖包存放目录package.json包管理配置文件，记录项目信息和依赖package-lock.json锁定依赖版本，确保跨环境一致性public/公共资源目录public/index.html主HTML文件，React应用将被引
  • 若依RuoYi框架浅析 基础篇③——Swagger接口文档 | SwaggerConfig、启用和禁用Swagger 小康师兄 若依RuoYi框架浅析Swagger接口文档808080若依
    文章目录一、访问网址二、纠错排查三、SwaggerConfig一、访问网址http://localhost:8080/swagger-ui.html切记要加上端口号8080二、纠错排查我一开始没有加8080，是访问http://localhost/swagger-ui.html然后被重定向都登录界面，我就很纳闷，是因为没有token被拦截了吗。但是代码com.ruoyi.framework.con
  • 【项目实战】Electron最佳实践 本本本添哥 007-大前端技术electronjavascript前端
    一、Electron的入门介绍1.1Electron是什么？Electron由GitHub开发团队创建，最初是为了构建GitHub客户端而设计的。Electron是一个开源的框架，用于构建跨平台桌面应用程序。Electron是一个强大的框架，它可以帮助您使用Web技术构建跨平台桌面应用程序。Electron是一个流行的跨平台框架，可以使用HTML、CSS和JavaScript构建桌面应用程序。1.
  • javascrip基础语法 大道戏 前端前端javascript开发语言
    为什么学习JavaScript?JavaScript是web开发人员必须学习的3门语言中的一门：HTML定义了网页的内容CSS描述了网页的布局JavaScript控制了网页的行为1.JavaScript输出1.1console.log()：用于将信息输出到浏览器控制台，例如console.log("Hello,World!");，可以输出字符串、变量、表达式等。1.2console.error()
  • [利用Python加载和处理网址内容：从Unstructured到Selenium和Playwright] bhawfgrcbtwny pythonselenium开发语言
    引言在现代网页数据分析中，加载和处理来自多种网址的内容是一个常见需求。无论是数据挖掘还是网页内容分析，我们常常需要从多个网页中提取HTML文档。本篇文章将介绍如何利用Python中的Unstructured、Selenium和Playwright库来加载这些网页内容，并将其转换为适合后续处理的文档格式。主要内容UnstructuredURLLoaderUnstructuredURLLoader可以
  • 大学生HTML期末大作业——HTML+CSS+JavaScript美食网站（西餐） 无·糖 Web前端期末大作业html课程设计css大学生javascript美食大作业
    HTML+CSS+JS【美食网站】网页设计期末课程大作业web前端开发技术web课程设计网页规划与设计文章目录一、网站题目二、网站描述三、网站介绍四、网站效果五、️网站代码六、️‍如何学习进步七、‍☠️更多干货文章目录一、网站题目美食网站（西餐）精美响应式含JQuery7页二、网站描述总结了一些学生网页制作的经验：一般的网页需要融入以下知识点：div+css布局、浮动、定位、高级css、表格、表单
  • 大学生期末大作业|HTML+CSS+JavaScript 登录页面实例：超实用、新手友好、完整源码分享 从零开始：用原生 HTML、CSS 和 JS 打造简洁美观的登录页面（附完整代码） 新手必看：一 南北极之间 前端进阶练手实战htmlcss大学生期末大作业前端html5javascript
    效果图：目录一、新建一个HTML项目二、创建基本结构三、使用CSS美化页面四、添加交互功能五、完整代码六、结语步骤在Web开发中，登录页面是常见且重要的组件。一个设计良好的登录页面可以提升用户体验，并为网站留下良好的第一印象。今天，我们将一起学习如何使用HTML、CSS和JavaScript（不使用任何框架）来构建一个响应式的登录页面，实现基本的前端验证功能。一、新建一个HTML项目首先，创建一个
  • HTML5 技术深度解读：本地存储与地理定位的最佳实践 吴师兄大模型 html5前端html本地存储地理定位localStorageGeolocationAPI
    系列文章目录01-从零开始学HTML：构建网页的基本框架与技巧02-HTML常见文本标签解析：从基础到进阶的全面指南03-HTML从入门到精通：链接与图像标签全解析04-HTML列表标签全解析：无序与有序列表的深度应用05-HTML表格标签全面解析：从基础到高级优化技巧06-HTML表单深度解析：GET和POST提交方法07-HTML表单控件类型大全：文本框、密码框、文件上传全掌握08-前端表单验
  • HTML5 Canvas 与 SVG：让网页图形与动画活跃起来 吴师兄大模型 html5前端htmlCanvasSVG网页图形与动画HTML5
    系列文章目录01-从零开始学HTML：构建网页的基本框架与技巧02-HTML常见文本标签解析：从基础到进阶的全面指南03-HTML从入门到精通：链接与图像标签全解析04-HTML列表标签全解析：无序与有序列表的深度应用05-HTML表格标签全面解析：从基础到高级优化技巧06-HTML表单深度解析：GET和POST提交方法07-HTML表单控件类型大全：文本框、密码框、文件上传全掌握08-前端表单验
  • 前端表单验证终极指南：HTML5 内置验证 + JavaScript 自定义校验 吴师兄大模型 前端html5javascripthtml表单验证内置验证自定义校验
    系列文章目录01-从零开始学HTML：构建网页的基本框架与技巧02-HTML常见文本标签解析：从基础到进阶的全面指南03-HTML从入门到精通：链接与图像标签全解析04-HTML列表标签全解析：无序与有序列表的深度应用05-HTML表格标签全面解析：从基础到高级优化技巧06-HTML表单深度解析：GET和POST提交方法07-HTML表单控件类型大全：文本框、密码框、文件上传全掌握08-前端表单验
  • Vue：前端体系、前后端分离 天宇阿 Vue前端vue.js
    文章目录一、前端核心分析1、概述2、前端知识体系2.1、前端三要素2.2、结构层（HTML）2.3、表现层（CSS）2.4、行为层（JavaScript）2.5、三端统一2.6、后端技术2.7、主流前端框架3、了解前后分离的演变史3.1、后端为主的MVC时代3.2、基于AJAX带来的SPA时代3.3、前端为主的MV*时代3.4、NodeJS带来的全栈时代3.5、总结学习视频来自于：秦疆（遇见狂神说
  • 高光谱数据下载 左手拈花，右手舞剑 3S技术
    1：WashingtonDCMal,IndianPine等https://engineering.purdue.edu/~biehl/MultiSpec/hyperspectral.html2：IndianPines,Salinas,PaviaCentreandUniversity,Cuprite等http://www.ehu.eus/ccwintco/index.php?title=Hypers
  • Colmap根据相机内外参数重建稀疏模型 失去对象的野指针 colmap计算机视觉
    Colmap根据相机内外参数重建稀疏模型1.创建稀疏模型工作文件夹2.命令行执行稀疏重建2.1提取图像特征点2.2手动导入相机内参2.3特征匹配2.4三角测量官方文档：https://colmap.github.io/faq.html#reconstruct-sparse-dense-model-from-known-camera-poses参考博客：http://www.mamicode.com
  • 【无标题】clientWidth、offsetWidth、scrollWidth与getBoundingClientRect 空之箱大战春日影 前端开发学习前端javascript开发语言
    概要在JavaScript中，我们常常要获取某个HTML元素的尺寸。但是在js中，我们往往能获取好几种尺寸，这几种尺寸的区别是什么呢？本文给出详细解析。clientWidth与clientHeightclientWidth表示某个元素的可见宽度（即元素内容区域的宽度），clientHeight表示某个元素的可见高度（即元素内容区域的宽度）。它的计算规则只包括内容和内边距，不包括边框、滚动条和外边距
  • Highcharts 柱形图，线条图，饼图组合 chengqiuming HighchartsHighcharts
    一代码Highcharts柱形图，线条图，饼图组合$(document).ready(function(){//标题vartitle={text:'组合图'};//X轴varxAxis={categories:['苹果','橘子','梨子','香蕉','李子']};//标签varlabels={items:[{html:'水果消费',style:{left:'50px',top:'18px',co
  • Highcharts 柱形图：深入解析与最佳实践 lsx202406 开发语言
    Highcharts柱形图：深入解析与最佳实践引言Highcharts是一个功能强大的图表库，它允许用户轻松地在网页上创建各种类型的图表。其中，柱形图因其直观的展示方式，在数据分析、业务报告等领域得到了广泛应用。本文将深入解析Highcharts柱形图，包括其基本用法、高级特性以及最佳实践。高charts柱形图的基本用法1.初始化图表首先，需要在HTML文件中引入Highcharts库。以下是一个
  • [黑洞与暗粒子]没有光的世界 comsci
         无论是相对论还是其它现代物理学,都显然有个缺陷,那就是必须有光才能够计算      但是,我相信,在我们的世界和宇宙平面中,肯定存在没有光的世界....      那么,在没有光的世界,光子和其它粒子的规律无法被应用和考察,那么以光速为核心的 &nbs
  • jQuery Lazy Load 图片延迟加载 aijuans jquery
    基于 jQuery 的图片延迟加载插件，在用户滚动页面到图片之后才进行加载。 对于有较多的图片的网页，使用图片延迟加载，能有效的提高页面加载速度。 版本： jQuery v1.4.4+ jQuery Lazy Load v1.7.2 注意事项： 需要真正实现图片延迟加载，必须将真实图片地址写在 data-original 属性中。若 src
  • 使用Jodd的优点 Kai_Ge jodd
    1.  简化和统一 controller ，抛弃 extends SimpleFormController ，统一使用 implements Controller 的方式。 2.  简化 JSP 页面的 bind, 不需要一个字段一个字段的绑定。 3.  对 bean 没有任何要求，可以使用任意的 bean 做为 formBean。   使用方法简介
  • jpa Query转hibernate Query 120153216 Hibernate
    public List<Map> getMapList(String hql, Map map) { org.hibernate.Query jpaQuery = entityManager.createQuery(hql); if (null != map) { for (String parameter : map.keySet()) { jp
  • Django_Python3添加MySQL/MariaDB支持 2002wmj mariaDB
    现状 首先，[email protected] 中默认的引擎为 django.db.backends.mysql 。但是在Python3中如果这样写的话，会发现 django.db.backends.mysql 依赖 MySQLdb[5] ，而 MySQLdb 又不兼容 Python3 于是要找一种新的方式来继续使用MySQL。 MySQL官方的方案 首先据MySQL文档[3]说，自从MySQL
  • 在SQLSERVER中查找消耗IO最多的SQL 357029540 SQL Server
    返回做IO数目最多的50条语句以及它们的执行计划。 select top 50   (total_logical_reads/execution_count) as avg_logical_reads,  (total_logical_writes/execution_count) as avg_logical_writes,  (tot
  • spring UnChecked 异常 官方定义！ 7454103 spring
      如果你接触过spring的 事物管理！那么你必须明白 spring的 非捕获异常！ 即 unchecked 异常！ 因为 spring 默认这类异常事物自动回滚！！ public static boolean isCheckedException(Throwable ex) { return !(ex instanceof RuntimeExcep
  • mongoDB 入门指南、示例 adminjun javamongodb操作
    一、准备工作 1、 下载mongoDB 下载地址：http://www.mongodb.org/downloads 选择合适你的版本 相关文档：http://www.mongodb.org/display/DOCS/Tutorial 2、 安装mongoDB A、 不解压模式： 将下载下来的mongoDB-xxx.zip打开，找到bin目录，运行mongod.exe就可以启动服务，默
  • CUDA 5 Release Candidate Now Available aijuans CUDA
    The CUDA 5 Release Candidate is now available at http://developer.nvidia.com/<wbr></wbr>cuda/cuda-pre-production. Now applicable to a broader set of algorithms, CUDA 5 has advanced fe
  • Essential Studio for WinRT网格控件测评 Axiba JavaScripthtml5
    Essential Studio for WinRT界面控件包含了商业平板应用程序开发中所需的所有控件，如市场上运行速度最快的grid 和chart、地图、RDL报表查看器、丰富的文本查看器及图表等等。同时，该控件还包含了一组独特的库，用于从WinRT应用程序中生成Excel、Word以及PDF格式的文件。此文将对其另外一个强大的控件——网格控件进行专门的测评详述。 网格控件功能 1、
  • java 获取windows系统安装的证书或证书链 bewithme windows
          有时需要获取windows系统安装的证书或证书链，比如说你要通过证书来创建java的密钥库  。 有关证书链的解释可以查看此处 。   public static void main(String[] args) { SunMSCAPI providerMSCAPI = new SunMSCAPI(); S
  • NoSQL数据库之Redis数据库管理(set类型和zset类型) bijian1013 redis数据库NoSQL
    4.sets类型         Set是集合，它是string类型的无序集合。set是通过hash table实现的，添加、删除和查找的复杂度都是O(1)。对集合我们可以取并集、交集、差集。通过这些操作我们可以实现sns中的好友推荐和blog的tag功能。         sadd：向名称为key的set中添加元
  • 异常捕获何时用Exception，何时用Throwable bingyingao
    用Exception的情况 try {        //可能发生空指针、数组溢出等异常         } catch (Exception e) {          
  • 【Kafka四】Kakfa伪分布式安装 bit1129 kafka
    在http://bit1129.iteye.com/blog/2174791一文中，实现了单Kafka服务器的安装，在Kafka中，每个Kafka服务器称为一个broker。本文简单介绍下，在单机环境下Kafka的伪分布式安装和测试验证   1. 安装步骤   Kafka伪分布式安装的思路跟Zookeeper的伪分布式安装思路完全一样，不过比Zookeeper稍微简单些(不
  • Project Euler bookjovi haskell
    Project Euler是个数学问题求解网站，网站设计的很有意思，有很多problem，在未提交正确答案前不能查看problem的overview，也不能查看关于problem的discussion thread，只能看到现在problem已经被多少人解决了，人数越多往往代表问题越容易。     看看problem 1吧： Add all the natural num
  • Java-Collections Framework学习与总结-ArrayDeque BrokenDreams Collections
            表、栈和队列是三种基本的数据结构，前面总结的ArrayList和LinkedList可以作为任意一种数据结构来使用，当然由于实现方式的不同，操作的效率也会不同。         这篇要看一下java.util.ArrayDeque。从命名上看
  • 读《研磨设计模式》-代码笔记-装饰模式-Decorator bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.io.BufferedOutputStream; import java.io.DataOutputStream; import java.io.FileOutputStream; import java.io.Fi
  • Maven学习(一) chenyu19891124 Maven私服
        学习一门技术和工具总得花费一段时间，5月底6月初自己学习了一些工具，maven+Hudson+nexus的搭建，对于maven以前只是听说，顺便再自己的电脑上搭建了一个maven环境，但是完全不了解maven这一强大的构建工具，还有ant也是一个构建工具，但ant就没有maven那么的简单方便，其实简单点说maven是一个运用命令行就能完成构建，测试，打包，发布一系列功
  • [原创]JWFD工作流引擎设计----节点匹配搜索算法(用于初步解决条件异步汇聚问题) 补充 comsci 算法工作PHP搜索引擎嵌入式
    本文主要介绍在JWFD工作流引擎设计中遇到的一个实际问题的解决方案，请参考我的博文"带条件选择的并行汇聚路由问题"中图例A2描述的情况(http://comsci.iteye.com/blog/339756),我现在把我对图例A2的一个解决方案公布出来，请大家多指点 节点匹配搜索算法(用于解决标准对称流程图条件汇聚点运行控制参数的算法) 需要解决的问题：已知分支
  • Linux中用shell获取昨天、明天或多天前的日期 daizj linuxshell上几年昨天获取上几个月
    在Linux中可以通过date命令获取昨天、明天、上个月、下个月、上一年和下一年 # 获取昨天 date -d 'yesterday'  # 或 date -d 'last day' # 获取明天 date -d 'tomorrow'   # 或 date -d 'next day' # 获取上个月 date -d 'last month' #
  • 我所理解的云计算 dongwei_6688 云计算
          在刚开始接触到一个概念时，人们往往都会去探寻这个概念的含义，以达到对其有一个感性的认知，在Wikipedia上关于“云计算”是这么定义的，它说：        Cloud computing is a phrase used to describe a variety of computing co
  • YII CMenu配置 dcj3sjt126com yii
    Adding id and class names to CMenu We use the id and htmlOptions to accomplish this. Watch. //in your view $this->widget('zii.widgets.CMenu', array( 'id'=>'myMenu', 'items'=>$this-&g
  • 设计模式之静态代理与动态代理 come_for_dream 设计模式
    静态代理与动态代理        代理模式是java开发中用到的相对比较多的设计模式，其中的思想就是主业务和相关业务分离。所谓的代理设计就是指由一个代理主题来操作真实主题，真实主题执行具体的业务操作，而代理主题负责其他相关业务的处理。比如我们在进行删除操作的时候需要检验一下用户是否登陆，我们可以删除看成主业务，而把检验用户是否登陆看成其相关业务
  • 【转】理解Javascript 系列 gcc2ge JavaScript
    理解Javascript_13_执行模型详解 摘要: 在《理解Javascript_12_执行模型浅析》一文中,我们初步的了解了执行上下文与作用域的概念，那么这一篇将深入分析执行上下文的构建过程，了解执行上下文、函数对象、作用域三者之间的关系。函数执行环境简单的代码:当调用say方法时，第一步是创建其执行环境，在创建执行环境的过程中，会按照定义的先后顺序完成一系列操作:1.首先会创建一个
  • Subsets II hcx2013 set
    Given a collection of integers that might contain duplicates, nums, return all possible subsets. Note: Elements in a subset must be in non-descending order. The solution set must not conta
  • Spring4.1新特性——Spring缓存框架增强 jinnianshilongnian spring4
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • shell嵌套expect执行命令 liyonghui160com
        一直都想把expect的操作写到bash脚本里,这样就不用我再写两个脚本来执行了,搞了一下午终于有点小成就,给大家看看吧.   系统:centos 5.x   1.先安装expect yum -y install expect   2.脚本内容: cat auto_svn.sh   #!/bin/bash
  • Linux实用命令整理 pda158 linux
    0. 基本命令 　　linux 基本命令整理 　 　1. 压缩 解压 　　tar -zcvf a.tar.gz a   #把a压缩成a.tar.gz 　　tar -zxvf a.tar.gz     #把a.tar.gz解压成a 　 　2. vim小结 　　2.1 vim替换 　　:m,ns/word_1/word_2/gc  
  • 独立开发人员通向成功的29个小贴士 shoothao 独立开发
    概述：本文收集了关于独立开发人员通向成功需要注意的一些东西,对于具体的每个贴士的注解有兴趣的朋友可以查看下面标注的原文地址。 明白你从事独立开发的原因和目的。 保持坚持制定计划的好习惯。 万事开头难，第一份订单是关键。 培养多元化业务技能。 提供卓越的服务和品质。 谨小慎微。 营销是必备技能。 学会组织，有条理的工作才是最有效率的。 “独立
  • JAVA中堆栈和内存分配原理 uule java
    1、栈、堆 1.寄存器：最快的存储区, 由编译器根据需求进行分配,我们在程序中无法控制.2. 栈：存放基本类型的变量数据和对象的引用，但对象本身不存放在栈中，而是存放在堆（new 出来的对象）或者常量池中（字符串常量对象存放在常量池中。）3. 堆：存放所有new出来的对象。4. 静态域：存放静态成员（static定义的）5. 常量池：存放字符串常量和基本类型常量（public static f
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他