在奋斗的大道
在奋斗的大道

HTML 一文读懂

目录

1、认识HTML

2、 HTML 网页构成 

HTML基本结构

网页头部信息

3、HTML 基本标签 

4、图像标签 

5、链接标签

6. 行内元素和块元素

7. 列表

 8. 表格

 9. 媒体元素

10. 页面结构分析

 11、HTML 内联框架（iframe）

12、初识表单

表单元素属性

13、文本框和密码框 

14、单选框和多选框 

15、普通按钮和下拉框

16、文本域和文件域

17. 搜索框滑块和简单验证

18. 表单隐藏域、只读和禁用

 19、表单验证

本文基于：菜鸟教程之HTML教程 和 狂神HTML

1、认识HTML

初始化HTML





HTML一文读懂


 

我的第一HTML页面


我的第一HTML页面

实例详解：

  •  声明为 HTML5 文档
  •  元素是 HTML 页面的根元素
  •  元素包含了文档的元（meta）数据，如  定义网页编码格式为 utf-8。
  • </strong> 元素描述了文档的标题</li> <li><strong><body></strong> 元素包含了可见的页面内容</li> <li><strong><h1></strong> 元素定义一个大标题</li> <li><strong><p></strong> 元素定义一个段落</li> </ul> </blockquote> <p><strong>什么是HTML？</strong></p> <p>HTML 是用来描述网页的一种语言。</p> <ul> <li>HTML 指的是超文本标记语言: <strong>H</strong>yper<strong>T</strong>ext <strong>M</strong>arkup <strong>L</strong>anguage</li> <li>HTML 不是一种编程语言，而是一种<strong>标记</strong>语言</li> <li>标记语言是一套<strong>标记标签</strong> (markup tag)</li> <li>HTML 使用标记标签来<strong>描述</strong>网页</li> <li>HTML 文档包含了HTML<strong> 标签</strong>及<strong>文本</strong>内容</li> <li>HTML文档也叫做<strong> web 页面</strong></li> </ul> <p></p> <p> 目前使用的是HTML5，使用 W3C标准</p> <p>W3C标准包含如下：</p> <pre><code class="hljs">结构化标准语言（HTML、XML） 表现标准语言（CSS） 行为标准语言（DOM、ECMAScript） </code></pre> <p>常见HTML编辑器：</p> <ul> <li>VS Code：Visual Studio Code - Code Editing. Redefined</li> <li>Sublime Text：Sublime Text - Text Editing, Done Right</li> <li>在线编辑器：HTML/CSS/JS 在线工具 | 菜鸟工具</li> </ul> <h1 id="2%E3%80%81%20HTML%20%E7%BD%91%E9%A1%B5%E6%9E%84%E6%88%90%C2%A0">2、 HTML 网页构成 </h1> <h2 id="HTML%E5%9F%BA%E6%9C%AC%E7%BB%93%E6%9E%84">HTML基本结构</h2> <ul> <li> <p>网页头部</p> </li> <li> <p>主体部分</p> </li> </ul> <h2 id="%E7%BD%91%E9%A1%B5%E5%A4%B4%E9%83%A8%E4%BF%A1%E6%81%AF">网页头部信息</h2> <ul> <li>DOCTYPE声明：告诉浏览器，我们要使用什么规范</li> <li><head>标签：定义了文档的信息</li> <li><title>标签：网页标题</li> <li><meta>标签：描述性标签，用来描述网站的一些信息</li> <li><script>标签: 网页关联javascript 脚本文件</li> <li><style>标签：网页关联css样式文件</li> </ul> <pre><code class="hljs"><!DOCTYPE html> <html lang="en"> <!--head标签代表网页头部--> <head> <meta charset="UTF-8"> <!--meta一般用来做SEO--> <meta name="keyboards" content="Java"> <meta name="description" content="学习Java"> <!--网页标题--> <title>HTML一文读懂 Hello World HTML

    3、HTML 基本标签 

    • 标题标签
    • 段落标签
    • 换行标签
    • 水平线标签
    • 字体样式标签
    • 注释和特殊符号
    


    
    HTML基本标签




    一级标签
    

    二级标签
    

    六级标签
    



    
这是一整段这是一整段这是一整段这是一整段
    这是一整段这是一整段这是一整段
    这是一整段这是一整段
    这是一整段
    这是一整段

    

    第一段
    

    第二段
    

    第三段
    



第一行 
    
第二行


    


粗体：I LOVE YOU 
斜体：I LOVE YOU 
斜体：I LOVE YOU
    
小号子：I LOVE YOU
    
下标：I LOVE YOU
    
上标：I LOVE YOU
    
插入: I LOVE YOU
    
删除: I LOVE YOU
    

    


空      格：
    
大于号：>      
    
小于号：<     
    
