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

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)

  • stm32学习笔记——TIM定时中断 算法萌新——1 stm32学习笔记
    一、TIM定时中断的基本概念TIM定时中断是嵌入式系统中一种重要的功能，它基于定时器（TIM）实现。定时器可以对内部时钟或外部事件进行计数，当计数值达到预设的阈值时，会触发一个中断信号。这个中断信号会使CPU暂停当前正在执行的主程序，转而执行预先编写好的中断服务程序（ISR），执行完中断服务程序后，CPU再返回到主程序继续执行。TIM定时中断的核心在于“定时”，它可以实现精确的时间控制，为系统提供
  • 规划将 IaaS 资源从经典部署模型迁移到 Azure Resource Manager zangdalei Market
    尽管Azure资源管理器提供了许多精彩功能，但请务必计划迁移，以确保一切顺利进行。花时间进行规划可确保执行迁移活动时不会遇到问题。Note以下指导的主要参与者为Azure客户顾问团队，以及与客户合作迁移大型环境的云解决方案架构师。此文档随着出现新的成功模式而持续更新，因此，请不时地回来查看，了解是否有新的推荐内容。迁移之旅包括四个常规阶段：计划技术注意事项和权衡根据技术要求大小、地理区域和操作方案
  • 关于uniapp+vue2 升级 Vue3 后无法获取 query的问题 代码简单说 2025开发必备(限时特惠)uni-appvue2迁移到vue3获取不到query小程序获取不到querymp获取不到路由路由参数获取url参数获取
    关于uniapp+vue2升级Vue3后无法获取query的问题tag：vue3迁移、uniapp兼容性、$mp变更、vue2升级、前端坑点记录在升级公司项目的时候，从uniapp+Vue2迁移到uniapp+Vue3，想着应该是个平滑过渡，没成想，一个小小的$mp把我绊了一脚。事情是这样的项目中有这么一段代码，用于判断当前页面的路由参数：onLoad(){constscene=this.
  • 【微信小程序】富文本rich-text的图片预览效果的几种方法 Lana学习中 微信小程序微信小程序小程序
    前言使用原生小程序开发，实现在富文本rich-text中的图片预览效果的几种方法对比。update:因为方案3wxparser后续没有再维护，解析微信公众号文章时会出现排版错误的问题。作为插件也很难二次开发。换成mp-html了1.正则+wx.previewImage（有明显不足）一个不需要用额外组件或插件的方法：思路：使用正则把图片的url进行剖离出来，push进一个数组中，点击富文本组件，运行
  • 【vue.js之夯实基础-3】TypeScript 入门之简介 alwarse vuejstypescriptjavascriptvue.js
    教程实例参照->入门教程详细教程参照->详细教程完全教程->完全教程什么是TypeScriptTypedJavaScriptatAnyScale.添加了类型系统的JavaScript，适用于任何规模的项目。TypeScript的特性类型系统从TypeScript的名字就可以看出来，「类型」是其最核心的特性。我们知道，JavaScript是一门非常灵活的编程语言：它没有类型约束，一个变量可能初始化时
  • 【DeepSeek实战】3、Ollama实战指南：LobeChat+多网关架构打造高可用大模型集群 无心水 Ollama实战指南LobeChat实战DeepSeek实战DeepSeek全栈应用开发AI入门大模型CSDN技术干货
    一、企业级大模型集群架构全景解析在人工智能落地应用的过程中，大模型服务的高可用性、成本控制和灵活扩展能力成为企业关注的核心痛点。本方案通过LobeChat前端、AI网关层和Ollama模型集群的三层架构设计，实现了无需复杂运维即可部署的生产级大模型服务体系。该架构不仅支持负载均衡、故障转移和模型热切换等企业级特性。还通过量化技术将硬件成本降低60%以上，为中小企业提供了与商业云服务相当的性能体验。
  • 微信小程序＜rich-text＞支持里面图片点击放大 二豆是富婆 微信小程序小程序
    使用渲染类似下面的html代码：宠物友好xxx提供宠物友好服务，具体请见下图wxml：js放大图片方法：//富文本图片点击预览showImg(e){letcontentimg=e.target.dataset.nodes;letimgs=contentimg.match(/]+>/g);//把img所有节点的图片选择出来letarrImg=[];//遍历标签拼拿到你的图片的src里面的内容放在我们
  • uniapp uts 插件开发指南 ReyZhang uniappios原生插件与混合开发教程uni-apputs插件开发
    一、了解基本概念1.什么是uts语言?官方：uts，全称unitypescript，统一、强类型、脚本语言。它可以被编译为不同平台的编程语言，如：web平台，编译为JavaScriptAndroid平台，编译为KotliniOS平台，编译为Swift（HX3.6.7+版本支持）harmonyOS平台，编译为ArkTS（HX4.22+版本支持）在现有架构下，ArkTS和JS在同一环境下执行，不涉及通
  • 浏览器移动端html右边有一点白_手机端页面在项目中遇到的一些问题及解决办法... weixin_39804335
    1.解决页面使用overflow:scroll在iOS上滑动卡顿的问题?首先你可能会给页面的html和body增加了height:100%,然后就可能造成IOS上页面滑动的卡顿问题。解决方案是：(1)看是否能把body和html的height:100%去除掉。(2)在滚动的容器中增加：-webkit-overflow-scrolling:touch或者给body增加：body{overflow-x
  • 移动端iOS调试与问题解决：WebView调试多工具协作 游戏开发爱好者8 httpudphttpswebsocket网络安全网络协议tcp/ip
    在开发过程中，调试工作不仅仅是前端开发者的职责。当出现复杂的线上问题，调试往往需要涉及到多个团队的协作：前端、后端、测试和运营等。尤其是在移动端WebView页面和原生页面混合开发中，调试工作通常是多部门之间的互动与配合。这篇文章分享了我们在一个社交平台项目中的调试实践，重点讲解了跨团队合作调试中的问题解决策略，并介绍了我们如何通过工具协同与有效沟通，解决了上线后部分用户出现的问题。背景：移动端W
  • 大模型RLHF强化学习笔记（一）：强化学习基础梳理Part1 Gravity! 大模型笔记大模型LLM算法机器学习强化学习人工智能
    【如果笔记对你有帮助，欢迎关注&点赞&收藏，收到正反馈会加快更新！谢谢支持！】一、强化学习基础1.1Intro定义：强化学习是一种机器学习方法，需要智能体通过与环境交互学习最优策略基本要素：状态（State）：智能体在决策过程中需要考虑的所有相关信息（环境描述）动作（Action）：在环境中可以采取的行为策略（Policy）：定义了在给定状态下智能体应该选择哪个动作，目标是最大化智能体的长期累积奖
  • Mysql 主从备份 龙那个猫robot 数据库mysql
    英文好的可以直接去mysql官网查看https://dev.mysql.com/doc/refman/5.7/en/replication.html1环境准备我这里准备两套linux虚拟机，主mysql服务器,从mysql服务区ip192.168.1.30ip192.168.1.1001.1备份主mysql数据库1.2从数据库恢复主mysql数据库1.3配置主mysql服务器配置server-id
  • iphone se 一代 不完美越狱 14.6 视频壁纸教程(踩坑笔记) YANG_301 iosiphone
    iphonese一代不完美越狱14.6加视频壁纸教程-踩坑笔记越狱流程1.爱思助手制作启动u盘坑点:2.越狱好后视频壁纸软件1.源2.软件安装越狱流程1.爱思助手制作启动u盘https://www.i4.cn/news_detail_42302.html此网址为具体流程,但要注意!!!坑点:下图中最后一排quickmode应被勾选(勾选后是×(´ཀ`」∠))进入options后不禁要勾选allow
  • js递归性能优化 啃火龙果的兔子 开发DEMOjavascript开发语言ecmascript
    JavaScript递归性能优化递归是编程中强大的技术，但在JavaScript中如果不注意优化可能会导致性能问题甚至栈溢出。以下是几种优化递归性能的方法：1.尾调用优化(TailCallOptimization,TCO)ES6引入了尾调用优化，但只在严格模式下有效：'usestrict';//普通递归functionfactorial(n){if(n===1)return1;returnn*fa
  • 2025 VUE常见面试题 hmildj vue.js面试前端
    前言总结一些VUE面试的基础知识，共同学习1.什么是Vue？答案：Vue.js（通常简称为Vue）是一个用于构建用户界面的‌渐进式JavaScript框架，Vue3是Vue.js框架的最新版本，它引入了许多改进和优化，包括性能提升、更好的类型支持、组合API等。2.MVVM模式是什么？Vue如何体现这一模式？‌答案：MVVM将视图（View）与数据（Model）通过ViewModel层解耦，Vue
  • 平台再升级！接入DeepSeek AI，三大能力一键生成 橙武科技 低代码AIdeepseek人工智能
    在数字化项目落地过程中，很多企业都会面临相同的问题：数据库建模要写SQL表结构；业务流程需要画LogicFlow流程图；前端页面还要写AMISJSON配置。从想法到实现，中间至少要经历产品经理、架构师、后端、前端多轮沟通。每个环节都耗时，改起来还要推翻重来。demo地址：https://admin.cwcode.top✨我们的平台，现在直接整合了DeepSeekAI大模型只要输入一句需求，就能：✅
  • 英国留学生顺利拿到offer！博士学历+微软MOS国际认证加buff！ 全球认证考试中心 microsoft
    在全球化职场竞争日益激烈的当下，英国留学生若想提升自身竞争力，考取高含金量的国际证书是一条有效途径。MicrosoftOfficeSpecialist（MOS）国际认证作为微软官方推出的办公软件专业认证，在全球168个国家和地区得到认可，每年吸引近百万人次报考，已成为众多外企筛选人才的重要标准。正值暑假，不少同学计划利用这段时间备考MOS，本文将结合实际经验，为大家提供一套系统的备考方案。一、为何
  • 前端用MQTT协议通信的场景和好处 CreatorRay 前端网络面试前端MQTT网络协议物联网
    上家公司中前端项目有用MQTT协议和硬件通信的场景，虽然很早就听说过MQTT协议，但是这是第一次在前端项目里基于MQTT协议做网络通信。当时没了解太多，工作中只做好了代码层面的工作，并没有深入了解MQTT协议的好处和适合的应用场景。在前端项目中，应该99%的情况都会基于HTTP和WebSocket来进行网络通信，使用MQTT在前端里确实比较小众。目前可能只会在物联网项目中，需要跟硬件通信的前提下，
  • Node.js 全局对象 froginwe11 开发语言
    Node.js全局对象引言Node.js作为一种流行的JavaScript运行环境，以其高性能、轻量级和跨平台的特点，被广泛应用于服务器端编程、网络应用开发等领域。在Node.js中，全局对象是一个重要的概念，它为开发者提供了一系列内置的全局变量和方法，使得编程变得更加便捷。本文将详细介绍Node.js的全局对象，帮助开发者更好地理解和运用它们。Node.js全局对象概述Node.js的全局对象指
  • linux mysql命令行操作
    命令行,linux,命令行操作相关学习资料：https://edu.51cto.com/video/797.htmlhttps://edu.51cto.com/video/1400.htmlhttps://edu.51cto.com/video/3832.htmlLinuxMySQL命令行操作入门指南作为一名刚入行的开发者，掌握Linux系统下的MySQL命令行操作是一项基本技能。本文将带你一步步
  • 深度解析JavaScript 闭包 coding随想 JavaScriptjavascript开发语言ecmascript
    深度解析JavaScript闭包引言：为什么闭包让人又爱又怕？在JavaScript的学习过程中，闭包（Closure）是一个绕不开的“坎”。很多开发者第一次接触闭包时，会感到一头雾水：“为什么函数能记住外部作用域的变量？”、“为什么闭包会导致内存泄漏？”。但另一方面，闭包又是JavaScript最强大的特性之一，它支撑着模块化开发、数据封装、异步编程等核心场景。本文将通过通俗的语言和生动的案例，
  • JavaScript中的函数柯里化（Currying）：从概念到实战 coding随想 JavaScriptjavascriptecmascript开发语言前端
    JavaScript中的函数柯里化（Currying）：从概念到实战在JavaScript开发中，函数式编程（FunctionalProgramming）逐渐成为一种主流思想。而函数柯里化（Currying），正是这一思想中的核心技巧之一。它不仅能提升代码的复用性和灵活性，还能帮助我们构建更优雅、更模块化的解决方案。本文将带你从零开始，深入理解柯里化的原理、实现方式及实际应用场景。一、什么是函数柯
  • webpack和vite区别 PromptOnce webpack前端node.js
    一、Webpack1.概述Webpack是一个模块打包工具，它会递归地构建依赖关系图，并将所有模块打包成一个或多个bundle（包）。2.特点配置灵活：Webpack提供了高度可定制的配置文件，可以根据项目需求进行各种优化。生态系统丰富：Webpack拥有庞大的插件和加载器生态系统，可以处理各种资源类型（JavaScript、CSS、图片等）。支持代码拆分：通过代码拆分和懒加载，Webpack可以
  • 实现网页中CSS图片3D旋转效果 Kiki-2189
    本文还有配套的精品资源，点击获取简介：CSS是一种用于定义文档呈现方式的技术，通过CSS3的3D转换功能，能够在二维平面上展示三维对象，让网页元素具有立体感。本文详细介绍了实现CSS图片3D旋转效果所需的CSS属性，如transform,perspective,transition,以及:hover选择器，并提供了一个简单的代码示例。同时，文章也提到了兼容性问题以及提供回退方案的重要性。1.CSS
  • uniapp处理后端返回的html字符串 萌新咦～ uni-app
    前言：采用v-html方法处理1.处理前↵↵document.forms[0].submit();2.处理后↵↵document.forms[0].submit();3.跳转页面方法//传参uni.setStorageSync("ICBC_GW_V3_HTML",res.result.payUrl)//跳转uni.navigateTo({url:"/subpages/cashier/webView
  • javascript 动态画心加文字 das白 #javascriptjavascript动态心型线文字
    测试//铺满屏幕varwidth=document.documentElement.clientWidth;varheight=document.documentElement.clientHeight;document.getElementById("gycanvas").setAttribute("width",width);document.getElementById("gycanvas"
  • javascript 动态画心 das白 #javascriptjavascript动态心型线
    测试canvas{background:lawngreen;//画布背景色}//铺满屏幕varwidth=document.documentElement.clientWidth;varheight=document.documentElement.clientHeight;document.getElementById("gycanvas").setAttribute("width",width
  • javascript 画心型线
    测试canvas{background:lawngreen;//画布背景色}//铺满屏幕varwidth=document.documentElement.clientWidth;varheight=document.documentElement.clientHeight;document.getElementById("gycanvas").setAttribute("width",width
  • 掌握Web3开发：从入门到精通 夲奋亻Jay Web3web3
    掌握Web3开发是一个涉及多个步骤和学习阶段的过程。以下是一些关键的步骤和开发案例，以及它们在搜索结果中的索引编号：了解区块链基础：学习区块链的基本概念，如去中心化、加密技术、共识机制等[1]。学习智能合约：学习智能合约的工作原理和它们在区块链上的应用，特别是以太坊平台上的智能合约[1]。掌握Web3.js或Ethers.js：学习如何使用这些JavaScript库与智能合约交互、发送交易和监听事
  • Solidity/Rust 实战 —— Web3 开发者免费训练营（第16期） moonshotcommons 共学营rustweb3开发语言
    HackQuest第16期Solidity/Rust共学营即将开营！Solidity/Rust共学营信息清单6月11日-6月20日免费（成功结营的小伙伴还将获得专属周边）全程线上(会议具体时间入营后通知)️头部公链官方签发的学习证书关于HackQuestHackQuest是一个充满活力的Web3开发者教育社区，我们的目标是培养下一代Web3开发者。目前我们的产品仍处于内测阶段，我们计划招募小伙伴们
  • 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其他