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) uni-app实现 步骤条 夏夏的码农 uni-app 实现如图样式html部分代码如下投资期限与收益0?'active':'default'">募集开始1?'active':'default'">募集结束2?'active':'default'">产品成立3?'active':'default'">产品到期0?'active-step1':'step1'">1?'active-st 大前端-postcss安装使用指南 黑夜照亮前行的路 postcss PostCSS是一款强大的CSS处理工具，可以用来自动添加浏览器前缀、代码合并、代码压缩等，提升代码的可读性，并支持使用最新的CSS语法。以下是一份简化的PostCSS安装使用指南：一、安装PostCSS在你的项目目录中，通过npm（NodePackageManager）来安装PostCSS。打开命令行窗口，输入以下命令：bash复制代码npminstallpostcss--save-dev这将把 谷歌浏览器驱动Chromedriver（114-120版本）文件以及驱动下载教程 pigerr杨 Pythonpythonchromedrivers ChromeDriver官方网站GitHub||GoogleChromeLabs/chrome-for-testingChromeDriver113-125_JSONChromeforTestingavailability123-125zip白月黑羽Python基础|进阶|Qt图形界面|Django|自动化测试|性能测试|JS语言|JS前端|原理与安装 虚拟 DOM 的优缺点有哪些 咕噜签名分发 前端javascript开发语言 虚拟DOM（VirtualDOM）技术作为现代前端开发中的重要组成部分，已经成为了众多流行前端框架的核心特性。它的引入为前端开发带来了诸多优势，同时也需要我们认真思考其潜在的考量。下面简单的介绍一下虚拟DOM技术的优势与缺点，深入探讨其在实际应用中的影响。提升性能虚拟DOM的最大优势之一是提升页面性能。通过比较前后两次虚拟DOM树的差异，最小化实际DOM操作，从而减少页面重渲染时的性能消耗。这种优 3、JavaWeb-Ajax/Axios-前端工程化-Element 所谓远行Misnearch #JavaWeb前端ajaxelementuijava前端框架 P34Ajax介绍Ajax:AsynchroousJavaScriptAndXML，异步的JS和XMLJS网页动作，XML一种标记语言，存储数据，作用：数据交换：通过Ajax给服务器发送请求，并获取服务器响应的数据异步交互：在不重新加载整个页面的情况下，与服务器交换数据并实现更新部分网页的技术，例如：搜索联想、用户名是否可用的校验等等。同步与异步：同步：服务器在处理中客户端要处于等待状态，输入域名 python转码 Desamond python开发语言 转码在许多场景中都有应用，以下是一些常见的场景：网页开发：当用户在网页上输入文本时，可能需要将特殊字符（如空格、引号、特殊符号等）进行转码，以防止这些字符对URL或HTML代码产生干扰。文件名处理：在处理文件名时，可能需要将特殊字符进行转码，以避免文件名被错误地解析或显示。数据传输：在数据传输过程中，为了确保数据的完整性和正确性，可能需要将数据中的特殊字符进行转码。数据存储：在数据库或数据存储中， 2021-04-11 英英成长日记 （1）每天写50字以上的催眠语言肯定自己或孩子或爱人今天的公益沙龙第二期，你有充分的准备！所以一切都很顺利！你还可以更灵活，我相信你可以做到！你是一个有爱的人！爱能成就一切！加油！分享也是成长！你说对吗？（2）每天晚上跟潜意识沟通一次。谢谢你潜意识，今天支持我讲完两个小时沙龙！感恩你每天这样支持我成长学习！（3）每天学习三条时间管理方法，共100条。(4)自己想要坚持3件事（确定下来至少一件，坚持 Python dict字符串转json对象，小数精度丢失问题 朝如青丝 暮成雪 jsonpython 一前言JSON(JavaScriptObjectNotation)是一种轻量级的数据交换格式，dict是Python的一种数据格式。本篇介绍一个float数据转换时精度丢失的案例。二问题描述importjsontest_str1='{"π":3.1415926535897932384626433832795028841971}'test_str2='{"value":10.00000}'print java实体中返回前端的double类型四舍五入（格式化） 婲落ヽ紅顏誶 java 根据业务，需要通过后端给前端返回部分double类型的数值，一般需要保留两位小数，使用jackson转换对象packagecom.ruoyi.common.core.config;importcom.fasterxml.jackson.core.JsonGenerator;importcom.fasterxml.jackson.databind.JsonSerializer;importcom.f Django forms组件 在飞行-米龙 Djangodjangopython后端 【一】引入【1】实现登陆验证功能（1）需求分析登陆验证需要前后端交互，采用form表单提交数据对数据进行校验用户名必须以英文大写字母开头密码必须大于三位数反馈给用户错误的信息除了反馈错误的信息还有保留原始输入内容（2）后端代码使用user_info_dict字典每次刷新存储存储前端发送的信息存储后端进行验证的信息defhome(request):#每次后刷新这个信息字典user_info_dict UNDERSTANDING HTML WITH LARGE LANGUAGE MODELS liferecords LLM语言模型人工智能自然语言处理 UNDERSTANDINGHTMLWITHLARGELANGUAGEMODELS相关链接：arXiv关键字：大型语言模型、HTML理解、Web自动化、自然语言处理、机器学习摘要大型语言模型（LLMs）在各种自然语言任务上表现出色。然而，它们在HTML理解方面的能力——即解析网页的原始HTML，对于自动化基于Web的任务、爬取和浏览器辅助检索等应用——尚未被充分探索。我们为HTML理解模型（经过微调 Web前端Html的表单 任家伟 前端html 表单的关键字：form标签表示一个表单区域action=“后端地址”method=“提交数据方式:get/post”input单行输入框type=“text”文本name=“定义名称名字自定义”向后端提交的键readonly=“readonly”只读，不可修改，但是可以提交disabled=“disabled”禁用组件不可修改，不能提交type=“password”密码框type=“radio”单 Thinkphp - 详细实现网站系统登录功能，附带 Mysql 数据库设置、Web 前端展示界面、信息校验等（详细代码，即设计过程） 王佳斌 +Thinkphpmysql前端数据库 前言登录功能，是我们几乎开发每个系统都必须的模块。登录功能设计思路，主要包括几个方面。用户输入网址展示登录页面用户输入用户名，密码等点击登录进行信息校验校验通过之后，记录用户登录信息，跳转指定页面用户校验失败，提示失败信息页面目录具体功能实现为了快速搭建可用、美观的页面，我们采用一个比较成熟的前端框架Bootstrap。下面我们到Bootstrap的官网Bootsrap官网下载bootstrap。 javascript 日期转换为时间戳，时间戳转换为日期的函数 cdcdhj javascript学习日记javascript开发语言ecmascript 日期转化为时间戳，主要用valueOf()来进行转化为毫秒时间戳，getTime()IOS系统无法解析转换，所以都有valueOf()letgetTimestampOrDate=function(timestamp){lettimeStamp='';constregex=/^\d{4}(-|\/)\d{2}(-|\/)\d{2}$/;constregex2=/^\d{4}(-|\/)\d{2}(- COMP315 JavaScript Cloud Computing for E Commerce zhuyu0206girl javascript开发语言ecmascript Assignment1:Javascript1IntroductionAcommontaskincloudcomputingisdatacleaning,whichistheprocessoftakinganinitialdatasetthatmaycontainerroneousorincompletedata,andremovingorfixingthoseelementsbeforeform JSON与AJAX：网页交互的利器 入冉心 jsonajax前端 在现代Web开发中，JSON（JavaScriptObjectNotation）和AJAX（AsynchronousJavaScriptandXML）是两项不可或缺的技术。它们共同为网页提供了动态、实时的数据交互能力，为用户带来了更加流畅和丰富的体验。本文将详细介绍JSON和AJAX的概念、原理，并通过代码示例展示它们在实际开发中的应用。一、JSON：轻量级的数据交换格式JSON是一种轻量级的数据 程序员开发技术整理 laizhixue 学习前端框架 前端技术：vue-前端框架element-前端框架bootstrap-前端框架echarts-图标组件C#后端技术：webservice：soap架构：简单的通信协议，用于服务通信ORM框架：对象关系映射，如EF：对象实体模型，是ado.net中的应用技术soap服务通讯：xml通讯ado.net：OAuth2:登录授权认证：Token认证：JWT：jsonwebtokenJava后端技术：便捷工 【前端学习——js篇】7.函数缓存 笔下无竹墨下有鱼 前端学习前端学习javascript 具体见：https://github.com/febobo/web-interview7.函数缓存函数缓存，就是将函数运算过的结果进行缓存本质上就是用空间（缓存存储）换时间（计算过程）常用于缓存数据计算结果和缓存对象。其实现主要通过闭包、柯里化和高阶函数。下面主要介绍下柯里化：①柯里化柯里化（currying)是一种函数式编程的概念，指的是将一个带有多个参数的函数转换成一系列只接受一个参数的函数的 javascript的数据类型及转换 田小田txt 一、JavaScript数据类型：共有string，number，boolean，object，function五种数据类型；其中Object，Date，Array为对象型；2个不包含任何值的数据类型：null，undefined。二、Typeof查看数据类型：typeof"John"//返回stringtypeof3.14//返回numbertypeofNaN//返回numbertypeoffa html版本号 webpack_html-webpack-plugin详解 weixin_39994949 html版本号webpack 引言最近在react项目中初次用到了html-webapck-plugin插件，用到该插件的两个主要作用：为html文件中引入的外部资源如script、link动态添加每次compile后的hash，防止引用缓存的外部文件问题可以生成创建html入口文件，比如单页面可以生成一个html文件入口，配置N个html-webpack-plugin可以生成N个页面入口有了这种插件，那么在项目中遇到类似上面 HTML语言剖析 混沌破晓 HTML语言剖析Html简介-目录全写：HyperTextMark-upLanguage译名：超文本标识语言简释：一种为普通文件中某些字句加上标示的语言，其目的在于运用标签（tag）使文件达到预期的显示效果。由文字（字母，数字、标点符号）及标签组合而成。任何文字编辑器都可以，这里推荐用：Dreamweaver。1.Html特点：►描述性语言，结构语言，用于决定网页内容以什么样的形式显示；►通过标签 Websocket服务监听收发消息 beiback Java服务器问题websocket网络协议网络 目录1.pom依赖坐标2.项目配置端口和项目包名2.创建处理器3.注册处理器4.前端页面1.pom依赖坐标org.springframework.bootspring-boot-starter-websocket2.项目配置端口和项目包名application.propertiesserver.port=8088//路径规范：为应用的所有servlet提供一个统一的前缀，使URL结构更加清晰和一致 Netty服务器结合WebSocke协议监听和接收数据 beiback 服务器问题Java服务器运维netty 目录1.pom依赖2.配置属性3.创建netty服务器4.建立监听和响应5.创建启动器6.前端static下页面7.前端js8.注意异常问题9.创建netty服务器--使用守护线程1.pom依赖io.nettynetty-all4.1.86.Final2.配置属性application.properties#启动端口server.port=8088server.servlet.context-pa 基于SSM+Vue企业销售培训系统 企业人才培训系统 企业课程培训管理系统 企业文化培训班系统Java 计算机程序老哥 作者主页：计算机毕业设计老哥有问题可以主页问我一、开发介绍1.1开发环境开发语言：Java数据库：MySQL系统架构：B/S后端：SSM(Spring+SpringMVC+Mybatis)前端：Vue工具：IDEA或者Eclipse，JDK1.8，Maven二、系统介绍2.1图片展示注册登录页面：登陆.png前端页面功能：首页、培训班、在线学习、企业文化、交流论坛、试卷列表、系统公告、留言反馈、个 CDH 启停使用HiveServer2 金刚_30bf 翻译：https://www.cloudera.com/documentation/enterprise/latest/topics/cdh_ig_hiveserver2_start_stop.html版本：5.14.2HiveServer2是HiveServer的改进版本，支持Kerberos身份验证和多客户端并发访问。您可以使用Beeline客户端访问HiveServer2。警告：如果以远程模 javascript实现SM2加密解密 人生在勤，不索何获 javascript前端jquery 前提JavaWeb环境前端代码window.sm2=function(t){functioni(e){if(r[e])returnr[e].exports;varn=r[e]={i:e,l:!1,exports:{}};returnt[e].call(n.exports,n,n.exports,i),n.l=!0,n.exports}varr={};returni.m=t,i.c=r,i.d=fu Vue：为什么要使用v-cloak 刻刻帝的海角 vue.js前端javascript Vue.js是一种流行的JavaScript框架，它使我们能够构建交互性强大的用户界面。在Vue.js中，v-cloak是一个指令，用于解决在页面加载时出现的闪烁问题。本文将介绍如何使用v-cloak及代码来优化Vue.js应用程序的渲染效果。引言当我们使用Vue.js构建应用程序时，有时会遇到一个问题：在页面加载时，由于Vue.js需要一定的时间来解析和渲染模板，会导致页面上显示出未经处理的Mu HTML背景带视频的个人炫酷引导页源码 erthre 源码php 正文:一款简洁大气得个人团队引导HTML单页，非常不错，LOGO支持自行更改替换，可以拿来做为团队官网也可以个人，只是单页没有后台。程序:wwhtxs.lanzouq.com/if6oE0i26ohi图片: JavaScript快速入门笔记之二（变量、常量、数据类型） eshineLau 前端开发javascript笔记前端 JavaScript快速入门笔记之二（变量、常量、数据类型）1、变量何时使用变量：程序中的一切数据都要保存在变量中，反复使用如何使用变量：2种情况：赋值和取值赋值：2步：1.1创建变量：——声明——创建一个新的空变量语法：var变量名;强调：仅声明，未赋值的变量，默认值是undefined命名：1.不能以数字开头2.不能用保留字。3.一般采用驼峰命名1.2赋值：将数据保存到变量中语法：变量名=数据 vue生命周期 涡看你就不是好人呐 vue.jsjavascript前端 1.computed是在HTMLDOM加载后马上执行的，如赋值；2.methods则必须要有一定的触发条件才能执行，如点击事件；3.watch呢？它用于观察Vue实例上的数据变动。对应一个对象，键是观察表达式，值是对应回调。值也可以是方法名，或者是对象，包含选项。所以他们的执行顺序为：默认加载的时候先computed再watch，不执行methods；等触发某一事件后，则是：先methods再wa 安装数据库首次应用 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.