版权符号：©

    4、图像标签 

    常见图像格式：

    • JPG
    • GIF
    • PNG
    • BMP：位图
    • …

    语法：

    
text
src：图像地址
alt：图像的替代文字（找不到该图片时，才会显示）
title：鼠标悬停提示文字
width:图像宽度
height:图像高度

    示例：

    

 
 
HTML一文读懂 




    这是一些文本。 Smiley face 这是一些文本。

    5、链接标签

    文本超链接：点击文本进行跳转

    图像超链接：点击图片进行跳转

    语法：

    
链接文本或图像
href：必填 ，表示要跳转到那个页面
target:表示窗口在哪里打开，默认是当前页面打开
       _blank：在新的标签页打开
       _self:在自己的网页中打开

    示例：

    


    
    HTML一文读懂


	
	点击我跳转到百度
	
    
	
	
		Smiley face

    锚链接

    • 通过# 实现页面间的跳转
    • 跳转到另一个页面指定的位置
    


    
    HTML一文读懂


	
	
	我是顶部
	
    
	
	点击我跳转到百度
	
    
	
	
		Smiley face 
	
	
    
	
	
    
	
	跳转到顶部

    功能性链接

    
点击联系我！

    6. 行内元素和块元素

    块元素

    • 无论内容多少，该元素独占一行
    • p：段落标签
    • div：把DIV看作是一容器,容器专门用来包含内容
    • h1、h2… …：标题
    • form：表单
    • ul：无序列表，与li绑定
    • ol：有序列表，与li绑定
    • hr：分隔 
    • ...

    行内元素

    • 内容撑开宽度，左右都是行内元素的可以在排一行
    • a：锚点
    • b：加粗
    • i ：斜体
    • img：图片
    • input：输入框
    • label：表格标签
    • select：下拉列表
    • span：用来组合文档中的行内元素
    • textarea：多行文本输入框
    • ...

    7. 列表

    列表的分类：

    • 有序列表
    • 无序列表
    • 自定义列表

    示例：

    


    
    HTML一文读懂





      
    
    1. Java
      2. 
    
    2. python
      3. 
    
    3. 前端
      4. 

    


      
    
    • C
      • 
    
    • C++
      • 
    
    • Linx
      • 

    


    
    
    学科
    
        
    数字电路
    
        
    模拟电路
    
        
    嵌入式
    
    
    位置
    
        
    北京
    
        
    上海

    效果截图：

    HTML 一文读懂_第1张图片

     8. 表格

    为什么使用表格？

    • 简单通用
    • 结构稳定

    基本结构：

    • 单元格
    • 行 tr
    • 列 td
    • 跨行 rowspan
    • 跨列 colspan

    示例： 

    


    
    HTML一文读懂



    
    
    
        1-1
        1-2
        1-3
        1-4
    
    

    
    
        2-1
        2-2
        2-3
        2-4
    
    

    
    
        3-1
        3-2
        3-3
        3-4

    效果截图：

    HTML 一文读懂_第2张图片

    
    
    
        
        1-1
        1-2
        1-3
    
    

    
    
        
        2-1
        2-2
        2-3
        2-4
    
    

    
    
        3-2
        3-3
        3-4

    效果截图：

    HTML 一文读懂_第3张图片

     9. 媒体元素

    视频元素：video

    音频元素：audio

    10. 页面结构分析

    HTML 一文读懂_第4张图片

    示例：

    

    
    
    网页头部
    

    


    
    
    网页主体部分
    

    


    
    
    网页脚部

     11、HTML 内联框架（iframe）

    语法：

    
        引用页面地址                 框架标示名

    示例：

    


    
    HTML一文读懂










点击我跳转到CSDN

    12、初识表单

    语法：

    

    
    
    
    姓名：
    
    
    
    密码：

    效果截图：

    HTML 一文读懂_第5张图片

    表单元素属性

    HTML 一文读懂_第6张图片

    13、文本框和密码框 

    文本框通过  标签来设定。

    
First name: 
    
Last name:

     密码框通过标签  来设定。

    
Password:

    14、单选框和多选框 

    单选框：

    

	
    男
    女

     多选框：

    

     爱好：
	
    睡觉
    看书
    游泳
    写作

    15、普通按钮和下拉框

    按钮：

    

     按钮：

    效果截图：

     图片按钮

    下拉框：

    国家：

    16、文本域和文件域

    文本域：

    

    反馈：

    文件域:

    17. 搜索框滑块和简单验证

    

     邮箱：
    

    


     URL：
    

    


     number：
    

    



    音量：
    

    



    搜索：

    18. 表单隐藏域、只读和禁用

    • 隐藏域 hidden
    • 只读 readonly
    • 禁用 disabled
    

    只读：
    
    姓名：
    
    
    
    禁用：
        
        男
        女
    
    
    
    
    
    密码：

    增强鼠标的可用性：

    增强鼠标的可用性：

    点击文字，自动跳转到对应的输入框。

    HTML 一文读懂_第7张图片

     19、表单验证

    思考：

    • 减轻服务器的压力

    • 安全性

    常用方式：

    • placeholder 提示信息
    • required 元素不能为空，应用于所有的文本框中
    • pattern 正则表达式
    

    
    姓名：
        
    
    
    
    
    姓名：
        
    
    
    
    
     自定义邮箱：

