html
一、html5
1.1、理解html结构
1.2、h1 - h6 (标题标签)
1.3、p (段落和换行标签)
1.4、br 换行标签
1.5、文本格式化
1.6、div 和 span 标签
1.7、img 图像标签
1.8、a 超链接标签
1.9、table表格标签
1.9.1、表格标签
1.9.2、表格结构标签
1.9.3、合并单元格
1.10、列表
1.10.1、ul无序列表
1.10.2、ol有序列表
1.10.3、自定义列表
1.11、表单标签
1.11.1、form 表单域
1.11.2、input 表单元素
1.11.3、label 标签
1.11.4、select表单元素
1.11.5、textarea 表单元素
1.12、注释和特殊字符
一、html5
1.1、理解html结构
DOCTYPE html >
< html lang = " en" >
< head>
< meta charset = " UTF-8" >
< title> Title title>
head>
< body>
最简单的html页面
body>
html>
html页面:
不是一个 HTML 标签,它就是 文档类型声明标签,这句代码的意思是: 当前页面采取的是 HTML5 版本来显示网页
声明位于文档中的最前面的位置,处于 标签之前。
不是一个 HTML 标签,它就是 文档类型声明标签。
lang
语言种类,用来定义当前文档显示的语言。
en定义语言为英语
zh-CN定义语言为中文
字符集 (Character set)是多个字符的集合。以便计算机能够识别和存储各种文字。 上面语法是必须要写的代码,否则可能引起乱码的情况。一般情况下,统一使用“UTF-8”编码,尽量 统一写成标准的 “UTF-8”,不要写成 “utf8” 或 “UTF8”。
1.2、h1 - h6 (标题标签)
作为标题使用,并且依据重要性递减。
特点:
加了标题的文字会变的加粗,字号也会依次变大。
一个标题独占一行。
代码示例:
1.3、p (段落和换行标签)
标签用于定义段落,它可以将整个网页分为若干个段落。
特点:
文本在一个段落中会根据浏览器窗口的大小自动换行。
段落和段落之间保有空隙。
代码示例:
1.4、br 换行标签
强制换行。 特点:
是个单标签。
标签只是简单地开始新的一行,跟段落不一样,段落之间会插入一些垂直的间距。
代码示例:两个换行
1.5、文本格式化
在网页中,有时需要为文字设置粗体 、斜体 或下划线等效果,这时就需要用到 HTML 中的文本格式化标签,使文字以特殊的方式显示。
标签语义: 突出重要性, 比普通文字更重要.
1.6、div 和 span 标签
和
是没有语义的,它们就是一个盒子,用来装内容的。
特点:
标签用来布局,但是现在一行只能放一个
大盒子
标签用来布局,一行上可以多个
小盒子
1.7、img 图像标签
标签用于定义 HTML 页面中的图像。
< img src = " 图像URL" />
属性:
属性
属性值
说明
str
图片路径
必须属性
alt
文本
替换文本。图像不能显示的文字
title
文本
提示文本。鼠标放到图像上,显示的文字
width
像素
设置图像的宽度
height
像素
设置图像的高度
border
像素
设置图像的边框粗细
代码示例:
相对路径 与 绝对路径
相对路径
:以引用文件所在位置为参考基础,而建立出的目录路径。 绝对路径
:是指目录下的绝对位置,直接到达目标位置,通常是从盘符开始的路径。 例如,“D:\web\img\logo.gif”或完整的网络地址“http://www.itcast.cn/images/logo.gif”。
1.8、a 超链接标签
< a href = " 跳转目标" target = " 目标窗口的弹出方式" > 文本或图像 a>
属性
作用
href
用于指定链接目标的url地址,(必须属性) 当为标签应用href属性时,它就具有了超链接的功能
target
用于指定链接页面的打开方式,其中_self为默认值,_blank为在新窗口中打开方式。
链接分类:
a标签 target 打开方式有如下: _blank:新窗口打开。 _parent:在父窗口中打开链接。 _self:默认,当前页面跳转。 _top:在当前窗体打开链接,并替换当前的整个窗体(框架页)。
外部链接: 例如 < a href="http:// www.baidu.com "> 百度。
内部链接:网站内部页面之间的相互链接. 直接链接内部页面名称即可,例如 < a href=“index.html”> 首页 。
空链接: 如果当时没有确定链接目标时,< a href=“#”> 首页 。
下载链接: 如果 href 里面地址是一个文件或者压缩包,会下载这个文件。
网页元素链接: 在网页中的各种网页元素,如文本、图像、表格、音频、视频等都可以添加超链接.
锚点链接: 点我们点击链接,可以快速定位到页面中的某个位置.
在链接文本的 href 属性中,设置属性值为 #名字 的形式,如 第2集
找到目标位置标签,里面添加一个 id 属性 = 刚才的名字 ,如:第2集介绍
代码示例:
1.9、table表格标签
1.9.1、表格标签
< table align = " center" border = " 1" >
< tr>
< th> 姓名 th>
< th> 年龄 th>
< th> 性别 th>
tr>
< tr>
< td> 何某某 td>
< td> 23 td>
< td> 男 td>
tr>
< tr>
< td> 某某何 td>
< td> 23 td>
< td> 女 td>
tr>
table>
是用于定义表格的标签。
标签用于定义表格中的行,必须嵌套在
标签中。
用于定义表格中的单元格,必须嵌套在
标签中。
字母 td 指表格数据(table data),即数据单元格的内容。
标签表示 HTML 表格的表头部分(table head 的缩写),一般表头单元格位于表格的第一行或第一列,表头单元格里面的文本内容加粗居中显示.
表格属性: 表格标签这部分属性我们实际开发我们不常用,后面通过 CSS 来设置.
1.9.2、表格结构标签
因为表格可能很长,为了更好的表示表格的语义,可以将表格分割成 表格头部和表格主体两大部分。
在表格标签中,分别用:标签 表格的头部区域、 标签 表格的主体区域. 这样可以更好的分清表格结构
代码示例:
< table align = " center" border = " 1" >
< thead>
< tr>
< th> 姓名 th>
< th> 年龄 th>
< th> 性别 th>
tr>
thead>
< tbody>
< tr>
< td> 何某某 td>
< td> 23 td>
< td> 男 td>
tr>
< tr>
< td> 某某何 td>
< td> 23 td>
< td> 女 td>
tr>
tbody>
:用于定义表格的头部。 内部必须拥有 标签。 一般是位于第一行。
:用于定义表格的主体,主要用于放数据本体 。
以上标签都是放在
标签中。
1.9.3、合并单元格
合并单元格方式:
跨行合并: rowspan=“合并单元格的个数” ,最上侧单元格为目标单元格, 写合并代码
跨列合并: colspan=“合并单元格的个数”,最左侧单元格为目标单元格, 写合并代码
代码示例:何某某
1.10、列表
1.10.1、ul无序列表
标签表示 HTML 页面中项目的无序列表,一般会以项目符号呈现列表项,而列表项使用
标签定义无序列表的基本语法格式如下:
无序列表的各个列表项之间没有顺序级别之分,是并列的。
中只能嵌套
,直接在
标签中输入其他标签或者文字的做法是不被允许的。
与
之间相当于一个容器,可以容纳所有元素。
无序列表会带有自己的样式属性,但在实际使用时,我们会使用 CSS 来设置。
1.10.2、ol有序列表
有序列表即为有排列顺序的列表,其各个列表项会按照一定的顺序排列定义。 在 HTML 标签中,
标签用于定义有序列表,列表排序以数字来显示,并且使用
标签来定义列表项。
有序列表的基本语法格式如下:
中只能嵌套
,直接在
标签中输入其他标签或者文字的做法是不被允许的。
与
之间相当于一个容器,可以容纳所有元素。
有序列表会带有自己样式属性,但在实际使用时,我们会使用 CSS 来设置。
1.10.3、自定义列表
自定义列表常用于对术语或名词进行解释和描述,定义列表的列表项前没有任何项目符号。
使用场景 如下面 代码示例:
里面只能包含
和
。
和
个数没有限制,经常是一个
对应多个
。
1.11、表单标签
1.11.1、form 表单域
表单域是一个包含表单元素的区域。
在 HTML 标签中,
标签用于定义表单域,以实现用户信息的收集和传递。
会把它范围内的表单元素信息提交给服务器
常用属性:
属性
属性值
作用
action
url地址
用于指定接收并处理表单数据的服务器程序的url地址
method
get / post
用于设置表单数据的提交方式,其取值为get 或 post
name
名称
用于指定表单的名称,以区分同一个页面中的多个表单域
1.11.2、input 表单元素
在
标签中,包含一个 type 属性,根据不同的 type 属性值,输入字段拥有很多种形式(可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等)。
< input type = " 属性值" />
type 属性的属性值及其描述如下:
属性值
描述
button
定义可点击按钮
checkbox
定义复选框
file
定义输入字段 和 ”浏览“ 按钮,供文件上传
hidden
定义隐藏的输入字段
image
定义图像形式的按钮
password
定义密码字段,该字段中的字符被掩码
radio
定义单选按钮
reset
定义重置按钮。重置按钮会清除表单中的所有数据
submit
定义提交按钮。提交按钮会把表单数据发送到服务器
text
定义单行的输入字段,用户可在其中输入文本。默认宽度为20个字符
color
从拾色器中选取颜色
date
定义 date 日期控件,可选择年月日
datetime-local
定义 datetime 日期控件,可选择年月日时分秒
time
定义用于输入时间的控件,可选时分秒
email
定义用于 e-mail 地址的字段(当提交表单时会自动对 email 字段的值进行验证)
number
定义用于输入数字的字段(您可以设置可接受数字的限制)
range
定义用于精确值不重要的输入数字的控件(比如 slider 控件)
除 type 属性外,标签还有其他很多属性,其常用属性如下:
属性
属性值
描述
name
由用户自定义
定义input元素的名称
value
由用户自定义
规定input元素的值
checked
checked
规定此input元素首次加载时应当被选中
maxlength
正整数
规定输入字段中的字符的最大长度
name 和value 是每个表单元素都有的属性值,主要给后台人员使用.
name 表单元素的名字, 要求 单选按钮和复选框要有相同的name值.
checked属性主要针对于单选按钮和复选框, 主要作用一打开页面,就要可以默认选中某个表单元素.
maxlength 是用户可以在表单元素输入的最大字符数, 一般较少使用.
代码示例:
1.11.3、label 标签
标签为 input 元素定义标注(标签)。
标签用于绑定一个表单元素, 当点击 标签内的文本时,浏览器就会自动将焦点(光标)转到或者选择对应的表单元素上,用来增加用户体验
< label for = " sex" > 男 label>
< input type = " radio" name = " sex" id = " sex" />
核心:
标签的 for 属性应当与相关元素的 id 属性相同
代码示例:
1.11.4、select表单元素
使用场景: 在页面中,如果有多个选项让用户选择,并且想要节约页面空间时,我们可以使用
标签控件定义下拉列表。
< select>
< option value = " 1" > 选项1 option>
< option value = " 2" > 选项2 option>
< option value = " 3" > 选项3 option>
select>
代码示例:
中至少包含一对 。
在 中定义 selected =“ selected " 时,当前项即为默认选中项。
1.11.5、textarea 表单元素
使用场景: 当用户输入内容较多的情况下,我们就不能使用文本框表单了,此时我们可以使用
标签。
在表单元素中,
标签是用于定义多行文本输入的控件。 使用多行文本输入控件,可以输入更多的文字,该控件常见于留言板,评论。
< textarea rows = " 3" cols = " 20" >
文本内容
textarea>
通过 标签可以轻松地创建多行文本输入框。
cols=“每行中的字符数” ,rows=“显示的行数”,我们在实际开发中不会使用,都是用 CSS 来改变大小。
1.12、注释和特殊字符
html中注释:以
结束。
快捷键: ctrl + /
特殊字符:
你可能感兴趣的:(前端,html5,笔记)
JavaScript高程设计第一章---什么是JavaScript
小顾万家
javascript
文章目录前言一、JavaScript实现二、ECMAScript1.ECMAScript概念2.ECMAScript版本3.ECMAScript符合性三、DOM1.DOM概念2.DOM级别三、BOM1.BOM概念前言通过自身对前端的学习和认知,发现仅仅通过看教学视频来学习前端是不够的,还需要通过阅读相关的前端书籍来扩大自己的知识面。今天我就来总结一下自己通过阅读《JavaScript高级程序设计》
关于 Linux中系统调优的一些笔记
山河已无恙
Linux笔记 Linux 性能调优 1024程序员节 linux 运维
写在前面推送的的邮件里看到有大佬讲的公共课,听了之后这里整理学习笔记。因为是公开课,所以讲的很浅,没接触过,这里做为了解,长长见识。博文内容包括系统调优原理概述如何检测系统的性能瓶颈如何进行内核参数调优如何限制服务的资源占用自定义tuned调优配置集我突然又明白,死亡是聪明的兄长,我们可以放心地把自己托付给他,他会知道在我们有所准备的适当时刻前来。我也突然懂得,原来痛苦、失望和悲愁不是为了惹恼我们
PyTorch笔记3----------统计学相关函数
HuashuiMu花水木
PyTorch笔记 pytorch 笔记 人工智能
1.基础函数importtorcha=torch.rand(2,2)print("a:\n",a)print('########################')print("平均值:\n",torch.mean(a,dim=0))print("总和:\n",torch.sum(a,dim=0))print("所有元素的积:\n",torch.prod(a,dim=0))print("最大值:\
Node.js 后台系统 - 基本增删改查实现
个人简介个人主页:魔术师学习方向:主攻前端方向,正逐渐往全栈发展个人状态:研发工程师,现效力于政务服务网事业人生格言:“心有多大,舞台就有多大。”推荐学习:Vue2Vue3Vue2/3项目实战Node.js实战Three.js鸿蒙开发小程序使用备注:仅供学习交流严禁用于商业用途,若发现侵权内容请及时联系作者更新进度:持续更新内容个人名片:每篇文章最下方都有加入方式,旨在交流学习&资源分享,快加
【高频考点精讲】前端性能监控中的安全隐患:如何安全地收集用户数据
全栈老李技术面试
前端高频考点精讲 前端 javascript html css 面试题 react vue
前端性能监控中的安全隐患:如何安全地收集用户数据作者:全栈老李更新时间:2025年7月适合人群:前端初学者、进阶开发者版权:本文由全栈老李原创,转载请注明出处。最近有个粉丝在后台问我:"老李啊,我们公司要做性能监控,但法务部门死活不让收集用户数据,说会踩红线,这活儿还怎么干?"这问题问得好,今天咱们就来聊聊这个前端工程师的必修课——如何在性能监控中安全地收集数据。(全栈老李友情提示:本文代码示
【高频考点精讲】前端AR/VR开发入门:WebXR API的基本使用场景
全栈老李技术面试
前端高频考点精讲 前端 javascript html css 面试题 react vue
前端AR/VR开发入门:WebXRAPI的基本使用场景作者:全栈老李更新时间:2025年6月适合人群:前端初学者、进阶开发者版权:本文由全栈老李原创,转载请注明出处。最近有个学员问我:"老李啊,现在元宇宙这么火,我们前端能做点啥?"我笑着告诉他:"WebXR了解一下?"今天咱们就来聊聊这个让前端工程师也能玩转AR/VR的神奇API。我是全栈老李,一个喜欢把复杂技术讲简单的技术博主。WebXR是
【高频考点精讲】前端状态管理方案对比:从Redux到Zustand演进
全栈老李技术面试
前端高频考点精讲 前端 javascript html css 面试题 react vue
前端状态管理方案对比:从Redux到Zustand演进作者:全栈老李更新时间:2025年6月适合人群:前端初学者、进阶开发者版权:本文由全栈老李原创,转载请注明出处。最近在给团队做技术分享时,发现很多同学对状态管理的选择很纠结。今天全栈老李就来聊聊这个话题,从Redux到Zustand的演进历程,帮你理清思路。状态管理的前世今生还记得2015年我刚接触React时,组件间通信全靠props层层
CSC研修计划的书写
博主最近在申请CSC,所以也会更新一下自己的学习笔记,有需要的可以关注我一下,同时有问题大家可以一起交流一下啊一要求(fromCSC官网)①拟留学专业(研究课题)在国内外研究情况及水平;②拟选择的留学国别、留学单位及选择原因(应简单评述对方国家及留学单位在申请人所从事学科、专业领域的水平、优势,申请人及所在单位与对方有无合作基础及业务联系);③达到本次出国学习预期目标的可行性,结合本人目前从事的工
【机器学习笔记 Ⅱ】9 模型评估
巴伦是只猫
机器学习 机器学习 笔记 人工智能
评估机器学习模型是确保其在实际应用中有效性和可靠性的关键步骤。以下是系统化的评估方法,涵盖分类、回归、聚类等任务的评估指标和技术:一、分类模型评估1.基础指标2.高级指标ROC-AUC:通过绘制真正例率(TPR)vs假正例率(FPR)曲线下面积评估模型整体性能。AUC=1:完美分类;AUC=0.5:随机猜测。适用于二分类及多分类(OvR或OvO策略)。混淆矩阵:可视化模型在各类别上的具体错误(如将
【机器学习笔记 Ⅱ】7 多类分类
巴伦是只猫
机器学习 机器学习 笔记 分类
1.多类分类(Multi-classClassification)定义多类分类是指目标变量(标签)有超过两个类别的分类任务。例如:手写数字识别:10个类别(0~9)。图像分类:区分猫、狗、鸟等。新闻主题分类:政治、经济、体育等。特点互斥性:每个样本仅属于一个类别(区别于多标签分类)。输出要求:模型需输出每个类别的概率分布,且概率之和为1。实现方式One-vs-Rest(OvR):训练K个二分类器(
Vite 常用配置详解
啃火龙果的兔子
开发DEMO 前端
Vite是一个现代化的前端构建工具,相比Webpack具有更快的开发服务器启动和热更新速度。以下是Vite的常用配置项及其说明:1.基础配置(vite.config.js)import{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'importreactfrom'@vitejs/plugin-react'exportdefaultd
乾坤微前端框架详细使用大全
不知名靓仔
前端框架
引言乾坤微前端框架(Qiankun)是一款轻量级的微前端解决方案,它基于JavaScript的Proxy特性和WebComponents技术,提供了一套简单易用的微前端实现方案。本文将详细介绍乾坤微前端框架的安装、配置、使用方法及常见问题解答,帮助开发者快速上手乾坤微前端框架。1.乾坤简介1.1什么是乾坤?乾坤是一个轻量级的微前端框架,旨在帮助开发者轻松实现微前端架构。它通过主应用(MainApp
qiankun 微前端框架子应用间通信方法详解
啃火龙果的兔子
开发DEMO 前端框架
qiankun作为流行的微前端解决方案,提供了多种子应用间通信的方式。以下是全面的通信方法总结:1.基于props的通信(主应用与子应用)主应用向子应用传递数据://主应用注册子应用时传递数据registerMicroApps([{name:'subApp',entry:'//localhost:7100',container:'#subapp-container',activeRule:'/su
【DeepSeek开源周】Day 4:DualPipe & EPLB 学习笔记
蓝海星梦
DeepSeek开源周探秘 开源 学习 笔记 人工智能 云计算 分布式
目录一、DualPipe&EPLB概述二、DualPipe详解1.流水线并行策略(1)F-then-B策略(2)1F1B策略2.朴素流水线并行3.GPipe微批次流水线并行4.PipeStream5.ZBPP6.DualPipe7.DualPipeV8.流水线并行方案对比三、EPLB详解1.专家并行(EP)2.EPLB冗余专家策略3.负载均衡策略(1)分层负载均衡(2)全局负载均衡(3)接口和示例
【机器学习笔记 Ⅱ】4 神经网络中的推理
推理(Inference)是神经网络在训练完成后利用学到的参数对新数据进行预测的过程。与训练阶段不同,推理阶段不计算梯度也不更新权重,仅执行前向传播。以下是其实现原理和代码示例的完整解析:1.推理的核心步骤加载训练好的模型参数(权重和偏置)。前向传播:输入数据逐层计算,得到输出。后处理:根据任务类型解析输出(如分类取概率最大值,回归直接输出)。2.代码实现(Python+NumPy)(1)定义模型
Javascript基础内容回顾—变量提升、事件循环和闭包等内容
GISer_Jinger
javascript 前端
以下是前端面试中JavaScript基础易错问题的详解,结合常见考点和易混淆概念进行解析:⚠️一、变量作用域与提升varvslet/const◦变量提升:var声明的变量会提升到作用域顶部(值为undefined),而let/const存在暂时性死区(声明前访问报错)。◦循环陷阱:for(vari=0;iconsole.log(i));//输出3,3,3(共享同一作用域)}for(leti=0;i
笔记本屏幕亮度忽明忽暗是怎么回事?
当你正在沉浸在写代码、编辑文档或者观看影片的时候,笔记本屏幕突然变暗,或者瞬间又变得刺眼,这不仅打断了你的专注,还可能对眼睛造成伤害。这种屏幕亮度的忽明忽暗,往往令人不悦,也引发了对电脑硬件或软件出现问题的担忧。那么,为什么会出现这种情况呢?更重要的是,我们该如何解决这一问题呢?在本文中,我将与大家分享笔记本屏幕亮度不稳定的可能原因及相应的解决方法,希望能够帮助你迅速恢复屏幕的正常亮度,让你的工作
HarmonyOS 生命周期详解:用三张图彻底搞懂 UIAbility、页面与组件的生命周期
作者:像素笔记|发布时间:2025年6月27日摘要本文通过三层结构图、状态流程图、对比表格三大图表,深入解析HarmonyOSArkUI的生命周期机制,涵盖UIAbility、页面、组件各层级的触发顺序与最佳实践。同时提供高级场景管理方案、常见误区分析及实战级生命周期管理工具设计,助你打造高性能、高稳定性的HarmonyOS应用!一、三层生命周期结构图(图1)下图展示了HarmonyOS应用框架的
构建未来交互体验:AG-UI 如何赋能智能体与前端通信?
ChaITSimpleLove
AG-UI AI Agent 智能体与用户交互协议 智能体与用户交互标准化 CopilotKit 开放的 轻量的 基于事件的协议
目录什么是AG-UI?⚙️AG-UI主要解决什么问题?AG-UI介绍️核心组件1.协议层(ProtocolLayer)2.标准HTTP客户端(StandardHTTPClient)3.消息类型(MessageType)4.运行Agent(RunningAgent)5.状态管理(StateManagement)️6.工具和交接(ToolsandHandoff)事件(Events)MCPvsA2Avs
前端开发常见问题(从布局到性能优化)
白仑色
前端系列 前端开发 HTML CSS JavaScript 性能优化 响应式布局 跨域
前端开发作为连接用户与产品的重要桥梁,涉及HTML、CSS和JavaScript的综合运用。但在实际开发过程中,开发者常常会遇到各种“坑”,比如页面布局异常、跨域请求失败、性能瓶颈、浏览器兼容性差等问题。本文将围绕前端开发中常见的十大问题展开讲解:页面布局相关问题(盒模型、浮动、Flex布局)CSS样式冲突与继承JavaScript异步处理(Promise、async/await)跨域问题及解决方
【机器学习笔记 Ⅲ】3 异常检测算法
巴伦是只猫
机器学习 机器学习 笔记 算法
异常检测算法(AnomalyDetection)详解异常检测是识别数据中显著偏离正常模式的样本(离群点)的技术,广泛应用于欺诈检测、故障诊断、网络安全等领域。以下是系统化的解析:1.异常类型类型描述示例点异常单个样本明显异常信用卡交易中的天价消费上下文异常在特定上下文中异常(如时间序列)夏季气温突降至零下集体异常一组相关样本联合表现为异常网络流量中突然的DDOS攻击流量2.常用算法(1)基于统计的
【机器学习笔记 Ⅲ】4 特征选择
巴伦是只猫
机器学习 机器学习 笔记 人工智能
特征选择(FeatureSelection)系统指南特征选择是机器学习中优化模型性能的关键步骤,通过筛选最相关、信息量最大的特征,提高模型精度、降低过拟合风险并加速训练。以下是完整的特征选择方法论:1.特征选择的核心目标提升模型性能:去除噪声和冗余特征,增强泛化能力。降低计算成本:减少训练和预测时间。增强可解释性:简化模型,便于业务理解。2.特征选择方法分类(1)过滤法(FilterMethods
机器学习笔记二-回归
回归是统计学和机器学习中的一种基本方法,用于建模变量之间的关系,特别是用一个或多个自变量(输入变量)来预测一个因变量(输出变量)的值。回归分析广泛应用于预测、趋势分析和关联研究中。根据目标和数据的性质,可以使用不同类型的回归方法。1.回归的基本概念:自变量(IndependentVariable):也称为预测变量、解释变量,是模型中的输入变量,用于预测或解释因变量的变化。因变量(Dependent
前端上传解析Excel;前端解析excel
i_am_a_div_日积月累_
yarn安装和插件 前端 excel 前端上传Excel文件 前端解析Excel xlsx
注意:这里是前端使用xlsx插件,将前端上传的.xls、.xlsx文件,解析得到原始列表数据我的是vue3项目文章目录1.安装依赖2.组件封装3.子组件使用1.安装依赖pnpmaddxlsx@0.18.52.组件封装src/components/MyExcelData/index.vue{{props.msg}}import{defineProps}from'vue'import{UploadFi
OpenHarmony解读之设备认证:Pake协议详解与实战
陈乔布斯
鸿蒙开发 HarmonyOS OpenHarmony harmonyos 分布式 鸿蒙开发 软总线 openHarmony 嵌入式硬件
往期推文全新看点(文中附带最新·鸿蒙全栈学习笔记)①鸿蒙应用开发与鸿蒙系统开发哪个更有前景?②嵌入式开发适不适合做鸿蒙南向开发?看完这篇你就了解了~③对于大前端开发来说,转鸿蒙开发究竟是福还是祸?④鸿蒙岗位需求突增!移动端、PC端、IoT到底该怎么选?⑤记录一场鸿蒙开发岗位面试经历~⑥持续更新中……一、概述在设备认证过程中,pake协议用于认证会话密钥协商,基于该会话密钥,双方可以安全地交换各自的
【前端开发】Uniapp分页器:新增输入框跳转功能
基于UniApp官方扩展组件库uni-ui中的uni-pagination分页器组件,针对大数据量场景进行优化主要优化以下内容:新增输入框跳转功能:在原有分页器基础上,新增了一个输入框区域,允许用户直接输入目标页码进行跳转双向页码绑定优化:实现了输入框与当前页码的双向绑定机制。当用户通过其他方式(如点击上一页、下一页、页码按钮)切换页面时,输入框会自动更新显示当前页码。同时,当用户在输入框中输入页
Swiper.js滑动插件使用教程-支持轮播图、滑块、画廊
天天打码
VUE 大前端 javascript 开发语言 ecmascript
几乎每个前端开发都应该用过这个滑动组件库吧?这就是大名鼎鼎的swiper.js一、Swiper及其功能Swiperjs是一个流行的开源的移动端触摸滑动库,用于创建响应式、可触摸滑动的轮播图、滑块、画廊和其他滑动组件。它是一个跨平台的库,可以在网页、移动应用和桌面应用中使用。Swiper.js提供了丰富的功能和选项,使开发者可以轻松创建各种滑动效果和交互。以下是一些Swiper.js的特点和功能:响
开发效率翻倍!一键将 JSON 转换成 Java 实体类的神器来了!
A__tao
java
开发效率翻倍!一键将JSON转换成Java实体类的神器来了!在开发Java后端接口时,你是否常常面对这样的烦恼:拿到前端传来的JSON,字段多到眼花缭乱手动敲JavaBean,字段写漏、类型搞错嵌套结构太复杂,写起来痛苦又低效别担心,这些问题通通可以交给它来解决:JSON转Java实体类在线工具为什么推荐这个工具?这个工具由资深开发者打造,功能聚焦于一件事:把你的JSON一键生成JavaBean,
java毕业设计图书馆座位预约管理系统维修端源码+lw文档+mybatis+系统+mysql数据库+调试
木林网络
mybatis java 数据库
java毕业设计图书馆座位预约管理系统维修端源码+lw文档+mybatis+系统+mysql数据库+调试java毕业设计图书馆座位预约管理系统维修端源码+lw文档+mybatis+系统+mysql数据库+调试本源码技术栈:项目架构:B/S架构开发语言:Java语言开发软件:ideaeclipse前端技术:Layui、HTML、CSS、JS、JQuery等技术后端技术:JAVA运行环境:Win10、
C语言笔记 - 模运算符(%)的用法
UkjUnity
c语言 笔记 算法 C语言
在C语言中,模运算符(%)是一种常见的运算符,用于计算两个整数相除后得到的余数。它的使用非常简单,但在实际的编程中有很多有用的应用场景。本文将详细介绍模运算符的用法,并提供一些相关的源代码示例。基本用法模运算符采用百分号(%)表示,它的作用是计算两个整数相除后的余数。例如,表达式"10%3"将返回1,因为10除以3的余数是1。下面是一个基本示例:#includeintmain(){intdivid
二分查找排序算法
周凡杨
java 二分查找 排序 算法 折半
一:概念 二分查找又称
折半查找(
折半搜索/
二分搜索),优点是比较次数少,查找速度快,平均性能好;其缺点是要求待查表为有序表,且插入删除困难。因此,折半查找方法适用于不经常变动而 查找频繁的有序列表。首先,假设表中元素是按升序排列,将表中间位置记录的关键字与查找关键字比较,如果两者相等,则查找成功;否则利用中间位置记录将表 分成前、后两个子表,如果中间位置记录的关键字大于查找关键字,则进一步
java中的BigDecimal
bijian1013
java BigDecimal
在项目开发过程中出现精度丢失问题,查资料用BigDecimal解决,并发现如下这篇BigDecimal的解决问题的思路和方法很值得学习,特转载。
原文地址:http://blog.csdn.net/ugg/article/de
Shell echo命令详解
daizj
echo shell
Shell echo命令
Shell 的 echo 指令与 PHP 的 echo 指令类似,都是用于字符串的输出。命令格式:
echo string
您可以使用echo实现更复杂的输出格式控制。 1.显示普通字符串:
echo "It is a test"
这里的双引号完全可以省略,以下命令与上面实例效果一致:
echo Itis a test 2.显示转义
Oracle DBA 简单操作
周凡杨
oracle dba sql
--执行次数多的SQL
select sql_text,executions from (
select sql_text,executions from v$sqlarea order by executions desc
) where rownum<81;
&nb
画图重绘
朱辉辉33
游戏
我第一次接触重绘是编写五子棋小游戏的时候,因为游戏里的棋盘是用线绘制的,而这些东西并不在系统自带的重绘里,所以在移动窗体时,棋盘并不会重绘出来。所以我们要重写系统的重绘方法。
在重写系统重绘方法时,我们要注意一定要调用父类的重绘方法,即加上super.paint(g),因为如果不调用父类的重绘方式,重写后会把父类的重绘覆盖掉,而父类的重绘方法是绘制画布,这样就导致我们
线程之初体验
西蜀石兰
线程
一直觉得多线程是学Java的一个分水岭,懂多线程才算入门。
之前看《编程思想》的多线程章节,看的云里雾里,知道线程类有哪几个方法,却依旧不知道线程到底是什么?书上都写线程是进程的模块,共享线程的资源,可是这跟多线程编程有毛线的关系,呜呜。。。
线程其实也是用户自定义的任务,不要过多的强调线程的属性,而忽略了线程最基本的属性。
你可以在线程类的run()方法中定义自己的任务,就跟正常的Ja
linux集群互相免登陆配置
林鹤霄
linux
配置ssh免登陆
1、生成秘钥和公钥 ssh-keygen -t rsa
2、提示让你输入,什么都不输,三次回车之后会在~下面的.ssh文件夹中多出两个文件id_rsa 和 id_rsa.pub
其中id_rsa为秘钥,id_rsa.pub为公钥,使用公钥加密的数据只有私钥才能对这些数据解密 c
mysql : Lock wait timeout exceeded; try restarting transaction
aigo
mysql
原文:http://www.cnblogs.com/freeliver54/archive/2010/09/30/1839042.html
原因是你使用的InnoDB 表类型的时候,
默认参数:innodb_lock_wait_timeout设置锁等待的时间是50s,
因为有的锁等待超过了这个时间,所以抱错.
你可以把这个时间加长,或者优化存储
Socket编程 基本的聊天实现。
alleni123
socket
public class Server
{
//用来存储所有连接上来的客户
private List<ServerThread> clients;
public static void main(String[] args)
{
Server s = new Server();
s.startServer(9988);
}
publi
多线程监听器事件模式(一个简单的例子)
百合不是茶
线程 监听模式
多线程的事件监听器模式
监听器时间模式经常与多线程使用,在多线程中如何知道我的线程正在执行那什么内容,可以通过时间监听器模式得到
创建多线程的事件监听器模式 思路:
1, 创建线程并启动,在创建线程的位置设置一个标记
2,创建队
spring InitializingBean接口
bijian1013
java spring
spring的事务的TransactionTemplate,其源码如下:
public class TransactionTemplate extends DefaultTransactionDefinition implements TransactionOperations, InitializingBean{
...
}
TransactionTemplate继承了DefaultT
Oracle中询表的权限被授予给了哪些用户
bijian1013
oracle 数据库 权限
Oracle查询表将权限赋给了哪些用户的SQL,以备查用。
select t.table_name as "表名",
t.grantee as "被授权的属组",
t.owner as "对象所在的属组"
【Struts2五】Struts2 参数传值
bit1129
struts2
Struts2中参数传值的3种情况
1.请求参数绑定到Action的实例字段上
2.Action将值传递到转发的视图上
3.Action将值传递到重定向的视图上
一、请求参数绑定到Action的实例字段上以及Action将值传递到转发的视图上
Struts可以自动将请求URL中的请求参数或者表单提交的参数绑定到Action定义的实例字段上,绑定的规则使用ognl表达式语言
【Kafka十四】关于auto.offset.reset[Q/A]
bit1129
kafka
I got serveral questions about auto.offset.reset. This configuration parameter governs how consumer read the message from Kafka when there is no initial offset in ZooKeeper or
nginx gzip压缩配置
ronin47
nginx gzip 压缩范例
nginx gzip压缩配置 更多
0
nginx
gzip
配置
随着nginx的发展,越来越多的网站使用nginx,因此nginx的优化变得越来越重要,今天我们来看看nginx的gzip压缩到底是怎么压缩的呢?
gzip(GNU-ZIP)是一种压缩技术。经过gzip压缩后页面大小可以变为原来的30%甚至更小,这样,用
java-13.输入一个单向链表,输出该链表中倒数第 k 个节点
bylijinnan
java
two cursors.
Make the first cursor go K steps first.
/*
* 第 13 题:题目:输入一个单向链表,输出该链表中倒数第 k 个节点
*/
public void displayKthItemsBackWard(ListNode head,int k){
ListNode p1=head,p2=head;
Spring源码学习-JdbcTemplate queryForObject
bylijinnan
java spring
JdbcTemplate中有两个可能会混淆的queryForObject方法:
1.
Object queryForObject(String sql, Object[] args, Class requiredType)
2.
Object queryForObject(String sql, Object[] args, RowMapper rowMapper)
第1个方法是只查
[冰川时代]在冰川时代,我们需要什么样的技术?
comsci
技术
看美国那边的气候情况....我有个感觉...是不是要进入小冰期了?
那么在小冰期里面...我们的户外活动肯定会出现很多问题...在室内呆着的情况会非常多...怎么在室内呆着而不发闷...怎么用最低的电力保证室内的温度.....这都需要技术手段...
&nb
js 获取浏览器型号
cuityang
js 浏览器
根据浏览器获取iphone和apk的下载地址
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" content="text/html"/>
<meta name=
C# socks5详解 转
dalan_123
socket C#
http://www.cnblogs.com/zhujiechang/archive/2008/10/21/1316308.html 这里主要讲的是用.NET实现基于Socket5下面的代理协议进行客户端的通讯,Socket4的实现是类似的,注意的事,这里不是讲用C#实现一个代理服务器,因为实现一个代理服务器需要实现很多协议,头大,而且现在市面上有很多现成的代理服务器用,性能又好,
运维 Centos问题汇总
dcj3sjt126com
云主机
一、sh 脚本不执行的原因
sh脚本不执行的原因 只有2个
1.权限不够
2.sh脚本里路径没写完整。
二、解决You have new mail in /var/spool/mail/root
修改/usr/share/logwatch/default.conf/logwatch.conf配置文件
MailTo =
MailFrom
三、查询连接数
Yii防注入攻击笔记
dcj3sjt126com
sql WEB安全 yii
网站表单有注入漏洞须对所有用户输入的内容进行个过滤和检查,可以使用正则表达式或者直接输入字符判断,大部分是只允许输入字母和数字的,其它字符度不允许;对于内容复杂表单的内容,应该对html和script的符号进行转义替换:尤其是<,>,',"",&这几个符号 这里有个转义对照表:
http://blog.csdn.net/xinzhu1990/articl
MongoDB简介[一]
eksliang
mongodb MongoDB简介
MongoDB简介
转载请出自出处:http://eksliang.iteye.com/blog/2173288 1.1易于使用
MongoDB是一个面向文档的数据库,而不是关系型数据库。与关系型数据库相比,面向文档的数据库不再有行的概念,取而代之的是更为灵活的“文档”模型。
另外,不
zookeeper windows 入门安装和测试
greemranqq
zookeeper 安装 分布式
一、序言
以下是我对zookeeper 的一些理解: zookeeper 作为一个服务注册信息存储的管理工具,好吧,这样说得很抽象,我们举个“栗子”。
栗子1号:
假设我是一家KTV的老板,我同时拥有5家KTV,我肯定得时刻监视
Spring之使用事务缘由(2-注解实现)
ihuning
spring
Spring事务注解实现
1. 依赖包:
1.1 spring包:
spring-beans-4.0.0.RELEASE.jar
spring-context-4.0.0.
iOS App Launch Option
啸笑天
option
iOS 程序启动时总会调用application:didFinishLaunchingWithOptions:,其中第二个参数launchOptions为NSDictionary类型的对象,里面存储有此程序启动的原因。
launchOptions中的可能键值见UIApplication Class Reference的Launch Options Keys节 。
1、若用户直接
jdk与jre的区别(_)
macroli
java jvm jdk
简单的说JDK是面向开发人员使用的SDK,它提供了Java的开发环境和运行环境。SDK是Software Development Kit 一般指软件开发包,可以包括函数库、编译程序等。
JDK就是Java Development Kit JRE是Java Runtime Enviroment是指Java的运行环境,是面向Java程序的使用者,而不是开发者。 如果安装了JDK,会发同你
Updates were rejected because the tip of your current branch is behind
qiaolevip
学习永无止境 每天进步一点点 众观千象 git
$ git push joe prod-2295-1
To git@git.dianrong.com:joe.le/dr-frontend.git
! [rejected] prod-2295-1 -> prod-2295-1 (non-fast-forward)
error: failed to push some refs to 'git@git.dianron
[一起学Hive]之十四-Hive的元数据表结构详解
superlxw1234
hive hive元数据结构
关键字:Hive元数据、Hive元数据表结构
之前在 “[一起学Hive]之一–Hive概述,Hive是什么”中介绍过,Hive自己维护了一套元数据,用户通过HQL查询时候,Hive首先需要结合元数据,将HQL翻译成MapReduce去执行。
本文介绍一下Hive元数据中重要的一些表结构及用途,以Hive0.13为例。
文章最后面,会以一个示例来全面了解一下,
Spring 3.2.14,4.1.7,4.2.RC2发布
wiselyman
Spring 3
Spring 3.2.14、4.1.7及4.2.RC2于6月30日发布。
其中Spring 3.2.1是一个维护版本(维护周期到2016-12-31截止),后续会继续根据需求和bug发布维护版本。此时,Spring官方强烈建议升级Spring框架至4.1.7 或者将要发布的4.2 。
其中Spring 4.1.7主要包含这些更新内容。