HTML基础知识总结

1、HTML 简介

1.1、什么是 HTML?

HTML 是用来描述网页地一种语言。

• HTML 指的是超文本标记语言（Hyper Text Markup Language）
• HTML 不是一种编程语言，而是一种标记语言（markup language）
• 标记语言是一套标记标签（markup tag）
• HTML 使用标记标签来描述网页

1.2、HTML 标签

HTML 标记标签通常被称为 HTML 标签（HTML tag）。

• HTML 标签是由尖括号包围地关键词，比如
• HTML 标签通常是成对出现地，比如
• 标签对中地第一个标签是开始标签，第二个标签是结束标签
• 开始和结束标签也被称为开放标签和闭合标签

1.3、HTML 文档 = 网页

• HTML 文档描述网页
• HTML 文档包含 HTML 标题和纯文本
• HTML 文档也被称为网页

Web 浏览器地作用是读取 HTML 文档，并以网页地形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容。

2、HTML 基础功能标签

标签	描述
	定义文档类型
	HTML 根元素，定义 HTML 文档
	定义关于文档的元信息
古诗歌 《春晓》 春眠不觉晓， 处处闻啼鸟。 夜来风雨声， 花落知多少。 《上李邕》 大鹏一日同风起，扶摇直上九万里。 假令风歇时下来，犹能簸却沧溟水。 世人见我恒殊调，闻余大言皆冷笑。 宣父犹能畏后生，丈夫未可轻年少。 3、HTML 格式化文本标签 标签 描述 abbr 定义缩写 address 定义文档作者或拥有着的联系信息 b 定义粗体文本 bdi 定义文本的文本方向，使其脱离其周围文本的方向设置 bdo 定义文字方向 blockquote 定义长的引用 cite 定义引用 code 定义计算机代码文本 del 定义被删除文本 dfn 定义项目 em 强调文本 i 定义斜体文本 ins 定义被插入文本 kbd 定义键盘文本 mark 定义有记号的文本 meter 定义预定义范围内的度量 pre 定义预格式文本 progress 定义任何类型的任务的进度 q 定义短的引用 rp 定义若浏览器不支持 ruby 元素显示的内容 rt 定义 ruby 注释的解释 ruby 定义 ruby 注释 s 定义加删除线的文本 samp 定义计算机代码样本 small 定义小号文本 strong 定义语气更为强烈的强调文本 sup 定义上标文本 sub 定义下标文本 template 定义用作容纳页面加载时隐藏内容的容器 time 定义日期/时间 u 定义下划线文本 var 定义文本的变量部分 wbr 定义可能的换行符 文本格式化标签基本使用 PRC [email protected] 这是粗体文本 床前明月光，疑是地上霜。 床前明月光，疑是地上霜。 This is a long quotation. This is a long quotation. This is a long quotation. This is a long quotation. This is a long quotation. 更多资料请看维基百科。 alert()的作用是让网页弹出一个提示框。 定义被删除的文本 通过 TCP/IP 协议连接的全球性计算机网络，叫做 Internet 定义强调文本 定义斜体 定义被插入的文本 定义键盘文本 我们讨论以后决定，运行会在下周三举办。 十分之三 function add() { console.log() } Here is a short quotation here is a short quotation 汉(han) 字(zi) 不被赞成使用的标签 如果使用没有定义的变量，浏览器会报错：Uncaught ReferenceError: foo is not defined。 定义小号字体 定义语气更为强烈的强调文本 定义上标 定义下标 情人节 定义下划线 var name = '李广'; 如果想学习 AJAX，那么您必须熟悉 XMLHttpRequest 对象。 4、form 表单和输入标签 标签 描述 form 定义供用户输入的 HTML 表单 input 定义输入控件 textarea 定义多行的文本输入控件 button 定义按钮 select 定义选择列表 optgroup 定义选择列表中的选项 label 定义 input 元素的标注 fieldset 定义围绕表单中元素的边框 legend 定义 field 元素的标题 datalist 定义下拉列表 keygen 定义生成密钥 output 定义输入的一些类型 4.1、form 属性 属性 值 描述 accept-charset charset_list 规定服务器可处理的表单数据字符集。UTF-8、ISO-8859-1 action URL 规定当提交表单时向何处发送表单数据 autocomplete on、off 规定是否用表单的自动完成功能 enctype application/x-www-form-urlencoded（默认；编码所有字符；空格转换为+，特殊符号转为 ASCII 码）、multipart/form-data（不编码；文件上传使用）、text/plain（空格转为+，不对特殊字符编码） 规定在发送表单数据之前如何对其进行编码 method get、post 规定用于发送 form-data 的 HTTP 方法 name form_name 规定表单的名称 novalidate novalidate 规定，提交表单不进行验证 4.1.1、form 表单 rel 属性 值 描述 alternate 当前文档的另一种形式，比如翻译 author 作者链接 bookmark 用作书签的永久地址 external 当前文档的外部参考文档 help 帮助链接 license 许可证链接 next 系列文档的下一篇 nofollow 告诉搜索引擎忽略该链接，主要用于用户提交的内容，防止有人企图通过添加链接，提高该链接 noreferrer 告诉浏览器打开链接时，不要将当前网址作为 HTTP 头信息的 Referer 字段发送出去，这样可以隐藏点击的来源 noopener 告诉浏览器打开链接时，不让链接窗口通过 JavaScript 的 window.opener 属性引用原始窗口 prev 系列文档的上一篇 search 文档的搜索链接 tag 文档的标签链接 4.1.2、form 表单 target 属性 值 描述 _blank 在新窗口中打开 _self 默认。在相同的框架中打开 _parent 在父框架集中打开 _top 在整个窗口中打开 framename 在指定框架中打开 4.2、表单控件属性 input 基本属性 属性 值 描述 autocomplete on、off 规定是否使用输入字段的自动完全成功 autofocus autofocus 规定输入字段在页面加载时是否获得焦点 dirname inputname.dir 规定将提交的文本方向 max number、date 规定输入字段的最大值 min number、date 规定输入字段的最小值 maxlength number 规定输入字段中的字符的最大长度 minlength number 规定输入字段中所需要的最小字符数 name field_name 定义 input 元素的名称 pattern regexp_pattern 规定输入字段的值的模式或格式 placeholder text 规定帮助用户填写输入字段的提示 readonly readonly 规定输入字段为只读 required required 指示输入字段的值是必须的 size number_of_char 定义以提交按钮形式显示的图像的 URL step number 规定输入字的合法数字间隔 type button、checkbox、file、hidden、image、password、radio、reset、submit、text 规定 input 元素的类型 value value 规定 input 元素的值 input type="submit"和 type=“image” 按钮类属性 属性 值 描述 align left、right、top、middle、bottom 规定图像输入的对其方式 formaction URL 覆盖表单的 action 属性（适用于 type=“submit” 和 type=“image”） formenctype application/x-www-form-urlencoded、multipart/form-data、text/plain 覆盖表单的 enctype（适用于 type=“submit” 和 type=“image”） formmethod get、post 覆盖表单的 method 属性（适用于 type=“submit” 和 type=“image”） formnovalidate formnovalidate 覆盖表单的 novalidate 属性，使用该属性，提交表单不进行验证 formtarget _blank、_self、_parent、_top、framename 覆盖表单的 target 属性（适用于 type=“submit” 和 type=“image”） height pixels、% 定义 input 字段的高度（适用于 type=“image”） width pixels、% 定义 input 字段的宽度（适用于 type=“image”） src URL 定义以提交按钮形式显示的图像的 URL alt text 定义图像输入的替代文本 input type=“file” 文件类属性 属性 值 描述 accept mime_type 规定通过文件上传提交的文件的类型 multiple multiple 如果使用该属性，则允许一个以上的值 input type=“radio” 和 type=“checkbox” 属性 属性 值 描述 checked checked 规定此 input 元素首次加载时应当被选中 input type=“url” 属性 属性 值 描述 list datalist-id 引用包含输入字段的预定义选项的 datalist textarea 属性 属性 值 描述 cols number 规定文本区内的可见宽度 rows number 规定文本区内的可见行数 wrap hard、soft 规定当在表单中提交时，文本区域中的文本如何换行 form 表单和输入标签基本使用 个人信息 用户名： 密码： 姓名: 性别： 男 女 年龄： 生日： 兴趣： 游泳 打球 爬山 头像： 网站： 只读： 备注： 重置 提交 普通按钮 城市： 请选择城市 北京 南京 上海 汽车： 宝来 朗逸 桑塔纳 帝豪 博瑞 博越 我属于myForm 表单 5、iframe 框架 iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。 把文本放置在 iframe 标签内，可以应对无法理解 iframe 的浏览器。 5.1、iframe 基本属性 属性 值 描述 name frame_name 规定 iframe 的名称 frameborder 1、0 规定是否显示框架周围的边框 width pixels、% 定义 iframe 的宽度 height pixels、% 定义 iframe 的高度 marginwidth pixels 定义 iframe 的左侧和右侧的边距 marginheight pixels 定义 iframe 的顶部和底部的边距 longdesc URL 规定一个页面，该页面包含了有关 iframe 的较长描述 scrolling yes、no、auto 规定是否在 iframe 中显示滚动条 seamless seamless 规定iframe看上去像是包含文档的一部分 src 规定在 iframe 中显示的文档的 URL srcdoc HTML_code 规定在 iframe 中显示的页面的 HTML 内容，覆盖src属性 6、图像标签 标签 描述 img 定义图像 map 定义图像映射 area 定义图像地图内部的区域 canvas 定义图形 figcaption 定义figure元素的标题 figure 定义媒介元素内容的分组，一级它们的标题 svg 定义 SVG 图形的容器 6.1、img 标签 属性 值 描述 src URL 规定显示图像的 URL alt text 规定图像的替代文本 width pixels、% 定义图像的宽度 height pixels、% 定义图像的高度 loading eager、lazy 规定浏览器是因该立即加载图像还是推迟加载屏幕外图像 ismap URL 将图像定义为服务器端图像映射 usemap URL 将图像定义为客户端图像的映射 图像标签基本使用 黄浦江上的卢浦大桥 7、音频/视频标签 标签 描述 audio 定义声音内容 source 定义媒介源 track 定义用在媒体播放器中的文本轨道 video 定义视频 7.1、audio 音频标签 属性 值 描述 autoplay autoplay 如果出现该属性，则音频在就绪后马上播放 controls controls 如果出现该属性，则向用户显示控件 loop loop 如果出现该属性，则每当音频结束时重新开始播放 muted muted 规定视频输出应该被静音 preload auto-当页面加载后载入整个音频、meta-当页面加载后只载入元数据、none-当页面加载后不载入音频 如果出现该属性免责音频在页面加载时进行加载，并预备播放 src url 要播放的音频的 URL 7.2、video 视频标签 属性 值 描述 autoplay autoplay 如果出现该属性，则视频在就绪后马上播放 controls controls 如果出现该属性，则向用户显示控件 width pixels 设置视频播放器的宽度 height pixels 设置视频播放器的高度 loop loop 如果出现该属性，则当媒介文件完成播放后再次开始播放 muted muted 规定视频的音频输出应该被静音 poster URL 规定视频下载时显示的图像，或者在用户点击播放安妮前显示的图像 preload auto-当页面加载后载入整个音频、meta-当页面加载后只载入元数据、none-当页面加载后不载入音频 如果出现该属性，则视频在页面加载时进行加载，并预备播放 src url 要播放的视频的 URL 7.3、source 标签 属性 值 描述 media media query 规定媒体资源的类型 src url 固定媒体文件的 URL srcset url 规定要在不同情况下使用的图像的 URL type numeric value 规定媒体资源的 MIME 类型 7.4、track 字幕标签 属性 值 描述 default default 规定该轨道是默认的，假如没有选择任何轨道 kind captions chapters、descriptions、metadata、subtitles label label 轨道的标签或标题 src url 轨道的 URL srclang langudage_code 轨道的语言，若 kind 属性值是 “subtitles”，则该属性必需的 音频/视频标签基本使用 8、链接标签 标签 描述 a 定义锚 link 定义文档与外部资源的关系 nav 定义导航链接 8.1、a 链接标签 属性 值 描述 download filename 规定被下载的超链接目标 href URL 规定链接指向的页面的 URL hreflang langudage_code 规定被链接文档的语言 media media_query 规定被链接文档是为何种媒介/设备优化的 ping list_of_URLs 规定以空格分隔的 URL 列表，当点击链接时，浏览器将发送带有正文 ping 的 post 请求。通常用于跟踪 rel text 规定当前文档与被链接文档之间的关系 target _blank、_parent、_self、_top 规定在何处打开链接文档 type MIME type 规定被链接文档的 MIME 类型 链接标签基本使用 下载图片 9、列表标签 标签 描述 ul 定义无序列表 ol 定义有序列表 li 定义列表中的项目 dl 定义列表 dt 定义列表中的项目 dd 描述列表中的项目 列表标签基本使用 苹果 西瓜 香蕉 咖啡 牛奶 茶 计算机 用来计算的仪器 ... ... 显示器 以视觉方式显示信息的装置 ... ... 10、table 表格标签 标签 描述 table 定义表格 caption 定义表格标题 thead 定义表格中表头内容 tbody 定义表格中的主体内容 tfoot 定义表格中的脚注内容 tr 定义表格中的行 th 定义表格中的表头单元格 td 定义表格中的单元 10.1、table 标签属性 属性 值 描述 border pixels 规定表格边框的宽度 cellpadding pixels、% 规定单元边沿与其内容之间的空白 cellspacing pixels、% 规定单元格之间的空白 width pixels、% 规定表格的宽度 summary text 规定表格的摘要 frame void（不显示）、above（上）、rhs（右）、below（下）、lhs（左）、hsides（上下）vsides（左右）、box（全部）、border（全部） 规定外侧边框的哪个部分是可见的 10.2、tr、thead、tbody、tfoot 标签属性 属性 值 描述 align right、left、center、justify、char 定义表格行的内容对齐方式 valign top（上）、middle（中）、bottom（下）、baseline（基线） 规定表格行中内容的垂直对齐方式 10.3、th\td 标签属性 属性 值 描述 align left、right、center、justify 规定单元格内容的水平对齐方式 colspan number 设置单元格可横跨的列数 rowspan number 规定单元格可横跨的行数 scope col、colgroup、row、rowgroup 定义将表头数据与单元数据相关联的方法 valign top、middle、bottom、baseline 规定单元格内容的垂直排列方式 表格标签基本使用 18班成绩单 姓名 年龄 成绩 黄天霸 15 85 黄飞虎 18 黄飞虎 19 90 黄飞虎 20 100 平均成绩 90 11、样式和语义 标签 描述 style 定义文档的样式信息 div 定义文档中的分区或节，块级元素 span 定义文档中的节，行内元素 header 定义 section 或 page 的页眉 footer 定义 section 或 page 的页脚 main 定义文档的主要内容 section 定义文章中的节 article 定义文章 aside 定义页面内容之外的内容 details 定义对话框或窗口 summary 为 details 元素定义可见的标题 data 添加给定内容的机器可读翻译 样式和语义标签基本使用 标题一 菜单1 菜单2 菜单3 菜单4 菜单5 菜单6 菜单7 菜单8 菜单9 Epcot Center The Epcot Center is a theme park in Disney World, Florida COPYRIGHT@测试 All pages and graphics on this web site are the property of W3School 12、元信息 标签 描述 head 定义关于文档的信息 meta 关于 HTML 文档的元信息 base 定义页面中所有链接的默认地址或默认目标 meta属性 属性 值 描述 charset character_set 规定 HTML 文档的字符编码 content text 定义与 http-equiv 或 name 属性相关的元信息 http-equiv content-security-policy（规定文档的内容策略）、content-type（规定文档的字符编码）、default-type（规定要使用的首选样式表）、refresh（定义文档自我刷新的时间间隔） 把 content 属性关联到 HTTP 头部 name author（规定文档作者的姓名）、description（规定页面的描述。搜索引擎可以选择此描述来显示搜索结果）、generator（规定用于生成文档的软件包之一）、keywords（规定以逗号分隔的关键字列表）、viewport（控制视口） 把 content 属性关联到一个名称 scheme some_text 定义用于翻译 content 属性值的格式 元信息标签基本使用 打开默认地址 13、编程标签 标签 描述 script 定义客户端脚本 noscript 定义针对不支持客户端脚本的用户的替代内容 script 属性 属性 值 描述 async async 规定异步执行脚本 charset charset 规定在外部脚本文件中使用的字符编码 corssorigin anonymous、use-credentials 将请求模式设置为 HTTP CORS 请求 defer defer 规定是否对脚本执行进行延迟，直到页面加载为止 src 规定外部脚本文件的 URL type MIME-type 指示脚本的 MIME 类型 14、全局属性 属性 描述 accesskey 规定激活元素的快捷键 class 规定元素的一个或多个类型 contenteditable 规定元素内容是否可编辑 contextmenu 规定元素的上下文菜单。上下文菜单在用户点击元素时显示 data-* 用于存储页面或应用程序的私有定制数据 dir 规定元素中内容的文本方向 draggable 规定元素是否可拖动 dropzone 规定在拖动被拖动数据时是否进行复制、移动或链接 hidden 规定元素仍未或不再相关 id 规定元素的唯一id lang 规定元素内容的语言 spellcheck 规定是否对元素进行拼写和语法检查 style 规定元素的行内 CSS 样式 tabindex 规定元素的 tab 键次序 title 规定有关元素的额外信息 translate 规定是否应该翻译元素内容 你可能感兴趣的:(前端第二期,html,前端,javascript) Long类型前后端数据不一致 igotyback 前端 响应给前端的数据浏览器控制台中response中看到的Long类型的数据是正常的到前端数据不一致前后端数据类型不匹配是一个常见问题，尤其是当后端使用Java的Long类型（64位）与前端JavaScript的Number类型（最大安全整数为2^53-1，即16位）进行数据交互时，很容易出现精度丢失的问题。这是因为JavaScript中的Number类型无法安全地表示超过16位的整数。为了解决这个问 swagger访问路径 igotyback swagger Swagger2.x版本访问地址：http://{ip}:{port}/{context-path}/swagger-ui.html{ip}是你的服务器IP地址。{port}是你的应用服务端口，通常为8080。{context-path}是你的应用上下文路径，如果应用部署在根路径下，则为空。Swagger3.x版本对于Swagger3.x版本（也称为OpenAPI3）访问地址：http://{ip html 中如何使用 uniapp 的部分方法 某公司摸鱼前端 htmluni-app前端 示例代码：Documentconsole.log(window);效果展示：好了，现在就可以uni.使用相关的方法了 四章-32-点要素的聚合 彩云飘过 本文基于腾讯课堂老胡的课《跟我学Openlayers--基础实例详解》做的学习笔记，使用的openlayers5.3.xapi。源码见1032.html，对应的官网示例https://openlayers.org/en/latest/examples/cluster.htmlhttps://openlayers.org/en/latest/examples/earthquake-clusters. DIV+CSS+JavaScript技术制作网页（旅游主题网页设计与制作）云南大理 STU学生网页设计 网页设计期末网页作业html静态网页html5期末大作业网页设计web大作业 ️精彩专栏推荐作者主页:【进入主页—获取更多源码】web前端期末大作业：【HTML5网页期末作业(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作(110套)】文章目录二、网站介绍三、网站效果▶️1.视频演示2.图片演示四、网站代码HTML结构代码CSS样式代码五、更多源码二、网站介绍网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。网站程 【加密社】Solidity 中的事件机制及其应用 加密社 闲侃区块链智能合约区块链 加密社引言在Solidity合约开发过程中，事件（Events）是一种非常重要的机制。它们不仅能够让开发者记录智能合约的重要状态变更，还能够让外部系统（如前端应用）监听这些状态的变化。本文将详细介绍Solidity中的事件机制以及如何利用不同的手段来触发、监听和获取这些事件。事件存储的地方当我们在Solidity合约中使用emit关键字触发事件时，该事件会被记录在区块链的交易收据中。具体而言，事件 关于城市旅游的HTML网页设计——(旅游风景云南 5页)HTML+CSS+JavaScript 二挡起步 web前端期末大作业javascripthtmlcss旅游风景 ⛵源码获取文末联系✈Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业|游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作|HTML期末大学生网页设计作业，Web大学生网页HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScrip HTML网页设计制作大作业（div+css） 云南我的家乡旅游景点 带文字滚动 二挡起步 web前端期末大作业web设计网页规划与设计htmlcssjavascriptdreamweaver前端 Web前端开发技术描述网页设计题材，DIV+CSS布局制作,HTML+CSS网页设计期末课程大作业游景点介绍|旅游风景区|家乡介绍|等网站的设计与制作HTML期末大学生网页设计作业HTML：结构CSS：样式在操作方面上运用了html5和css3，采用了div+css结构、表单、超链接、浮动、绝对定位、相对定位、字体样式、引用视频等基础知识JavaScript：做与用户的交互行为文章目录前端学习路线 node.js学习 小猿L node.jsnode.js学习vim node.js学习实操及笔记温故node.js，node.js学习实操过程及笔记~node.js学习视频node.js官网node.js中文网实操笔记githubcsdn笔记为什么学node.js可以让别人访问我们编写的网页为后续的框架学习打下基础，三大框架vuereactangular离不开node.jsnode.js是什么官网：node.js是一个开源的、跨平台的运行JavaScript的运行 第二期心理咨询师培训 第1组分享第八天 张云511 学会与问题共存—事情不会只有一个面读完本节，印象最深的点就是“扩大白色而非消灭黑色”。其实在班级管理中也是一样，我们暂时不要着急去消灭问题，而是注意学生哪些方面很不错，值得我们去扩大，我们要发现学生的资源与潜力，从正向的意义出发，发挥滴水穿石的力量，让一个个小改变汇集出巨大的改变！调整看事情的角度，不把生活问题扩大，是我们学习“与问题共存”的重要一步。换个角度看问题，会改变自己，也会感动别人！这样 springboot+vue项目实战一-创建SpringBoot简单项目 苹果酱0567 面试题汇总与解析springboot后端java中间件开发语言 这段时间抽空给女朋友搭建一个个人博客，想着记录一下建站的过程，就当做笔记吧。虽然复制zjblog只要一个小时就可以搞定一个网站，或者用cms系统，三四个小时就可以做出一个前后台都有的网站，而且想做成啥样也都行。但是就是要从新做，自己做的意义不一样，更何况，俺就是专门干这个的，嘿嘿嘿要做一个网站，而且从零开始，首先呢就是技术选型了，经过一番思量决定选择-SpringBoot做后端，前端使用Vue做一 JavaScript 中，深拷贝（Deep Copy）和浅拷贝（Shallow Copy） 跳房子的前端 前端面试javascript开发语言ecmascript 在JavaScript中，深拷贝（DeepCopy）和浅拷贝（ShallowCopy）是用于复制对象或数组的两种不同方法。了解它们的区别和应用场景对于避免潜在的bugs和高效地处理数据非常重要。以下是对深拷贝和浅拷贝的详细解释，包括它们的概念、用途、优缺点以及实现方式。1.浅拷贝（ShallowCopy）概念定义：浅拷贝是指创建一个新的对象或数组，其中包含了原对象或数组的基本数据类型的值和对引用数 博客网站制作教程 2401_85194651 javamaven 首先就是技术框架：后端：Java+SpringBoot数据库：MySQL前端：Vue.js数据库连接：JPA(JavaPersistenceAPI)1.项目结构blog-app/├──backend/│├──src/main/java/com/example/blogapp/││├──BlogApplication.java││├──config/│││└──DatabaseConfig.java 00. 这里整理了最全的爬虫框架（Java + Python） 有一只柴犬 爬虫系列爬虫javapython 目录1、前言2、什么是网络爬虫3、常见的爬虫框架3.1、java框架3.1.1、WebMagic3.1.2、Jsoup3.1.3、HttpClient3.1.4、Crawler4j3.1.5、HtmlUnit3.1.6、Selenium3.2、Python框架3.2.1、Scrapy3.2.2、BeautifulSoup+Requests3.2.3、Selenium3.2.4、PyQuery3.2 详解：如何设计出健壮的秒杀系统？ 夜空_2cd3 作者：Yrion博客园：cnblogs.com/wyq178/p/11261711.html前言：秒杀系统相信很多人见过，比如京东或者淘宝的秒杀，小米手机的秒杀。那么秒杀系统的后台是如何实现的呢？我们如何设计一个秒杀系统呢？对于秒杀系统应该考虑哪些问题？如何设计出健壮的秒杀系统？本期我们就来探讨一下这个问题：image目录一：****秒杀系统应该考虑的问题二：****秒杀系统的设计和技术方案三：* JavaScript `Map` 和 `WeakMap`详细解释 跳房子的前端 JavaScript原生方法javascript前端开发语言 在JavaScript中，Map和WeakMap都是用于存储键值对的数据结构，但它们有一些关键的不同之处。MapMap是一种可以存储任意类型的键值对的集合。它保持了键值对的插入顺序，并且可以通过键快速查找对应的值。Map提供了一些非常有用的方法和属性来操作这些数据对：set(key,value):将一个键值对添加到Map中。如果键已经存在，则更新其对应的值。get(key):获取指定键的值。如果键 最简单将静态网页挂载到服务器上(不用nginx) 全能全知者 服务器nginx运维前端html笔记 最简单将静态网页挂载到服务器上(不用nginx)如果随便弄个静态网页挂在服务器都要用nignx就太麻烦了，所以直接使用Apache来搭建一些简单前端静态网页会相对方便很多检查Web服务器服务状态：sudosystemctlstatushttpd#ApacheWeb服务器如果发现没有安装web服务器：安装Apache：sudoyuminstallhttpd启动Apache：sudosystemctl 补充元象二面 Redstone Monstrosity 前端面试 1.请尽可能详细地说明，防抖和节流的区别，应用场景？你的回答中不要写出示例代码。防抖（Debounce）和节流（Throttle）是两种常用的前端性能优化技术，它们的主要区别在于如何处理高频事件的触发。以下是防抖和节流的区别和应用场景的详细说明：防抖和节流的定义防抖：在一段时间内，多次执行变为只执行最后一次。防抖的原理是，当事件被触发后，设置一个延迟定时器。如果在这个延迟时间内事件再次被触发，则重 微信小程序开发注意事项 jun778895 微信小程序小程序 微信小程序开发是一个融合了前端开发、用户体验设计、后端服务（可选）以及微信小程序平台特性的综合性项目。这里，我将详细介绍一个典型的小程序开发项目的全过程，包括项目规划、设计、开发、测试及部署上线等各个环节，并尽量使内容达到或超过2000字的要求。一、项目规划1.1项目背景与目标假设我们要开发一个名为“智慧校园助手”的微信小程序，旨在为学生提供一站式校园生活服务，包括课程表查询、图书馆座位预约、食堂 切换淘宝最新npm镜像源是 hai40587 npm前端node.js 切换淘宝最新npm镜像源是一个相对简单的过程，但首先需要明确当前淘宝npm镜像源的状态和最新的镜像地址。由于网络环境和服务更新，镜像源的具体地址可能会发生变化，因此，我将基于当前可获取的信息，提供一个通用的切换步骤，并附上最新的镜像地址（截至回答时）。一、了解npm镜像源npm（NodePackageManager）是JavaScript的包管理器，用于安装、更新和管理项目依赖。由于npm官方仓库 字节二面 Redstone Monstrosity 前端面试 1.假设你是正在面试前端开发工程师的候选人，面试官让你详细说出你上一段实习过程的收获和感悟。在上一段实习过程中，我获得了宝贵的实践经验和深刻的行业洞察，以下是我的主要收获和感悟：一、专业技能提升框架应用熟练度：通过实际项目，我深入掌握了React、Vue等前端框架的使用，不仅提升了编码效率，还学会了如何根据项目需求选择合适的框架。问题解决能力：在实习期间，我遇到了许多预料之外的技术难题。通过查阅文 斟一小组鸡血视频 和自己一起成长 http://m.v.qq.com/play/play.html?coverid=&vid=c0518henl2a&ptag=2_6.0.0.14297_copy有一种努力叫做靠自己http://m.v.qq.com/play/play.html?coverid=&vid=i0547o426g4&ptag=2_6.0.0.14297_copy世界最励志短片https://v.qq.com/x/pa 前端代码上传文件 余生逆风飞翔 前端javascript开发语言 点击上传文件import{ElNotification}from'element-plus'import{API_CONFIG}from'../config/index.js'import{UploadFilled}from'@element-plus/icons-vue'import{reactive}from'vue'import{BASE_URL}from'../config/index'i Dockerfile命令详解之 FROM 清风怎不知意 容器化java前端javascript 许多同学不知道Dockerfile应该如何写，不清楚Dockerfile中的指令分别有什么意义，能达到什么样的目的，接下来我将在容器化专栏中详细的为大家解释每一个指令的含义以及用法。专栏订阅传送门https://blog.csdn.net/qq_38220908/category_11989778.html指令不区分大小写。但是，按照惯例，它们应该是大写的，以便更容易地将它们与参数区分开来。(引用 《HTML 与 CSS—— 响应式设计》 陈在天box htmlcss前端 一、引言在当今数字化时代，人们使用各种不同的设备访问互联网，包括智能手机、平板电脑、笔记本电脑和台式机等。为了确保网站在不同设备上都能提供良好的用户体验，响应式设计成为了网页开发的关键。HTML和CSS作为网页开发的基础技术，在实现响应式设计方面发挥着重要作用。本文将深入探讨HTML与CSS中的响应式设计原理、方法和最佳实践。二、响应式设计的概念与重要性（一）概念响应式设计是一种网页设计方法，旨在 【C语言】- 自定义类型：结构体、枚举、联合 Cavalier_01 C语言 【C语言】：操作符（https://mp.csdn.net/editor/html/115218055）数据类型（https://mp.csdn.net/editor/html/115219664）自定义类型：结构体、枚举、联合（https://mp.csdn.net/editor/html/115373785）变量、常量（https://mp.csdn.net/editor/html/11523 uniapp实现动态标记效果详细步骤【前端开发】 2401_85123349 uni-app 第二个点在于实现将已经被用户标记的内容在下一次获取后刷新它的状态为已标记。这是什么意思呢？比如说上面gif图中的这些人物对象，有一些已被该用户添加为关心，那么当用户下一次进入该页面时，这些已经被添加关心的对象需要以“红心”状态显现出来。这个点的难度还不算大，只需要在每一次获取后端的内容后对标记对象进行状态更新即可。II.动态标记效果实现思路和步骤首先，整体的思路是利用动态类名对不同的元素进行选择。 高性能javascript--算法和流程控制 海淀萌狗 -for,while和do-while性能相当-避免使用for-in循环，==除非遍历一个属性量未知的对象==es5:for-in遍历的对象便不局限于数组，还可以遍历对象。原因：for-in每次迭代操作会同时搜索实例或者原型属性，for-in循环的每次迭代都会产生更多开销，因此要比其他循环类型慢，一般速度为其他类型循环的1/7。因此，除非明确需要迭代一个属性数量未知的对象，否则应避免使用for-i html+css网页设计 旅游网站首页1个页面 html+css+js网页设计 htmlcss旅游 html+css网页设计旅游网站首页1个页面网页作品代码简单，可使用任意HTML辑软件（如：Dreamweaver、HBuilder、Vscode、Sublime、Webstorm、Text、Notepad++等任意html编辑软件进行运行及修改编辑等操作）。获取源码1，访问该网站https://download.csdn.net/download/qq_42431718/897527112，点击 spring mvc @RequestBody String类型参数 zoyation spring-mvcspringmvc 通过如下配置：text/html;charset=UTF-8application/json;charset=UTF-8在springmvc的Controller层使用@RequestBody接收Content-Type为application/json的数据时，默认支持Map方式和对象方式参数@RequestMapping(value="/{code}/saveUser",method=Requ 安装数据库首次应用 Array_06 javaoraclesql 可是为什么再一次失败之后就变成直接跳过那个要求 enter full pathname of java.exe的界面 这个java.exe是你的Oracle 11g安装目录中例如：【F:\app\chen\product\11.2.0\dbhome_1\jdk\jre\bin】下的java.exe 。不是你的电脑安装的java jdk下的java.exe！ 注意第一次，使用SQL D Weblogic Server Console密码修改和遗忘解决方法 bijian1013 Welogic         在工作中一同事将Weblogic的console的密码忘记了，通过网上查询资料解决，实践整理了一下。 一.修改Console密码         打开weblogic控制台，安全领域 --> myrealm -->&n IllegalStateException: Cannot forward a response that is already committed Cwind javaServlets 对于初学者来说，一个常见的误解是：当调用 forward() 或者 sendRedirect() 时控制流将会自动跳出原函数。标题所示错误通常是基于此误解而引起的。 示例代码： protected void doPost() { if (someCondition) { sendRedirect(); } forward(); // Thi 基于流的装饰设计模式 木zi_鸣 设计模式 当想要对已有类的对象进行功能增强时，可以定义一个类，将已有对象传入，基于已有的功能，并提供加强功能。 自定义的类成为装饰类 模仿BufferedReader，对Reader进行包装，体现装饰设计模式 装饰类通常会通过构造方法接受被装饰的对象，并基于被装饰的对象功能，提供更强的功能。 装饰模式比继承灵活，避免继承臃肿，降低了类与类之间的关系 装饰类因为增强已有对象，具备的功能该 Linux中的uniq命令 被触发 linux Linux命令uniq的作用是过滤重复部分显示文件内容，这个命令读取输入文件，并比较相邻的行。在正常情 况下，第二个及以后更多个重复行将被删去，行比较是根据所用字符集的排序序列进行的。该命令加工后的结果写到输出文件中。输入文件和输出文件必须不同。如 果输入文件用“- ”表示，则从标准输入读取。 AD： uniq [选项] 文件 说明：这个命令读取输入文件，并比较相邻的行。在正常情况下，第二个 正则表达式Pattern 肆无忌惮_ Pattern 正则表达式是符合一定规则的表达式，用来专门操作字符串，对字符创进行匹配，切割，替换，获取。   例如，我们需要对QQ号码格式进行检验 规则是长度6~12位  不能0开头  只能是数字，我们可以一位一位进行比较，利用parseLong进行判断，或者是用正则表达式来匹配[1-9][0-9]{4,14} 或者 [1-9]\d{4,14} &nbs Oracle高级查询之OVER (PARTITION BY ..) 知了ing oraclesql 一、rank()/dense_rank() over(partition by ...order by ...) 现在客户有这样一个需求，查询每个部门工资最高的雇员的信息，相信有一定oracle应用知识的同学都能写出下面的SQL语句： select e.ename, e.job, e.sal, e.deptno from scott.emp e, (se Python调试 矮蛋蛋 pythonpdb 原文地址： http://blog.csdn.net/xuyuefei1988/article/details/19399137 1、下面网上收罗的资料初学者应该够用了，但对比IBM的Python 代码调试技巧： IBM：包括 pdb 模块、利用 PyDev 和 Eclipse 集成进行调试、PyCharm 以及 Debug 日志进行调试： http://www.ibm.com/d webservice传递自定义对象时函数为空，以及boolean不对应的问题 alleni123 webservice 今天在客户端调用方法 NodeStatus status=iservice.getNodeStatus(). 结果NodeStatus的属性都是null。 进行debug之后，发现服务器端返回的确实是有值的对象。 后来发现原来是因为在客户端，NodeStatus的setter全部被我删除了。 本来是因为逻辑上不需要在客户端使用setter， 结果改了之后竟然不能获取带属性值的 java如何干掉指针，又如何巧妙的通过引用来操作指针————>说的就是java指针 百合不是茶 C语言的强大在于可以直接操作指针的地址，通过改变指针的地址指向来达到更改地址的目的,又是由于c语言的指针过于强大，初学者很难掌握， java的出现解决了c，c++中指针的问题 java将指针封装在底层，开发人员是不能够去操作指针的地址，但是可以通过引用来间接的操作：   定义一个指针p来指向a的地址（&是地址符号）：         Eclipse打不开，提示“An error has occurred.See the log file ***/.log” bijian1013 eclipse 打开eclipse工作目录的\.metadata\.log文件，发现如下错误： !ENTRY org.eclipse.osgi 4 0 2012-09-10 09:28:57.139 !MESSAGE Application error !STACK 1 java.lang.NoClassDefFoundError: org/eclipse/core/resources/IContai spring aop实例annotation方法实现 bijian1013 javaspringAOPannotation         在spring aop实例中我们通过配置xml文件来实现AOP，这里学习使用annotation来实现，使用annotation其实就是指明具体的aspect,pointcut和advice。1.申明一个切面(用一个类来实现)在这个切面里,包括了advice和pointcut AdviceMethods.jav [Velocity一]Velocity语法基础入门 bit1129 velocity 用户和开发人员参考文档 http://velocity.apache.org/engine/releases/velocity-1.7/developer-guide.html   注释 1.行级注释## 2.多行注释#*  *#   变量定义 使用$开头的字符串是变量定义，例如$var1, $var2,   赋值 使用#set为变量赋值，例 【Kafka十一】关于Kafka的副本管理 bit1129 kafka 1. 关于request.required.acks   request.required.acks控制者Producer写请求的什么时候可以确认写成功，默认是0， 0表示即不进行确认即返回。 1表示Leader写成功即返回，此时还没有进行写数据同步到其它Follower Partition中 -1表示根据指定的最少Partition确认后才返回，这个在   Th lua统计nginx内部变量数据 ronin47 lua nginx　 统计 server { listen 80; server_name photo.domain.com; location /{set $str $uri; content_by_lua ' local url = ngx.var.uri local res = ngx.location.capture( java-11.二叉树中节点的最大距离 bylijinnan java import java.util.ArrayList; import java.util.List; public class MaxLenInBinTree { /* a. 1 / \ 2 3 / \ / \ 4 5 6 7 max=4 pass "root" Netty源码学习-ReadTimeoutHandler bylijinnan javanetty ReadTimeoutHandler的实现思路： 开启一个定时任务，如果在指定时间内没有接收到消息，则抛出ReadTimeoutException 这个异常的捕获，在开发中，交给跟在ReadTimeoutHandler后面的ChannelHandler，例如 private final ChannelHandler timeoutHandler = new ReadTim jquery验证上传文件样式及大小(好用) cngolon 文件上传jquery验证 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="jquery1.8/jquery-1.8.0. 浏览器兼容【转】 cuishikuan css浏览器IE 浏览器兼容问题一：不同浏览器的标签默认的外补丁和内补丁不同 问题症状：随便写几个标签，不加样式控制的情况下，各自的margin 和padding差异较大。 碰到频率:100% 解决方案：CSS里    *{margin:0;padding:0;} 备注：这个是最常见的也是最易解决的一个浏览器兼容性问题，几乎所有的CSS文件开头都会用通配符*来设 Shell特殊变量：Shell $0, $#, $*, $@, $?, $$和命令行参数 daizj shell$#$?特殊变量 前面已经讲到，变量名只能包含数字、字母和下划线，因为某些包含其他字符的变量有特殊含义，这样的变量被称为特殊变量。例如，$ 表示当前Shell进程的ID，即pid，看下面的代码： $echo $$ 运行结果 29949   特殊变量列表 变量 含义 $0 当前脚本的文件名 $n 传递给脚本或函数的参数。n 是一个数字，表示第几个参数。例如，第一个 程序设计KISS 原则-------KEEP IT SIMPLE, STUPID! dcj3sjt126com unix 翻到一本书，讲到编程一般原则是kiss：Keep It Simple, Stupid.对这个原则深有体会，其实不仅编程如此，而且系统架构也是如此。 KEEP IT SIMPLE, STUPID! 编写只做一件事情，并且要做好的程序；编写可以在一起工作的程序，编写处理文本流的程序，因为这是通用的接口。这就是UNIX哲学.所有的哲学真 正的浓缩为一个铁一样的定律，高明的工程师的神圣的“KISS 原 android Activity间List传值 dcj3sjt126com Activity 第一个Activity： import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Map;import android.app.Activity;import android.content.Intent;import android.os.Bundle;import a tomcat 设置java虚拟机内存 eksliang tomcat 内存设置 转载请出自出处：http://eksliang.iteye.com/blog/2117772 http://eksliang.iteye.com/ 常见的内存溢出有以下两种: java.lang.OutOfMemoryError: PermGen space java.lang.OutOfMemoryError: Java heap space   ------------ Android 数据库事务处理 gqdy365 android 使用SQLiteDatabase的beginTransaction()方法可以开启一个事务，程序执行到endTransaction() 方法时会检查事务的标志是否为成功，如果程序执行到endTransaction()之前调用了setTransactionSuccessful() 方法设置事务的标志为成功则提交事务，如果没有调用setTransactionSuccessful() 方法则回滚事务。事 Java 打开浏览器 hw1287789687 打开网址open浏览器open browser打开url打开浏览器 使用java 语言如何打开浏览器呢? 我们先研究下在cmd窗口中,如何打开网址 使用IE 打开 D:\software\bin>cmd /c start iexplore http://hw1287789687.iteye.com/blog/2153709 使用火狐打开 D:\software\bin>cmd /c start firefox http://hw1287789 ReplaceGoogleCDN：将 Google CDN 替换为国内的 Chrome 插件 justjavac chromeGooglegoogle apichrome插件 Chrome Web Store 安装地址： https://chrome.google.com/webstore/detail/replace-google-cdn/kpampjmfiopfpkkepbllemkibefkiice 由于众所周知的原因，只需替换一个域名就可以继续使用Google提供的前端公共库了。 同样，通过script标记引用这些资源，让网站访问速度瞬间提速吧 进程VS.线程 m635674608 线程 资料来源： http://www.liaoxuefeng.com/wiki/001374738125095c955c1e6d8bb493182103fac9270762a000/001397567993007df355a3394da48f0bf14960f0c78753f000 1、Apache最早就是采用多进程模式 2、IIS服务器默认采用多线程模式 3、多进程优缺点 优点： 多进程模式最大 Linux下安装MemCached 字符串 memcached 前提准备：1. MemCached目前最新版本为：1.4.22，可以从官网下载到。2. MemCached依赖libevent，因此在安装MemCached之前需要先安装libevent。2.1 运行下面命令，查看系统是否已安装libevent。[root@SecurityCheck ~]# rpm -qa|grep libevent libevent-headers-1.4.13-4.el6.n java设计模式之--jdk动态代理（实现aop编程） Supanccy2013 javaDAO设计模式AOP     与静态代理类对照的是动态代理类，动态代理类的字节码在程序运行时由Java反射机制动态生成，无需程序员手工编写它的源代码。动态代理类不仅简化了编程工作，而且提高了软件系统的可扩展性，因为Java 反射机制可以生成任意类型的动态代理类。java.lang.reflect 包中的Proxy类和InvocationHandler 接口提供了生成动态代理类的能力。 & Spring 4.2新特性-对java8默认方法(default method)定义Bean的支持 wiselyman spring 4 2.1 默认方法(default method) java8引入了一个default medthod; 用来扩展已有的接口,在对已有接口的使用不产生任何影响的情况下,添加扩展 使用default关键字 Spring 4.2支持加载在默认方法里声明的bean 2.2 将要被声明成bean的类 public class DemoService { 按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他 首页 - 关于我们 - 站内搜索 - Sitemap - 侵权投诉 版权所有 IT知识库 CopyRight © 2000-2050 E-COM-NET.COM , All Rights Reserved.