文章目录
前言
一. HTML语法规范
二. HTML基本结构标签
三. 网页开发工具(VSCode)
3.1 **VSCode的使用**
3.2. 文档类型声明标签
3.3 lang语言种类
3.4 字符集
四. HTML常用标签
4.1 标题标签
4.4 段落和换行标签(重要)
4.5 文本格式化标签
4.6 “盒子”标签
4.7 图像标签
4.8 路径
4.9 超链接标签
五. HTML中的注释和特殊字符
六. 表格
七. 列表标签
7.1 无序列表
7.2 有序列表(理解)
7.3 自定义列表(重点)
八. 表单标签
8.1表单域
8.2表单元素
8.3 input表单元素
8.4 label 标签
8.5 select 表单元素
总结
前言
提示:这里可以添加本文要记录的大概内容: 例如:随着人工智能的不断发展,机器学习这门技术也越来越重要,很多人都开启了学习机器学习,本文就介绍了机器学习的基础内容。
一. HTML语法规范
1.1 基本语法概念
HTML标签是由尖括号包围的关键词,例如
。
HTML标签通常是成对出现的,例如
和
,我们称为双标签。标签对中第一个标签是开始标签,第二个是结束标签。
有些特殊的标签必须是单个标签(极少情况),例如
,我们称为单标签。
1.2 标签关系
包含关系和并列关系
包含关系——
< head>
< title> title>
head>
并列关系——
< head> head>
< title> title>
二. HTML基本结构标签
2.1 第一个HTML网页
标签名
定义
说明
HTML 标签
页面中最大的标签,我们称为根标签
文档的头部
注意在head标签中我们必须要设置的标签是title
文档的标题
让页面拥有一个自己的网页标题
文档的主体
元素包含文档的所有内容,页面内容基本都是放到body里的。
网页骨架
< html>
< head>
< title> 第一个页面 title>
head>
< body>
小明快跑!!!
body>
html>
在记事本写完之后,将文件后缀名改为.html和.htm,双击文件就能在浏览器打开。 浏览器的作用就是读取HTML文档,并且以网页的形式显示出它们。
三. 网页开发工具(VSCode)
3.1 VSCode的使用
打开软件后新建文件。
保存空文件,保存为.html为后缀的纯文本文件。
生成系统骨架——输入!按下Tab键
书写文档
利用插件在浏览器中预览页面——单击鼠标右键,在弹出窗口中点击"Open In Default Browser".
3.2. 文档类型声明标签 文档类型声明,作用就是告诉浏览器使用哪种HTML版本来显示网页。
DOCTYPE html >
这句代码的意思是:当前页面采取的是HTML5版本来显示网页。
注意: 1.声明位于文档中的最前面位置,处于标签之前。 2.不是一个HTML标签,它就是文档类型声明。
3.3 lang语言种类
< html lang = " en" > ——英文网页
< html lang = " zh-CN" > ——中文网页
注意: 1.其实对于文档显示来说,定义成en的文档也可以显示中文,反之亦然。 2. 位置位于文档类型声明之后。
3.4 字符集
在标签内,可以通过标签的charset属性来规定HTML文档应该使用哪种字符编码。
< meta charset = " UTF-8" >
常用的值有:GB2312,BIG5,GBK,和UTF-8也被称为万国码,基本包含全世界所有国家需要的字符。
上面语法是必须要写的代码,否则可能引起乱码的情况。
以上标签都是可以在VSCode自动生成的。
四. HTML常用标签
学习标签的技巧就是记住每个标签的语义。
4.1 标题标签
< h1> 一级标题 h1>
单词head的缩写,意为头部,标题。
有
到
共六个等级。 1.加了标题的字体会变得加粗,字体大小会依次变小。 2.一个标题独占一行。
4.4 段落和换行标签(重要)
用
标签定义段落
< p> 我是一个段落 p>
单词garagraph的缩写,意为段落。
特点: 1.文本在浏览器中会自动换行。 2.段落和段落之间有空隙。
用
定义换行(单标签)
< br/> 被换到下一行的文字
4.5 文本格式化标签
语义
标签
说明
加粗
或者
更推荐用前者,语义更加强烈
倾斜
或者
更推荐用前者,语义更加强烈
删除线
或者
更推荐用前者,语义更加强烈
下划线
或者
更推荐用前者,语义更加强烈
4.6 “盒子”标签
和
标签。
没有语义的标签,就是一个盒子,用来装内容的。
特点:
标签用来布局,但是现在一行只能放一个
,大盒子
标
签用来布局,一行可以有多个
,小盒子
4.7 图像标签
在HTML标签中,标签用于定义HTML页面中的图像。
< img src = " 图像URL" />
imgae的缩写。
src是
标签的必须属性,它用于指定图像文件的路径和文件名。
其他重点标签——
属性
属性值
说明
src
图片路径
必须属性
alt
文本
替换文本。图像不能显示的文字
title
文本
提示文本。鼠标放到图像上,显示的文字
width
像素
设置图像的宽度
height
像素
设置图像的高度
border
像素
设置图像的边框粗细
长度和宽度只设置其中一个时就可以等比例放大。
图像标签注意点:
图像标签可以拥有多个属性,必须卸载标签名的后面。
属性之间不分先后顺序,标签名与属性,属性与属性之间要空格分开。
属性采取键值对的格式,即 属性 = “属性值”。
4.8 路径
相对路径 :以引用文件所在位置为参考基础,而建立的目录路径。
简单来说就是图片相对于代码所在的位置
相对路径分类
符号
说明
同一级路径
图像文件位于HTML文件同一级 如
下一级路径
/
图像文件位于HTML文件下一级如
上一级路径
…/
图像文件位于HTML文件上一级如
绝对路径 :指本机盘目录下的绝对位置或者完整的网络地址。
如QQ:www.qq.com.
4.9 超链接标签
标签用于定义超链接,作用是从一个页面连接到另一个页面。 1.链接的语法格式
< a href = " 跳转目标" target = " 目标窗口地弹出方式" > 用户看到的文本或图像 a>
两个属性的作用如下
属性
作用
href
用于指定链接目标的url地址,(必须属性)当为标签应用href属性时,它就具有了超链接的功能
target
用于指定链接页面的打开方式,其中 _self
为当前窗口打开页面,_blank
为在新窗口中打开页面。
2.链接分类——
外部链接:例如 html 首页
```
使用者点击首页时,就可以打开网页的首页
空链接:如果当时没有确定链接目标时首页 a>
,表示为一个空链接。
下载链接:如果href里面地址是一个文件或者压缩包,会下载这个文件。
网页元素链接:在网页中的各种网页元素如文本图像、表格、音频、视频等都可以添加超链接
锚点链接:点我们点击链接可以快速定位到页面中的某个位置。
在链接文本的href属性中设置属性值为#名字
的形式如第2集 a>
找到目标位置标签,里面添加一个id属性 = 刚才的名字
。如:第2集介绍
五. HTML中的注释和特殊字符
5.1 注释
便于阅读但又不会显示在页面中的注释页面。
或者快捷键 ctrl + /
5.2 特殊字符
5.2特殊字符
在HTML页面中,一些特殊的符号很难或者不方便直接使用,此时我们就可以使用下面的字符来替代
六. 表格
个人觉得进入这一章,就开始是学习较为深入的东西了
6.1 表格标签
表格的作用——更加简约地展示数据。(并不是为了布局页面)
表格的基本用法 eg——下表展示了一个最简单的三行三单元格表格
< table>
< tr> < td> 张三 td> < td> 男 td> < td> 20 td> tr>
< tr> < td> 李四 td> < td> 男 td> < td> 30 td> tr>
< tr> < td> 王五 td> < td> 男 td> < td> 40 td> tr>
table>
表示加粗居中的表头单元格的显示。
< table>
< tr> < th> 姓名 th> < th> 性别 th> < th> 年龄 th> tr>
< tr> < td> ...
表格属性——这部分属性实际开发时不使用,后续会通过CSS来设置。 此处只需要记住这些英语单词,并直观感受表格的外观形态。
属性名
属性值
描述
align
left、center、right
表格相对周围元素的对齐方式
border
1或“”
表格单元是否拥有边框,默认为"",表示没有边框
cellpadding
像素值
单元格内容到边框的距离,默认1像素
cellspacing
像素值
单元格之间的距离,默认2像素
width
像素值或百分比
规定表格的宽度
注意表格属性的编辑是在表格标签上
< table align = " center" border = " 1" cellpadding = " 0" cellspacing = " 0" width = " 500" height = " 250" >
表格结构标签 在实际的使用场景中,因为表格一般比较复杂,为了更好的表示语义,所以有了表格表头和表格主体两大区域。
以下是加入了表头和主体标签之后的编写规范。(注意和的位置)
< html>
< head>
< title> 第一个页面 title>
head>
< body>
< table align = " center" border = " 1" cellpadding = " 0" cellspacing = " 0" width = " 500" height = " 250" >
< thead>
< tr>
< th> 姓名 th>
< th> 性别 th>
< th> 年龄 th>
tr>
thead>
< tbody>
< tr> < td> 张三 td> < td> 男 td> < td> 20 td> tr>
< tr> < td> 李四 td> < td> 男 td> < td> 30 td> tr>
< tr> < td> 王五 td> < td> 男 td> < td> 40 td> tr>
tbody>
table>
body>
html>
跨行:最上侧单元格为目标单元格,写合并代码。 跨列:最左侧单元格为目标单元格,写合并代码。 1.先确定是跨行还是跨列合并。 2.找到目标单元格写上 合并方式=合并的单元格数量。比如: .
3.除多余单元格。 注意:合并单元格遵循计上不计下,计左不计右。例如想要跨行合并第二第三行,那就在合并操作后,把不需要的第三行去掉。
七. 列表标签
列表用来布局,根据使用场景的不同可以分为三大类:无序列表,有序列表,自定义列表。
7.1 无序列表
标签表示HTML中的无序列表,一般以项目符号呈现列表项,列表项使用
定义。 unorder-list.
无序列表的基本语法格式如下:
< ul>
< li> 列表项1 li>
< li> 列表项21i>
< li> 列表项3 li>
...
ul>
特点: 1.无序列表的各个列表项之间没有顺序级别之分,是并列的。 2.
中只能嵌套
,直接在
标签中输入其他标签或者文字的做法是不被允许的 3.
与
之间相当于一个容器,可以容纳所有元素。(重点) 4.无序列表会有自己的样式属性,但在实际使用时,会使用CSS来设置。
7.2 有序列表(理解)
表示有序列表。oreder-list.
其使用和特点与有序列表大同小异。
7.3 自定义列表(重点)
在HTML标签中,
标签用于定义描述列表(或定义列表),该标签会与
(定义项目/名字)和
(描述每一个项目/名字)一起使用。 其基本语法如下:
< dl>
< dt> 名词1 dt>
< dd> 名词1解释1 dd>
< dd> 名词1解释2 dd>
dl>
definition term. (一个小标题,后面带有若干个围绕小标题的链接)
列表总结:
标签名
定义
说明
无序标签
里面只能包含li没有顺序,使用较多。li里面可以包含任何标签
有序标签
里面只能包含li有顺序,使用相对较少。li里面可以包含任何标签
自定义列表
里面只能包含dt和dd。dt和dd里面可以放任何标签
八. 表单标签
8.1表单域
表单域是一个包含表单元素的区域 在HTML标签中,
标签用于定义表单域,以实现用户信息的收集和传递
会把它范围内的表单元素信息提交给服务器
< form action = " url地址”method=" 提交方式”name = " 表单域名称" >
各种表单元素控件
form>
常用属性:
属性
属性值
作用
action
url地址
用于指定接收并外理表单数据的服务器程序的url地址
method
get/post
用于设置表单数据的提交方式,其取值为get或post。
name
名称
用于指定表单的名称,以区分同一个页面中的多个表单域
8.2表单元素
在英文单词中,input是输入的意思,而在表单元素中
标签用于收集用户信息 在
标签中,包含一个type属性,根据不同的type属性值,输入字段拥有很多种形式(可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等)。
< input type-"属性值" />
标签为单标签
type属性设置不同的属性值用来指定不同的控件类型
8.3 input表单元素
type属性的属性值及其描述如下:
属性值
描述
button
定义可点击按钮(多数情况下,用于通过JavaScript启动脚本)。
checkbox
定义复选框。
file
定义输入字段和"浏览"按钮,供文件上传。
hidden
定义隐蒙的输入字段。
image
定义图像形式的提交按钮。
password
定义密码字段。该字段中的字符被掩码。
radio
定义单选按钮。
reset
定义重置按钮。重置按钮会清除表单中的所有数据
submit
定义提交按钮。提交按钮会把表单数据发送到服务器
text
定义单行的输入字段,用户可在其中输入文本。默认宽度为20个字符
除type属性外,标签还有其他很多属性,其常用属性如下:
属性
属性值
描述
name
由用户自定义
定义input元素的名称
value
由用户自定义
规定input元素的值
checked
checked
规定此input元素首次加载时应当被选中
maxlength
正整数
规定输入字段中的字符的最大长度。
1.name和value是每个表单元素都有的属性值主要给后台人员使用 2.name表单元素的名字要求单选按钮和复选框要有相同的name值 英),图 3.checked属性主要针对于单选按钮和复选框主要作用一打开页面就要可以默认选中某个表单元素 4.maxlength是用户可以在表单元素输入的最大字符数一般较少使用
1.页面中的表单元素很多,如何区别不同的表单元素?
答:name属性:当前input表单的名字,后台可以通过这个name属性找到这个表单。页面中的表单很多, name的主要作用就是用于区别不同的表单。
用户名:
name属性后面的值,是自定义的 radio(或者checkbox)如果是一组,我们必须给他们命名相同的名字 英),图
< input type = " radio" name = " sex" /> 男
< input type = " radio" name = " sex" /> 女
2.如何让input表单元素展示不同的形态?比如单选按钮或者文本框
答:type属性:type属性可以让input表单元素设置不同的形态
< input type = " radio" name = " sex" value = " 男" checked = " checked" /> 男
8.4 label 标签
标签为input元素定义标注(标签)。
标签用于绑定一个表单元素当点击
标签内的文本时,浏览器就会自动将焦点(光标转到或者选择对应的表单元素上用来增加用户体验。 语法:
< label for-"sex" > 男 label>
< input type = " radio" name = " sex" id = " sex" />
核心:标签的for属性应当与相关元素的id 属性相同
8.5 select 表单元素
在页面中,如果有多个选项让用户选择,并且想要节约页面空间时,我们可以使用标签控件定义下拉列表. 语法:
< select>
< option> 选项1 option>
< optitn> 选项2 option>
< option> 选项3 option>
.."
select>
1.
中至少包含一对
。 2.在
中定义selected=selected"时,当前项即为默认选中项
8.6 textarea 表单元素 语法:
< textarea rows = " 3" cols = " 20" > 文本内容 textarea>
1.通过
标签可以轻松地创建多行文本输入框 2.cols=“每行中的字符数”rows=“显示的行数”,我们在实际开发中不会使用,都是用CSS 来改变大小
总结
提示:这里对文章进行总结:到这里html的基础学习就告一段落了,接下来就是CSS的学习了。总的来说现在学会的知识皮毛,多实践吧,接下来要加快步伐了。
你可能感兴趣的:(网页设计,html,学习,前端)
Python学习心得两大编程思想
lifegoesonwjl
python 开发语言 pycharm 前端 c语言
一、两大编程思想:1.面向过程:功能上的封装典型代表:C语言2.面向对象:属性和行为上的封装典型代表:Python、Java二、面向过程与面向对象的异同点:1.区别:面向过程:事物比较简单,可用线性的思维去解决面向对象:事务比较复杂,使用简单的线性思维无法解决2.共同点:(1)面向过程和面向对象都是解决实际问题的一种思维方式;(2)二者相辅相成,并不是对立的;(3)解决复杂问题,通过面向对象方式便
Android arcgis加载在线底图
Angie洛林
android arcgis
我整理的一些关于【信息系统】的项目学习资料(附讲解~~)和大家一起分享、学习一下:https://edu.51cto.com/mic-position/757.html在Android中使用ArcGIS加载在线底图ArcGIS是Esri提供的一套强大的地理信息系统(GIS)解决方案,支持多种平台,包括Android。本文将介绍如何在Android应用中使用ArcGIS加载在线底图,并配有相关代码示
深度学习环境配置——Anaconda安装
tyyhmtyyhm
深度学习环境配置 深度学习 人工智能
目录Ⅰ.Windows系统安装Anaconda1.1下载安装Ⅱ.Linux系统安装Anaconda(适用于服务器安装)2.1下载2.2安装操作系统:windows11/ubuntu20/ubuntu18更新时间:20240221Ⅰ.Windows系统安装Anaconda1.1下载安装https://www.anaconda.com/download默认安装即可。Ⅱ.Linux系统安装Anacond
cesium(vue)一些面试问题(包含Three.js)
GIS瞧葩菜
vue.js javascript cesium
1.在不同的应用场景和技术栈中,模型加载方法和格式有所不同,下面主要从Web前端三维场景(使用Three.js和cesium)使用Three.js加载模型常见模型格式及加载方法GLTF/GLB格式格式特点:GLTF(GraphicsLibraryTransmissionFormat)是一种开放的、基于JSON的三维模型传输格式,GLB是其二进制版本。它们具有文件小、加载快、支持动画、材质和骨骼等优
深度学习工厂的蓝图:拆解CUDA驱动、PyTorch与OpenCV的依赖关系
时光旅人01号
深度学习 pytorch opencv
想象一下,你正在建造一座深度学习工厂,这座工厂专门用于高效处理深度学习任务(如训练神经网络)和计算机视觉任务(如图像处理)。为了让工厂顺利运转,你需要搭建基础设施、安装设备、设置生产线,并配备控制台来管理整个生产过程。以下是这座工厂的详细构建过程:1.工厂的基础设施:Ubuntu比喻:Ubuntu是工厂所在的土地和建筑,提供了基础设施和运行环境。作用:提供操作系统环境,支持安装和运行各种工具和框架
(九万字)面向2025年BOSS直聘人工智能算法工程师高频面试题解析
快撑死的鱼
人工智能 回归 python pytorch
面向2025年BOSS直聘人工智能算法工程师高频面试题解析1.机器学习(ML)理论解析机器学习是让计算机从数据中学习规律的一套方法论,包含监督学习、无监督学习和强化学习等范式。在监督学习中,给定带标签的数据,算法尝试学习从输入到输出的映射关系;无监督学习则在缺乏标签的情况下挖掘数据内在结构;强化学习则让智能体通过与环境交互、依据奖赏反馈来改进策略(Q-learning-Wikipedia)。机器学
《数组》学习——有序数组的平方
小翔很开心
我在CSDN学算法 学习
有序数组的平方题目:给你一个按非递减顺序排序的整数数组nums,返回每个数字的平方组成的新数组,要求也按非递减顺序排序。测试用例:输入:nums=[-4,-1,0,3,10]输出:[0,1,9,16,100]解释:平方后,数组变为[16,1,0,9,100],排序后,数组变为[0,1,9,16,100]该题,有两种解法:暴力排序解法双指针法(快慢指针法)测试程序:(双指针法的求解)#include
CSS中五种定位方式(position)对比分析
七公子77
css css 前端
在CSS中,定位方式(position)决定了元素如何相对于其参照物进行定位,同时影响文档流的布局。以下是五种定位方式的对比、参照物说明及代码示例:1.position:static(默认定位)参照物:无,元素位于默认文档流中。文档流:元素按照HTML顺序自然排列。特点:top、right、bottom、left和z-index属性无效。示例:Box1Box2.box{width:100px;he
Centos7 搭建 Jupyter + Nginx 服务
某龙兄
python nginx linux centos
JupyterNotebook(此前被称为IPythonnotebook)是一个交互式笔记本,支持运行40多种编程语言。JupyterNotebook的本质是一个Web应用程序,便于创建和共享文学化程序文档,支持实时代码,数学方程,可视化和markdown。用途包括:数据清理和转换,数值模拟,统计建模,机器学习等等。本文讲述如何搭建Jupyter+Nginx服务,仅供学习与交流,请勿用于商业用途一
人工智能与机器学习入门:基尼系数(Gini Index)和基于熵(Entropy)
基尼系数基于熵机器学习入门
在决策树应用一文中,在构建决策分类树应用决策算法时,介绍了基尼系数(GiniIndex)和基于熵(Entropy)两种算法。本文通过实例来更加深入的介绍一下这两个算法。仍然以简单的数据为例:id喜欢颜色是否有喉结身高性别1绿否165女2蓝是170男3粉否172女4绿是175男基尼系数分别对喜欢颜色是否有喉结求基尼系数如下:喜欢的颜色id喜欢颜色性别1绿女2蓝男3粉女4绿男对于姓别女分类而言,数据如
FakeApp 技术浅析(一)
爱研究的小牛
AIGC—深度伪造 虚拟现实 人工智能 AIGC 深度学习 机器学习
FakeApp是一款早期的深度伪造(Deepfake)工具,最初于2018年发布,用于生成和编辑换脸视频。尽管FakeApp已经不再更新,但它在深度伪造技术的发展中起到了重要作用。1.技术背景与理论基础1.1生成对抗网络(GANs)生成对抗网络(GANs)是深度学习领域中的一种重要模型,由生成器(Generator)和判别器(Discriminator)组成。生成器负责生成逼真的数据(如图像、视频
C语言学习记录——BC61 牛牛的二三七整除
曾浩轩
C语言学习记录 学习 c语言
牛牛的二三七整除_牛客题霸_牛客网(nowcoder.com)#includeintmain(){inta;//定义我们要输入的整数scanf("%d",&a);//输入整数if(a%2==0)//a%2==0说明a能被2整除{printf("2");//输出2空,因为a有可能还会被3和7整除,但输出中格式显示每个数字是间隔的}//并且要升序输出,所以先判断能否被2整除,再判断能否被3整除,最后是
DeepSeek 赋能工业软件之全流程方案
爱吃青菜的大力水手
人工智能 自动化 持续部署 语言模型 开源
deepseek赋能工业软件之全流程方案之侧重半导体FABdeepseek在工业软件中的应用场景“deepseek”大模型在工业软件领域拥有广泛的应用场景,包括以下几个方面:智能调度:利用深度学习和优化算法,根据实时数据动态调整生产计划和资源分配。它可以综合考虑订单需求、设备状态和产能限制,智能生成最优的生产排程方案,减少等待时间和切换成本。例如在汽车制造工厂,deepseek可根据订单需求和设备
transformer模型构建
AI耽误的大厨
自然语言处理nlp transformer 算法 人工智能 神经网络 word2vec
2.6模型构建学习目标掌握编码器-解码器结构的实现过程.掌握Transformer模型的构建过程.通过上面的小节,我们已经完成了所有组成部分的实现,接下来就来实现完整的编码器-解码器结构.Transformer总体架构图:编码器-解码器结构的代码实现#使用EncoderDecoder类来实现编码器-解码器结构classEncoderDecoder(nn.Module):def__init__(se
深度学习之目标检测的常用标注工具
铭瑾熙
人工智能 机器学习 深度学习 深度学习 目标检测 目标跟踪
1LabelImgLabelImg是一款开源的图像标注工具,标签可用于分类和目标检测,它是用Python编写的,并使用Qt作为其图形界面,简单好用。注释以PASCALVOC格式保存为XML文件,这是ImageNet使用的格式。此外,它还支持COCO数据集格式。2labelmelabelme是一款开源的图像/视频标注工具,标签可用于目标检测、分割和分类。灵感是来自于MIT开源的一款标注工具Label
34、深度学习-自学之路-深入理解-NLP自然语言处理-RNN一个简单的程序,可以从程序中理解RNN的基本思想。
小宇爱
深度学习-自学之路 深度学习 自然语言处理 rnn
importsys,random,mathfromcollectionsimportCounterimportnumpyasnpf=open('tasks_1-20_v1/en/qa1_single-supporting-fact_train.txt','r')raw=f.readlines()f.close()tokens=list()forlineinraw[0:1000]:tokens.ap
DeepSeek-R1 技术全景解析:从原理到实践的“炼金术配方” ——附多阶段训练流程图与核心误区澄清...
雪停时偶遇一叶春
流程图
合集-人工智能(5)1.如何改进AI模型在特定环境中的知识检索2024-09-242.深度学习与统计学中的时间序列预测2024-10-033.《使用coze搭建一个会搜索、写ppt、思维导图的Agent》2024-10-294.深入浅出:Agent如何调用工具——从OpenAIFunctionCall到CrewAI框架01-145.DeepSeek-R1技术全景解析:从原理到实践的“炼金术配方”—
【vue】Mammoth.js的使用:将.docx转换成HTML
暴富暴富暴富啦啦啦
1024程序员节
mammoth.convertToHtml(input,options):把源文档转换为HTML文档mammoth.convertToMarkdown(input,options):把源文档转换为Markdown文档。mammoth.extractRawText(input):提取文档的原始文本。这将忽略文档中的所有格式。每个段落后跟两个换行符。npminstallelement-uimammot
探索 TypeScript Redux:构建大规模JavaScript应用的终极指南
柳旖岭
探索TypeScriptRedux:构建大规模JavaScript应用的终极指南去发现同类优质开源项目:https://gitcode.com/在当今快速发展的前端开发领域中,组合正确工具集来应对复杂性和扩展性挑战至关重要。今天,我们将深入了解一个令人兴奋的开源项目——TypeScriptRedux,它结合了TypeScript、JSPM、typings、React和Redux的强大功能,为开发者
单细胞轨迹分析-monocle包的使用
探序基因
r语言
探序基因肿瘤研究院整理安装:monocle源码下载:https://www.bioconductor.org/packages/release/bioc/html/monocle.htmlR版本,4.2.0BiocManager::install("monocle")不过在安装过程中还是报错了:Warning:无法在https://bioconductor.org/packages/3.15/bi
前端导出word文件—包含canvas(echarts图表)
Liuer_Qin
js canvas echarts echarts 前端 javascript
一、使用的插件html-docx-js二、整体思路因为canvas是运行在内存中的,所以不能简单的通过dom获取canvas图片,需要手动的先将canvas转为image。三、实现先克隆要下载的DOM的副本。因为canvas是运行在内存中的,所以也不能通过cloneNode方法克隆下来(克隆下来是空的)。我们这里将原DOM中的canvas转成图片,然后插入到副本的对应位置,这样操作不会影响原DOM
侯捷 C++ 课程学习笔记:C++ 面向对象开发的艺术
孤寂大仙v
c++ c++ 学习 笔记
在侯捷老师的C++系列课程中,《C++面向对象开发》这门课程让我对面向对象编程有了更深入的理解。面向对象编程(OOP)是现代软件开发中最重要的编程范式之一,而C++作为支持OOP的语言,提供了强大的工具和特性。侯捷老师通过系统的讲解和实战案例,帮助我掌握了如何在C++中高效地使用面向对象技术。以下是我对这门课程的学习笔记和心得体会。一、课程核心内容:C++面向对象开发的关键特性![侯捷老师的课程详
【Python系列】Python 解释器的站点配置
Kwan的解忧杂货铺@新空间代码工作室
s1 Python python 开发语言
欢迎来到我的博客,很高兴能够在这里和您见面!希望您在这里可以感受到一份轻松愉快的氛围,不仅可以获得有趣的内容和知识,也可以畅所欲言、分享您的想法和见解。推荐:kwan的首页,持续学习,不断总结,共同进步,活到老学到老导航檀越剑指大厂系列:全面总结java核心技术点,如集合,jvm,并发编程redis,kafka,Spring,微服务,Netty等常用开发工具系列:罗列常用的开发工具,如IDEA,M
DeepSeek如何重塑我的编程学习:计算机新生的AI实践
EnigmaCoder
DeepSeek 学习 人工智能
目录前言邂逅DeepSeek:从困惑到惊喜初学编程的困境DeepSeek的优势️DeepSeek在编程学习中的运用注释算法逐步分析调试帮助跨语言迁移学习AI时代学习方法论革新知识获取方式转变新型学习能力培养反思与展望反思展望总结前言大家好!我是EnigmaCoder,本文我将介绍我的AI编程学习之旅。春节期间,DeepSeek横空出世,迅速登顶热榜。它功能强大,精准答疑、高效创作,瞬间点燃大众热情
【自然语言处理|迁移学习-08】:中文语料完型填空
爱学习不掉头发
深度学习 自然语言处理(NLP) 自然语言处理 迁移学习 人工智能
文章目录1中文语料完型填空任务介绍2数据集加载及处理3定义下游任务模型4模型训练5.模型测试1中文语料完型填空任务介绍任务介绍:完成中文语料完型填空完型填空是一个分类问题,[MASK]单词有21128种可能数据构建实现分析:使用迁移学习方式完成使用预训练模型bert模型提取文特征,后面添加全连接层和softmax进行单标签多分类2数据集加载及处理数据介绍:数据文件有三个train.csv,test
利用Beautiful Soup和Pandas进行网页数据抓取与清洗处理实战
傻啦嘿哟
pandas
目录一、准备工作二、抓取网页数据三、数据清洗四、数据处理五、保存数据六、完整代码示例七、总结在数据分析和机器学习的项目中,数据的获取、清洗和处理是非常关键的步骤。今天,我们将通过一个实战案例,演示如何利用Python中的BeautifulSoup库进行网页数据抓取,并使用Pandas库进行数据清洗和处理。这个案例不仅适合初学者,也能帮助有一定经验的朋友快速掌握这两个强大的工具。一、准备工作在开始之
鸢尾花分类项目 GUI
编织幻境的妖
分类 数据挖掘 人工智能
1.机器学习的定义机器学习是一门人工智能的分支,专注于开发算法和统计模型,使计算机能够在没有明确编程的情况下从数据中自动学习和改进。通过识别数据中的模式和规律,机器学习系统可以做出预测或决策。常见的应用包括图像识别、语音识别、推荐系统等。2.为什么使用鸢尾花数据集(Irisdataset)鸢尾花数据集是一个经典的多类分类问题数据集,由英国统计学家和遗传学家RonaldFisher在1936年引入。
python做一个注册界面_python如何做一个登录注册界面
weixin_39824033
python做一个注册界面
python做一个登录注册界面的方法:首先初始化一个window界面,并使用画布实现欢迎的logo;然后用代码实现登录和注册按钮;接着并进行登录判断代码;最后完成注册界面即可。【相关学习推荐:python视频教程】python做一个登录注册界面的方法:一、登录界面1、首先初始化一个window界面window=tk.Tk()window.title('WelcometoMofanPython')w
python读取zip包内文件_Python模块学习:zipfile zip文件操作
weixin_40001634
python读取zip包内文件
最近在写一个网络客户端下载程序,用于下载服务器上的数据。有些数据(如文本,office文档)如果直接传输的话,将会增加通信的数据量,使下载时间变长。服务器在传输这些数据之前先对其进行压缩,客户端接收到数据之后进行解压,这样可以减小网通传输数据的通信量,缩短下载的时间,从而增加客户体验。以前用C#做类似应用程序的时候,我会用SharpZipLib这个开源组件,现在用Python做类似的工作,只要使用
动态蛇形卷积(DySnakeConv)在YOLOv8检测头中的应用与优化-分割性能的提升【YOLOv8】
步入烟尘
YOLO 动态蛇形卷积 DySnakeConv
本专栏专为AI视觉领域的爱好者和从业者打造。涵盖分类、检测、分割、追踪等多项技术,带你从入门到精通!后续更有实战项目,助你轻松应对面试挑战!立即订阅,开启你的YOLOv8之旅!专栏订阅地址:https://blog.csdn.net/mrdeam/category_12804295.html文章目录动态蛇形卷积(DySnakeConv)在YOLOv8检测头中的应用与优化-分割性能的提升【YOLOv
java工厂模式
3213213333332132
java 抽象工厂
工厂模式有
1、工厂方法
2、抽象工厂方法。
下面我的实现是抽象工厂方法,
给所有具体的产品类定一个通用的接口。
package 工厂模式;
/**
* 航天飞行接口
*
* @Description
* @author FuJianyong
* 2015-7-14下午02:42:05
*/
public interface SpaceF
nginx频率限制+python测试
ronin47
nginx 频率 python
部分内容参考:http://www.abc3210.com/2013/web_04/82.shtml
首先说一下遇到这个问题是因为网站被攻击,阿里云报警,想到要限制一下访问频率,而不是限制ip(限制ip的方案稍后给出)。nginx连接资源被吃空返回状态码是502,添加本方案限制后返回599,与正常状态码区别开。步骤如下:
java线程和线程池的使用
dyy_gusi
ThreadPool thread Runnable timer
java线程和线程池
一、创建多线程的方式
java多线程很常见,如何使用多线程,如何创建线程,java中有两种方式,第一种是让自己的类实现Runnable接口,第二种是让自己的类继承Thread类。其实Thread类自己也是实现了Runnable接口。具体使用实例如下:
1、通过实现Runnable接口方式 1 2
Linux
171815164
linux
ubuntu kernel
http://kernel.ubuntu.com/~kernel-ppa/mainline/v4.1.2-unstable/
安卓sdk代理
mirrors.neusoft.edu.cn 80
输入法和jdk
sudo apt-get install fcitx
su
Tomcat JDBC Connection Pool
g21121
Connection
Tomcat7 抛弃了以往的DBCP 采用了新的Tomcat Jdbc Pool 作为数据库连接组件,事实上DBCP已经被Hibernate 所抛弃,因为他存在很多问题,诸如:更新缓慢,bug较多,编译问题,代码复杂等等。
Tomcat Jdbc P
敲代码的一点想法
永夜-极光
java 随笔 感想
入门学习java编程已经半年了,一路敲代码下来,现在也才1w+行代码量,也就菜鸟水准吧,但是在整个学习过程中,我一直在想,为什么很多培训老师,网上的文章都是要我们背一些代码?比如学习Arraylist的时候,教师就让我们先参考源代码写一遍,然
jvm指令集
程序员是怎么炼成的
jvm 指令集
转自:http://blog.csdn.net/hudashi/article/details/7062675#comments
将值推送至栈顶时 const ldc push load指令
const系列
该系列命令主要负责把简单的数值类型送到栈顶。(从常量池或者局部变量push到栈顶时均使用)
0x02 &nbs
Oracle字符集的查看查询和Oracle字符集的设置修改
aijuans
oracle
本文主要讨论以下几个部分:如何查看查询oracle字符集、 修改设置字符集以及常见的oracle utf8字符集和oracle exp 字符集问题。
一、什么是Oracle字符集
Oracle字符集是一个字节数据的解释的符号集合,有大小之分,有相互的包容关系。ORACLE 支持国家语言的体系结构允许你使用本地化语言来存储,处理,检索数据。它使数据库工具,错误消息,排序次序,日期,时间,货
png在Ie6下透明度处理方法
antonyup_2006
css 浏览器 Firebug IE
由于之前到深圳现场支撑上线,当时为了解决个控件下载,我机器上的IE8老报个错,不得以把ie8卸载掉,换个Ie6,问题解决了,今天出差回来,用ie6登入另一个正在开发的系统,遇到了Png图片的问题,当然升级到ie8(ie8自带的开发人员工具调试前端页面JS之类的还是比较方便的,和FireBug一样,呵呵),这个问题就解决了,但稍微做了下这个问题的处理。
我们知道PNG是图像文件存储格式,查询资
表查询常用命令高级查询方法(二)
百合不是茶
oracle 分页查询 分组查询 联合查询
----------------------------------------------------分组查询 group by having --平均工资和最高工资 select avg(sal)平均工资,max(sal) from emp ; --每个部门的平均工资和最高工资
uploadify3.1版本参数使用详解
bijian1013
JavaScript uploadify3.1
使用:
绑定的界面元素<input id='gallery'type='file'/>$("#gallery").uploadify({设置参数,参数如下});
设置的属性:
id: jQuery(this).attr('id'),//绑定的input的ID
langFile: 'http://ww
精通Oracle10编程SQL(17)使用ORACLE系统包
bijian1013
oracle 数据库 plsql
/*
*使用ORACLE系统包
*/
--1.DBMS_OUTPUT
--ENABLE:用于激活过程PUT,PUT_LINE,NEW_LINE,GET_LINE和GET_LINES的调用
--语法:DBMS_OUTPUT.enable(buffer_size in integer default 20000);
--DISABLE:用于禁止对过程PUT,PUT_LINE,NEW
【JVM一】JVM垃圾回收日志
bit1129
垃圾回收
将JVM垃圾回收的日志记录下来,对于分析垃圾回收的运行状态,进而调整内存分配(年轻代,老年代,永久代的内存分配)等是很有意义的。JVM与垃圾回收日志相关的参数包括:
-XX:+PrintGC
-XX:+PrintGCDetails
-XX:+PrintGCTimeStamps
-XX:+PrintGCDateStamps
-Xloggc
-XX:+PrintGC
通
Toast使用
白糖_
toast
Android中的Toast是一种简易的消息提示框,toast提示框不能被用户点击,toast会根据用户设置的显示时间后自动消失。
创建Toast
两个方法创建Toast
makeText(Context context, int resId, int duration)
参数:context是toast显示在
angular.identity
boyitech
AngularJS AngularJS API
angular.identiy 描述: 返回它第一参数的函数. 此函数多用于函数是编程. 使用方法: angular.identity(value); 参数详解: Param Type Details value
*
to be returned. 返回值: 传入的value 实例代码:
<!DOCTYPE HTML>
java-两整数相除,求循环节
bylijinnan
java
import java.util.ArrayList;
import java.util.List;
public class CircleDigitsInDivision {
/**
* 题目:求循环节,若整除则返回NULL,否则返回char*指向循环节。先写思路。函数原型:char*get_circle_digits(unsigned k,unsigned j)
Java 日期 周 年
Chen.H
java C++ c C#
/**
* java日期操作(月末、周末等的日期操作)
*
* @author
*
*/
public class DateUtil {
/** */
/**
* 取得某天相加(减)後的那一天
*
* @param date
* @param num
*
[高考与专业]欢迎广大高中毕业生加入自动控制与计算机应用专业
comsci
计算机
不知道现在的高校还设置这个宽口径专业没有,自动控制与计算机应用专业,我就是这个专业毕业的,这个专业的课程非常多,既要学习自动控制方面的课程,也要学习计算机专业的课程,对数学也要求比较高.....如果有这个专业,欢迎大家报考...毕业出来之后,就业的途径非常广.....
以后
分层查询(Hierarchical Queries)
daizj
oracle 递归查询 层次查询
Hierarchical Queries
If a table contains hierarchical data, then you can select rows in a hierarchical order using the hierarchical query clause:
hierarchical_query_clause::=
start with condi
数据迁移
daysinsun
数据迁移
最近公司在重构一个医疗系统,原来的系统是两个.Net系统,现需要重构到java中。数据库分别为SQL Server和Mysql,现需要将数据库统一为Hana数据库,发现了几个问题,但最后通过努力都解决了。
1、原本通过Hana的数据迁移工具把数据是可以迁移过去的,在MySQl里面的字段为TEXT类型的到Hana里面就存储不了了,最后不得不更改为clob。
2、在数据插入的时候有些字段特别长
C语言学习二进制的表示示例
dcj3sjt126com
c basic
进制的表示示例
# include <stdio.h>
int main(void)
{
int i = 0x32C;
printf("i = %d\n", i);
/*
printf的用法
%d表示以十进制输出
%x或%X表示以十六进制的输出
%o表示以八进制输出
*/
return 0;
}
NsTimer 和 UITableViewCell 之间的控制
dcj3sjt126com
ios
情况是这样的:
一个UITableView, 每个Cell的内容是我自定义的 viewA viewA上面有很多的动画, 我需要添加NSTimer来做动画, 由于TableView的复用机制, 我添加的动画会不断开启, 没有停止, 动画会执行越来越多.
解决办法:
在配置cell的时候开始动画, 然后在cell结束显示的时候停止动画
查找cell结束显示的代理
MySql中case when then 的使用
fanxiaolong
casewhenthenend
select "主键", "项目编号", "项目名称","项目创建时间", "项目状态","部门名称","创建人"
union
(select
pp.id as "主键",
pp.project_number as &
Ehcache(01)——简介、基本操作
234390216
cache ehcache 简介 CacheManager crud
Ehcache简介
目录
1 CacheManager
1.1 构造方法构建
1.2 静态方法构建
2 Cache
2.1&
最容易懂的javascript闭包学习入门
jackyrong
JavaScript
http://www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html
闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。
下面就是我的学习笔记,对于Javascript初学者应该是很有用的。
一、变量的作用域
要理解闭包,首先必须理解Javascript特殊
提升网站转化率的四步优化方案
php教程分享
数据结构 PHP 数据挖掘 Google 活动
网站开发完成后,我们在进行网站优化最关键的问题就是如何提高整体的转化率,这也是营销策略里最最重要的方面之一,并且也是网站综合运营实例的结果。文中分享了四大优化策略:调查、研究、优化、评估,这四大策略可以很好地帮助用户设计出高效的优化方案。
PHP开发的网站优化一个网站最关键和棘手的是,如何提高整体的转化率,这是任何营销策略里最重要的方面之一,而提升网站转化率是网站综合运营实力的结果。今天,我就分
web开发里什么是HTML5的WebSocket?
naruto1990
Web html5 浏览器 socket
当前火起来的HTML5语言里面,很多学者们都还没有完全了解这语言的效果情况,我最喜欢的Web开发技术就是正迅速变得流行的 WebSocket API。WebSocket 提供了一个受欢迎的技术,以替代我们过去几年一直在用的Ajax技术。这个新的API提供了一个方法,从客户端使用简单的语法有效地推动消息到服务器。让我们看一看6个HTML5教程介绍里 的 WebSocket API:它可用于客户端、服
Socket初步编程——简单实现群聊
Everyday都不同
socket 网络编程 初步认识
初次接触到socket网络编程,也参考了网络上众前辈的文章。尝试自己也写了一下,记录下过程吧:
服务端:(接收客户端消息并把它们打印出来)
public class SocketServer {
private List<Socket> socketList = new ArrayList<Socket>();
public s
面试:Hashtable与HashMap的区别(结合线程)
toknowme
昨天去了某钱公司面试,面试过程中被问道
Hashtable与HashMap的区别?当时就是回答了一点,Hashtable是线程安全的,HashMap是线程不安全的,说白了,就是Hashtable是的同步的,HashMap不是同步的,需要额外的处理一下。
今天就动手写了一个例子,直接看代码吧
package com.learn.lesson001;
import java
MVC设计模式的总结
xp9802
设计模式 mvc 框架 IOC
随着Web应用的商业逻辑包含逐渐复杂的公式分析计算、决策支持等,使客户机越
来越不堪重负,因此将系统的商业分离出来。单独形成一部分,这样三层结构产生了。
其中‘层’是逻辑上的划分。
三层体系结构是将整个系统划分为如图2.1所示的结构[3]
(1)表现层(Presentation layer):包含表示代码、用户交互GUI、数据验证。
该层用于向客户端用户提供GUI交互,它允许用户