你可能感兴趣的:(CSS3,+Html5,学习笔记,深蓝计划,html,前端,javascript)

  • 前端大屏触摸签名实现 风无雨 前端前端
    参考：JavaScript实现手写签名，可触屏手写，支持移动端与PC端双端保存_js手写签名-CSDN博客https://www.cnblogs.com/smileZAZ/p/17219400.html1.新建一个canvas元素获取canvas上下文，绘制初始矩形，设置高度宽度，初始绘制位置0,0//创建上下文constctx=canvas.getContext('2d')2.监听touchst
  • 颠覆传统开发！诚邀您加入AI Dev Engineer计划！ 北堂飘霜 AIpythonJAVA人工智能
    前言查看详情过去几年，AI在编程领域的应用越来越广泛。从Copilot到ChatGPT，AI正在帮助开发者加速代码编写、优化逻辑、修复bug。但如果你曾经尝试过让AI生成代码，你一定遇到过这些问题：现有AI编码的3大痛点1️⃣代码生成≠项目构建你问AI：“帮我写一个博客系统！”它给你返回了一段后端代码，或者一个Vue组件……然后呢？你还是要手动搭建整个项目，粘贴代码，配置依赖，调试环境，所有的重复
  • 华为OD机试 - 最长回文字符串（C++ Java JavaScript Python） YOLO大师 华为c++java算法华为od
    题目描述如果一个字符串正读和反渎都一样（大小写敏感），则称它为一个「[回文串]，例如：leVel是一个「回文串」，因为它的正读和反读都是leVel；同理a也是「回文串」art不是一个「回文串」，因为它的反读tra与正读不同Level不是一个「回文串」，因为它的反读leveL与正读不同（因大小写敏感）给你一个仅包含大小写字母的字符串，请用这些字母构造出一个最长的回文串，若有多个最长的，返回其中字典序
  • 移动端Canvas实现手写签名 不知名靓仔 canvas
    引言在移动应用开发中，手写签名功能的集成已经成为许多业务场景的标配，比如电子合同签署、医疗记录确认或是物流配送签收等。本文将详细阐述如何在移动端实现手写签名，包括技术选型、具体实现步骤以及优化建议，帮助开发者快速上手并构建高质量的手写签名体验。技术选型1.使用CanvasAPIHTML5的CanvasAPI提供了在网页上绘制图形的能力，包括路径、文本、图像等，非常适合用来捕捉和展示手写签名。在移动
  • 最新微信小程序面试题集结 江湖二哥 微信小程序前端面试小程序
    1、微信小程序与H5的区别?第一条是运行环境的不同传统的HTML5的运行环境是浏览器，包括webview，而微信小程序的运行环境并非完整的浏览器，是微信开发团队基于浏览器内核完全重构的一个内置解析器，针对小程序专门做了优化，配合自己定义的开发语言标准，提升了小程序的性能。第二条是开发成本的不同只在微信中运行，所以不用再去顾虑浏览器兼容性，不用担心生产环境中出现不可预料的奇妙BuG第三条是获取系统级
  • 使用yolov8+flask实现精美登录界面+图片视频摄像头检测系统 FL1623863129 深度学习YOLOflaskpython
    这个是使用flask实现好看登录界面和友好的检测界面实现yolov8推理和展示，代码仅仅有2个html文件和一个python文件，真正做到了用最简洁的代码实现复杂功能。测试通过环境：windowsx64anaconda3+python3.8ultralytics==8.3.81flask==1.1.2torch==2.3.0运行步骤：安装好环境执行pythonlogin.py后端实现代码：from
  • QT编程之QGIS byxdaz QTqt开发语言
    一、QGIS介绍QuantumGIS（QGIS）是开源地理信息系统桌面软件，使用GNU（GeneralPublicLicense）授权，属于OpenSourceeospatialFoundation（OSGeo）的官方计划。在GNU授权下，开发者可以自行检阅与调整程序代码，并保障让所有使用者可以免费且自由地修改程序。QGIS的目标是成为一个GIS系统，提供常见的功能与特征。借着核心特征提供基本功能
  • 第四章：高级特性与最佳实践 - 第四节 - Tailwind CSS CSS 提取和打包优化
    在现代前端工程中，CSS的提取和打包优化对于项目性能至关重要。本节将详细介绍如何在使用TailwindCSS的项目中实现CSS的高效提取和打包优化。CSS提取策略MiniCssExtractPlugin配置//webpack.config.jsconstMiniCssExtractPlugin=require('mini-css-extract-plugin')module.exports={mo
  • 订单管理系统 大学生数据库大作业/数据库实践MYSQL 陌路物是人非 数据库课程设计
    订单管理系统从入门到入土下载Maven，Nodejs创建一个数据库sql_end，创建四个数据库表，并确保用户名为root用户密码为123456再IDEA中加载Springboot依赖（可以直接新建一个任意名称的文件夹，项目导入spring的框架），启动spring项目打开index.html输入用户名和密码，点击注册，再点击登录点击个人中心，点击修改用户信息，修改自己的余额点击逛店铺，选择一个商
  • 如何设计一个高并发的秒杀架构？ 老程不秃 数据结构Java后端架构java数据结构程序人生spring
    写在前面高并发下如何设计秒杀系统？这是一个高频面试题。这个问题看似简单，但是里面的水很深，它考查的是高并发场景下，从前端到后端多方面的知识。秒杀一般出现在商城的促销活动中，指定了一定数量（比如：10个）的商品（比如：手机），以极低的价格（比如：0.1元），让大量用户参与活动，但只有极少数用户能够购买成功。这类活动商家绝大部分是不赚钱的，说白了是找个噱头宣传自己。虽说秒杀只是一个促销活动，但对技术要
  • kaggle-ISIC 2024 - 使用 3D-TBP 检测皮肤癌-学习笔记 supernova121 学习笔记
    问题描述：通过从3D全身照片(TBP)中裁剪出单个病变来识别经组织学确诊的皮肤癌病例数据集描述：图像+临床文本信息评价指标：pAUC，用于保证敏感性高于指定阈值下的AUC主流方法分析（文本）基于CatBoost、LGBM和XGBoost三者的组合，为每个算法创建了XX个变体，总共XX个模型，进行集成学习。CatBoost在传统梯度提升决策树（GBDT）基础上，引入了一系列关键技术创新，以提升处理类
  • 【电商项目】-设置跨域配置实现前后端分离 总是幸福的老豌豆 日常工作总结解决跨域请求
    前言最近在开发前后端分离的电商项目，前端框架是VUE，后端是我们熟悉的springboot框架，做过前后端分离项目的同学，‍肯定晓得我们项目会存在跨域请求的问题，下面贴出项目中的配置类，来解决跨域请求问题：packagecom.zcw.config;importorg.springframework.context.annotation.Bean;importorg.springframework
  • 程序调用Sql Server存储过程超时，但是数据库执行存储过程无异常的问题剖析 .Net 爱好者 c#.net.netcore
    在前端程序调用存储过程时出现执行超时，而直接在数据库中执行存储过程没有问题，这种情况可能与以下几个因素有关：1.查询计划缓存和参数嗅探SQLServer会为存储过程生成并缓存查询计划，以便在后续执行时提高性能。然而，查询计划是基于第一次执行时的参数生成的，这被称为“参数嗅探”。如果第一次执行时的参数与后续执行时的参数差异较大，可能会导致不适合的查询计划，从而影响性能。重新编译存储过程会使SQLSe
  • ARM N2微架构介绍 「已注销」 CPU微架构verilog
    简介之前在“ARMV2处理器微架构介绍”一文中介绍了面向服务器、云计算等应用的ARMV2处理器微架构，V系列具有更强性能，N系列强调性能和功耗等方向的平衡，本文就将介绍一下ARMN2处理器微架构相比较前代的一些提升。尽管ARM还具备一代N1/V1的服务器端处理器，但严格意义讲N2是ARM相对成熟的第一代服务器端处理器IP。前端Front-End前端的设计相比较前代可以说是巨大提升，预测和取指依然是
  • python xpath定位元素方法_关于python中的xpath解析定位 weixin_39975366 pythonxpath定位元素方法
    爬取的网站：http://jbk.39.net/chancegz/这里只针对个别属性值：#例如：'别名'下的span标签文本，‘发病部位'下的span标签文本以及‘挂号科室‘下的span标签文本#defdisease(url):text=get_html(url)tree=etree.HTML(text)bm=tree.xpath('//ul[@class="information_ul"]/li
  • XPath简介——完整入门和详解 葡萄架子 网络协议前端
    XPath简介——完整入门和详解**XPath的用法场景****XPath的基本语法****1.树型结构概念****2.XPath基本路径语法****定位方式及详细语法讲解**示例HTML结构：**1.路径选择****基础语法：层级表示法****查询所有匹配的节点****2.位置选取语法****单个节点索引选择****结合多个位置过滤****3.属性条件过滤**属性查询示例：含动态匹配：**4.文
  • js中的export、import、export default等导入导出全解 庸懒 笔记
    前端因为规范不同，所以不同的环境会有不同的导入导出方法，因为经常弄混所以特地记一下方便以后查阅记忆，本笔记都是自己总结或查阅资料得出，如有错误请帮忙指出。因为前端的导入导出主要分为commonjs和ES6modules两种标准，其中commonjs主要用于node环境，而ES6modules主要用于浏览器环境，但是ES6modules是兼容commonjs标准的，所以这就很容易让人弄混，本文也将从
  • 什么是遍历？ dengjuanshou7445 javascriptViewUI
    jQuery遍历，意为“移动”，用于根据其相对于其他元素的关系来“查找”（或选取）HTML元素。以某项选择开始，并沿着这个选择移动，直到抵达您期望的元素为止。下图展示了一个家族树。通过jQuery遍历，您能够从被选（当前的）元素开始，轻松地在家族树中向上移动（祖先），向下移动（子孙），水平移动（同胞）。这种移动被称为对DOM进行遍历。图示解释：元素是的父元素，同时是其中所有内容的祖先。元素是元素的
  • Autoleaders控制组——51单片机学习笔记（2） Autoleaders控制组 邓翔 51单片机学习笔记
    51单片机学习（2）1.模块化编程1.1模块化编程的意义在学习单片机的途中，随着我们的知识不断扩展，我们能写出的代码也越来越复杂，越来越长了，有时我们自己写出的很长的代码，出现了错误，需要调试，但奈何自己的代码实在是太长了，真的不好分析到底是哪里出错了。这是因为我们将太多的函数和代码放在一个main.c的文件里，导致代码过度堆积。如果我们能够条理清晰地去将不同作用的代码和函数放在不同的xxx.c文
  • html-to-image的使用及图片变形和无图问题修复 庸懒 前端
    html-to-image的使用及图片变形和无图问题修复最近迭代的时候因为新增了一个需求，需要前端提供素材及样式给后端，后端同步渲染，但是因为部分样式问题后端无法实现所以决定前端将页面生成图片然后传递给后端使用，本文记录一下使用的过程及遇到的部分问题。技术调研现在将页面元素转换成图片的插件有很多，普遍使用的技术原理都是利用canvas或者SVG将页面元素转换成画布或者svg元素，然后再转成图片。这
  • AI开发 - 算法基础 递归 的概念和入门（三）递归的进阶学习 minstbe PythonAI应用与观察算法学习深度优先
    前面我们通过2篇文章，一起了解了递归，以及使用递归来解决汉诺塔问题。今天我们在这个基础上，进一步地熟悉和学习递归。这篇学习笔记将涵盖递归的基本概念、应用、优化技巧、陷阱及与迭代的对比，并通过具体的Python代码示例和大家一起来深入理解递归的使用。一、巩固基础1.递归的概念递归，简单来说就是函数自己调用自己。听起来有点绕，但其实就像俄罗斯套娃，一层套一层，直到遇到最小的那个娃娃（基线条件）才停止。
  • css3+Grid 一一代码 css3css
    CSSGrid的核心概念有哪些如下1.网格容器（GridContainer）：-通过将元素的`display`属性设置为`grid`或`inline-grid`，可以将其定义为网格容器。-网格容器内的直接子元素会自动成为网格项（GridItems）。```css.container{display:grid;}```2.网格项（GridItems）：-网格容器内的直接子元素称为网格项。-网格项可以
  • 带你深入了解防抖Debounce和节流Throttle 全马必破三 笔记前端javascript
    前言：防抖（Debounce）和节流（Throttle）是两种在前端开发中常用的优化技术，它们主要用于处理频繁触发的事件（如滚动、窗口调整大小、键盘输入等），以减少不必要的计算，从而提高性能和优化用户体验。一、防抖概念所谓防抖，就是指触发事件后，在n秒内函数只能执行一次，如果在n秒内又触发了事件，则会重新计算函数执行时间。简而言之，防抖确保函数在一段时间内只执行一次，且是在最后一次触发事件后执行。
  • Node.js--exports 对象详解：用法、示例与最佳实践 还是鼠鼠 node.jsnode.jswebjavascript前端vscode
    目录1.exports对象介绍2.基础示例：使用exports导出对象文件名：math.js（JavaScript）3.在另一个文件中使用require进行导入文件名：app.js（JavaScript）4.运行程序5.exports的限制6.其他exports使用方式示例1：导出单个函数示例2：导出类7.结论1.exports对象介绍在Node.js中，exports是module.export
  • JavaScript语言的游戏开发 凌嘉遥 包罗万象golang开发语言后端
    JavaScript游戏开发入门指南在互联网迅速发展的今天，游戏已经成为了我们日常生活中不可或缺的一部分。无论是手机游戏、网页游戏，还是大型的3D游戏，它们的背后都离不开强大的编程技术。JavaScript作为一种广泛应用的编程语言，使得游戏开发变得更加灵活和高效。本文将深入探讨JavaScript在游戏开发中的应用，带领读者了解如何使用JavaScript开发自己的游戏。1.JavaScript
  • JavaScript 中 Map 数据结构的使用 前端javascript
    解释Map是一种js数据结构，与数组的map方法并非一种，要区分开来Map数据结构来管理数据，能提高代码的可读性Map相比较对象格式存储速度要更快Map数据结构//创建一个Map对象constformData=newMap();//添加表单元素的值到Map中formData.set('username','Tom');formData.set('password','123456');//获取表单
  • AGI的学习与适应能力 AGI大模型与大数据研究院 计算科学神经计算深度学习神经网络大数据人工智能大型语言模型AIAGILLMJavaPython架构设计AgentRPA
    “AGI的学习与适应能力”1.背景介绍1.1人工通用智能(AGI)的定义人工通用智能(ArtificialGeneralIntelligence,AGI)是指能够像人类一样具有广泛的理解和学习能力、可以完成多种复杂任务的人工智能系统。与狭义人工智能(NarrowAI)专注于特定领域和特定任务不同,AGI旨在模拟人类整体认知能力,包括感知、推理、学习、计划、创造力和自我意识等。1.2AGI的重要性和
  • canvas绘制和数字签名 前端
    关键是要把存放绘制的信息放到一个二维数组中：绘制时最好不要用定时器进行定时绘制，因为会卡顿，最好使用requestAnimationFrame这个原生js的api方法，因为是以帧的间隔绘制，所以会看起来流畅Documenthtml,body{height:100%;margin:0;padding:0;}.container{width:100%;padding:20px0;display:fle
  • 【Node.js】模块分类与 `require` 用法详解 Peter-Lu #NodeJSnode.jsjavascript前端
    文章目录一、Node.js模块概述1.模块的定义2.模块的作用二、Node.js模块的分类1.核心模块2.文件模块3.第三方模块4.全局模块三、`require`的用法详解1.`require`的基本用法2.模块导出机制3.模块的缓存机制4.`require`的动态引入四、模块的实际应用场景1.项目结构优化2.复用代码五、总结Node.js是一个强大的JavaScript运行环境，广泛应用于服务器
  • python flask 分页_Python的Flask框架中实现分页功能的教程 weixin_39959126 pythonflask分页
    BlogPosts的提交让我们从简单的开始。首页上必须有一张用户提交新的post的表单。首先我们定义一个单域表单对象(fileapp/forms.py)：classPostForm(Form):post=TextField('post',validators=[Required()])下面，我们把这个表单添加到template中(fileapp/templates/index.html)：{%ex
  • LeetCode[位运算] - #137 Single Number II Cwind javaAlgorithmLeetCode题解位运算
    原题链接：#137 Single Number II  要求： 给定一个整型数组，其中除了一个元素之外，每个元素都出现三次。找出这个元素 注意：算法的时间复杂度应为O(n)，最好不使用额外的内存空间   难度：中等   分析： 与#136类似，都是考察位运算。不过出现两次的可以使用异或运算的特性 n XOR n = 0, n XOR 0 = n，即某一
  • 《JavaScript语言精粹》笔记 aijuans JavaScript
    0、JavaScript的简单数据类型包括数字、字符创、布尔值（true/false）、null和undefined值，其它值都是对象。 1、JavaScript只有一个数字类型，它在内部被表示为64位的浮点数。没有分离出整数，所以1和1.0的值相同。 2、NaN是一个数值，表示一个不能产生正常结果的运算结果。NaN不等于任何值，包括它本身。可以用函数isNaN(number)检测NaN,但是
  • 你应该更新的Java知识之常用程序库 Kai_Ge java
    在很多人眼中，Java 已经是一门垂垂老矣的语言，但并不妨碍 Java 世界依然在前进。如果你曾离开 Java，云游于其它世界，或是每日只在遗留代码中挣扎，或许是时候抬起头，看看老 Java 中的新东西。 Guava Guava[gwɑ:və]，一句话，只要你做Java项目，就应该用Guava（Github）。 guava 是 Google 出品的一套 Java 核心库，在我看来，它甚至应该
  • HttpClient 120153216 httpclient
    /** * 可以传对象的请求转发，对象已流形式放入HTTP中 */ public static Object doPost(Map<String,Object> parmMap,String url) { Object object = null; HttpClient hc = new HttpClient(); String fullURL
  • Django model字段类型清单 2002wmj django
    Django 通过 models 实现数据库的创建、修改、删除等操作，本文为模型中一般常用的类型的清单，便于查询和使用： AutoField：一个自动递增的整型字段，添加记录时它会自动增长。你通常不需要直接使用这个字段；如果你不指定主键的话，系统会自动添加一个主键字段到你的model。(参阅自动主键字段) BooleanField：布尔字段,管理工具里会自动将其描述为checkbox。 Cha
  • 在SQLSERVER中查找消耗CPU最多的SQL 357029540 SQL Server
    返回消耗CPU数目最多的10条语句 SELECT TOP 10    total_worker_time/execution_count AS avg_cpu_cost, plan_handle,    execution_count,    (SELECT SUBSTRING(text, statement_start_of
  • Myeclipse项目无法部署，Undefined exploded archive location 7454103 eclipseMyEclipse
    做个备忘！ 错误信息为：       Undefined exploded archive location 原因：           在工程转移过程中，导致工程的配置文件出错； 解决方法：    
  • GMT时间格式转换 adminjun GMT时间转换
    普通的时间转换问题我这里就不再罗嗦了，我想大家应该都会那种低级的转换问题吧，现在我向大家总结一下如何转换GMT时间格式，这种格式的转换方法网上还不是很多，所以有必要总结一下，也算给有需要的朋友一个小小的帮助啦。 1、可以使用 SimpleDateFormat SimpleDateFormat    EEE-三位星期 d-天 MMM-月 yyyy-四位年
  • Oracle数据库新装连接串问题 aijuans oracle数据库
    割接新装了数据库，客户端登陆无问题，apache/cgi-bin程序有问题，sqlnet.log日志如下： Fatal NI connect error 12170.   VERSION INFORMATION:         TNS for Linux: Version 10.2.0.4.0 - Product
  • 回顾java数组复制 ayaoxinchao java数组
    在写这篇文章之前，也看了一些别人写的，基本上都是大同小异。文章是对java数组复制基础知识的回顾，算是作为学习笔记，供以后自己翻阅。首先，简单想一下这个问题：为什么要复制数组？我的个人理解：在我们在利用一个数组时，在每一次使用，我们都希望它的值是初始值。这时我们就要对数组进行复制，以达到原始数组值的安全性。java数组复制大致分为3种方式：①for循环方式 ②clone方式 ③arrayCopy方
  • java web会话监听并使用spring注入 bewithme Java Web
            在java web应用中，当你想在建立会话或移除会话时，让系统做某些事情，比如说，统计在线用户，每当有用户登录时，或退出时，那么可以用下面这个监听器来监听。        import java.util.ArrayList; import java.ut
  • NoSQL数据库之Redis数据库管理(Redis的常用命令及高级应用) bijian1013 redis数据库NoSQL
    一 .Redis常用命令         Redis提供了丰富的命令对数据库和各种数据库类型进行操作，这些命令可以在Linux终端使用。         a.键值相关命令         b.服务器相关命令 1.键值相关命令       &
  • java枚举序列化问题 bingyingao java枚举序列化
    对象在网络中传输离不开序列化和反序列化。而如果序列化的对象中有枚举值就要特别注意一些发布兼容问题: 1.加一个枚举值 新机器代码读分布式缓存中老对象，没有问题，不会抛异常。 老机器代码读分布式缓存中新对像，反序列化会中断，所以在所有机器发布完成之前要避免出现新对象，或者提前让老机器拥有新增枚举的jar。 2.删一个枚举值 新机器代码读分布式缓存中老对象，反序列
  • 【Spark七十八】Spark Kyro序列化 bit1129 spark
    当使用SparkContext的saveAsObjectFile方法将对象序列化到文件，以及通过objectFile方法将对象从文件反序列出来的时候，Spark默认使用Java的序列化以及反序列化机制，通常情况下，这种序列化机制是很低效的，Spark支持使用Kyro作为对象的序列化和反序列化机制，序列化的速度比java更快，但是使用Kyro时要注意，Kyro目前还是有些bug。 Spark
  • Hybridizing OO and Functional Design bookjovi erlanghaskell
      推荐博文： Tell Above, and Ask Below - Hybridizing OO and Functional Design 文章中把OO和FP讲的深入透彻，里面把smalltalk和haskell作为典型的两种编程范式代表语言，此点本人极为同意，smalltalk可以说是最能体现OO设计的面向对象语言，smalltalk的作者Alan kay也是OO的最早先驱，
  • Java-Collections Framework学习与总结-HashMap BrokenDreams Collections
            开发中常常会用到这样一种数据结构，根据一个关键字，找到所需的信息。这个过程有点像查字典，拿到一个key，去字典表中查找对应的value。Java1.0版本提供了这样的类java.util.Dictionary(抽象类)，基本上支持字典表的操作。后来引入了Map接口，更好的描述的这种数据结构。  &nb
  • 读《研磨设计模式》-代码笔记-职责链模式-Chain Of Responsibility bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ /** * 业务逻辑：项目经理只能处理500以下的费用申请，部门经理是1000，总经理不设限。简单起见，只同意“Tom”的申请 * bylijinnan */ abstract class Handler { /*
  • Android中启动外部程序 cherishLC android
    1、启动外部程序 引用自： http://blog.csdn.net/linxcool/article/details/7692374 //方法一 Intent intent=new Intent(); //包名 包名+类名（全路径） intent.setClassName("com.linxcool", "com.linxcool.PlaneActi
  • summary_keep_rate coollyj SUM
    BEGIN /*DECLARE minDate varchar(20) ; DECLARE maxDate varchar(20) ;*/ DECLARE stkDate varchar(20) ; DECLARE done int default -1; /* 游标中 注册服务器地址 */ DE
  • hadoop hdfs 添加数据目录出错 daizj hadoophdfs扩容
    由于原来配置的hadoop data目录快要用满了，故准备修改配置文件增加数据目录，以便扩容，但由于疏忽，把core-site.xml, hdfs-site.xml配置文件dfs.datanode.data.dir 配置项增加了配置目录，但未创建实际目录，重启datanode服务时，报如下错误： 2014-11-18 08:51:39,128 WARN org.apache.hadoop.h
  • grep 目录级联查找 dongwei_6688 grep
           在Mac或者Linux下使用grep进行文件内容查找时，如果给定的目标搜索路径是当前目录，那么它默认只搜索当前目录下的文件，而不会搜索其下面子目录中的文件内容，如果想级联搜索下级目录，需要使用一个“-r”参数： grep -n -r "GET" .   上面的命令将会找出当前目录“.”及当前目录中所有下级目录
  • yii 修改模块使用的布局文件 dcj3sjt126com yiilayouts
    方法一：yii模块默认使用系统当前的主题布局文件，如果在主配置文件中配置了主题比如: 'theme'=>'mythm', 那么yii的模块就使用 protected/themes/mythm/views/layouts 下的布局文件； 如果未配置主题，那么 yii的模块就使用  protected/views/layouts 下的布局文件， 总之默认不是使用自身目录 pr
  • 设计模式之单例模式 come_for_dream 设计模式单例模式懒汉式饿汉式双重检验锁失败无序写入
                    今天该来的面试还没来，这个店估计不会来电话了，安静下来写写博客也不错，没事翻了翻小易哥的博客甚至与大牛们之间的差距，基础知识不扎实建起来的楼再高也只能是危楼罢了，陈下心回归基础把以前学过的东西总结一下。   *********************************
  • 8、数组 豆豆咖啡 二维数组数组一维数组
      一、概念       数组是同一种类型数据的集合。其实数组就是一个容器。   二、好处       可以自动给数组中的元素从0开始编号，方便操作这些元素   三、格式   //一维数组 1,元素类型[] 变量名 = new 元素类型[元素的个数] int[] arr =
  • Decode Ways hcx2013 decode
    A message containing letters from A-Z is being encoded to numbers using the following mapping: 'A' -> 1 'B' -> 2 ... 'Z' -> 26 Given an encoded message containing digits, det
  • Spring4.1新特性——异步调度和事件机制的异常处理 jinnianshilongnian spring 4.1
    目录 Spring4.1新特性——综述 Spring4.1新特性——Spring核心部分及其他 Spring4.1新特性——Spring缓存框架增强 Spring4.1新特性——异步调用和事件机制的异常处理 Spring4.1新特性——数据库集成测试脚本初始化 Spring4.1新特性——Spring MVC增强 Spring4.1新特性——页面自动化测试框架Spring MVC T
  • squid3(高命中率)缓存服务器配置 liyonghui160com
        系统:centos 5.x   需要的软件:squid-3.0.STABLE25.tar.gz 1.下载squid wget http://www.squid-cache.org/Versions/v3/3.0/squid-3.0.STABLE25.tar.gz tar zxf squid-3.0.STABLE25.tar.gz &&
  • 避免Java应用中NullPointerException的技巧和最佳实践 pda158 java
    1) 从已知的String对象中调用equals()和equalsIgnoreCase()方法，而非未知对象。 　　总是从已知的非空String对象中调用equals()方法。因为equals()方法是对称的，调用a.equals(b)和调用b.equals(a)是完全相同的，这也是为什么程序员对于对象a和b这么不上心。如果调用者是空指针，这种调用可能导致一个空指针异常 Object unk
  • 如何在Swift语言中创建http请求 shoothao httpswift
    概述：本文通过实例从同步和异步两种方式上回答了”如何在Swift语言中创建http请求“的问题。 如果你对Objective-C比较了解的话，对于如何创建http请求你一定驾轻就熟了，而新语言Swift与其相比只有语法上的区别。但是，对才接触到这个崭新平台的初学者来说，他们仍然想知道“如何在Swift语言中创建http请求？”。 在这里,我将作出一些建议来回答上述问题。常见的
  • Spring事务的传播方式 uule spring事务
    传播方式：        新建事务       required       required_new   - 挂起当前         非事务方式运行       supports   &nbs
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他