文章目录
前言
一. 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,学习,前端)
c++实现贪吃蛇游戏
lyh不会打代码
算法 c++ 贪吃蛇 游戏策划
摘要:本文将介绍以C++编写贪吃蛇游戏的过程,包括游戏规则、设计思路、主要功能的实现以及注意事项。最后,我们给出了完整的C++代码,供读者参考和学习。目录引言游戏规则设计思路蛇的移动:食物生成:碰撞检测:画面绘制:具体实现注意事项最终代码总结引言贪吃蛇是一款经典的电子游戏,最初是在20世纪70年代普及的,现在已经成为了一种普遍的游戏形式。玩家操纵一个蛇,在屏幕上移动并吃掉食物,每吃掉一个食物,蛇就
基于基于强化学习(Q-Learning)用于底层动态频谱接入(DSA)认知无线电网络的资源分配研究(Matlab代码实现)
长安程序猿
网络 matlab 开发语言
欢迎来到本博客❤️❤️博主优势:博客内容尽量做到思维缜密,逻辑清晰,为了方便读者。⛳️座右铭:行百里者,半于九十。本文目录如下:目录⛳️赠与读者1概述一、动态频谱接入(DSA)的基本原理与挑战1.DSA的核心机制2.关键挑战二、Q-Learning在DSA资源分配中的应用框架1.算法原理2.典型应用场景三、关键参数与模型设计1.状态空间定义2.动作空间设计3.奖励函数设计四、研究进展与优化方法1.
《DNK210使用指南 -CanMV版 V1.0》第四十七章 MNIST实验
嵌入式编程开源产品程序员
第四十七章MNIST实验1)实验平台:正点原子DNK210开发板2)章节摘自【正点原子】DNK210使用指南-CanMV版V1.03)购买链接:https://detail.tmall.com/item.htm?&id=7828013987504)全套实验源码+手册+视频下载地址:http://www.openedv.com/docs/boards/k210/ATK-DNK210.html5)正点
VTK知识学习(32)-图像运算
无所谓จุ๊บ
VTK 学习 VTK
1、数学运算vklmageMathematics提供了基本的一元和二元数学操作。根据不同的操作,需要一个或者两个输入图像。二元数学操作要求两个输入图像具有相同的像素数据类型和颜色组分。当两个图像大小不同时,输出图像的范围为两个输入图像范围的并集,并且原点和像素间隔与第一个输入图像保持一致。privatevoidTestMathematics(){//绘制一个暗红色矩形vtkImageCanvasS
【学习笔记】Python基础-字典Dict和Set和List与Str扩展
法迪
Python基础 python hashmap Dict set list
Dict使用大括号围起来,这里提供一种键值对的list表示方法1.Dict{}2.List[]3.turple()实例代码#!/usr/bin/envpython3#-*-coding:utf-8-*-#字典dict类似Java的HashMap#Dict{}#List[]#turple()mDict={"Lava":90,"Huawei":100,"Sony":60}print(mDict['La
【隐私保护】身份认证的基本概念
小oo呆
【隐私保护】 【学习心得】 密码学 安全 隐私保护
在之前的文章中有提到认证技术,那么之前提到的认证技术和身份认证技术有什么不同呢?身份认证技术的到底是什么呢?如果想更系统的学习身份认证建议把之前的文章看看:【密码学】密码协议【密码学】密码协议的分类:②认证协议我认为认证技术是一个更广的概念,它指的是在计算机网络中确认操作者身份的过程以及确保数据完整性和来源可靠性的方法。也就是认证技术要认证三个东西:消息认证(验证消息的完整性)、数据源认证(验证消
深度求索-DeepSeek-R1本地部署指南
0小和尚化缘12
个人开发
1、参考:部署指南2、参考:deepseek本地部署只需三步DeepSeek本地部署只需三步:1、安装运行环境:安装Ollama:Ollama官网:官网2、下载模型:参数越大,需要物里硬件越多3、安装部署前端交互程序:都是现成的开源架构
推荐文章:md2pptx - Markdown到PowerPoint转换神器,让文档制作更简单!
邬情然Harley
推荐文章:md2pptx-Markdown到PowerPoint转换神器,让文档制作更简单!项目地址:https://gitcode.com/gh_mirrors/md/md2pptx在快节奏的工作和学习环境中,高效地整理和展示信息变得至关重要。今天,我们来聊聊一个开源宝藏工具——md2pptx,它能将简洁的Markdown格式文本轻松转化为专业的PowerPoint演示文稿。对于那些喜欢Mark
Python网络爬虫-WebSocket数据抓取
程序小勇
faiss 爬虫 python 网络协议 websocket 开发语言
目录前言1、WebSocket请求的分析通常涉及以下几个方面:2、利用WebSocket爬取数据总结最后,创作不易!非常感谢大家的关注、点赞、评论啦!谢谢三连哦!好人好运连连,学习进步!工作顺利哦!博主介绍:✌专注于前后端、机器学习、人工智能应用领域开发的优质创作者、秉着互联网精神开源贡献精神,答疑解惑、坚持优质作品共享。本人是掘金/腾讯云/阿里云等平台优质作者、擅长前后端项目开发和毕业项目实战,
[生活杂项][运动教程]自由泳
xcy6666
生活
https://v.youku.com/v_show/id_XMzgzMjkwMzg0MA==.html?spm=a2h0k.11417342.soresults.dtitlehttps://v.youku.com/v_show/id_XMzgxNjM2NjY4NA==.html?spm=a2h0k.11417342.soresults.dtitle
JVM内存优化的秘密武器:压缩指针详解
墨瑾轩
一起学学Java【一】 jvm java 开发语言
关注墨瑾轩,带你探索编程的奥秘!超萌技术攻略,轻松晋级编程高手技术宝库已备好,就等你来挖掘订阅墨瑾轩,智趣学习不孤单即刻启航,编程之旅更有趣引言嘿,小伙伴们,我是你们的技术领航员zq啦!今天,咱们要一起探讨一个超棒的话题——JVM中的压缩指针技术。压缩指针就像是魔法中的缩小药水,能让原本庞大的指针变得小巧玲珑,从而节省宝贵的内存空间。别急,让我们慢慢揭开它的神秘面纱!正文一、刨根问底:压缩指针是什
C++Primer学习(4.6成员访问运算符)
黑果果的思考
零基础学习C++ c++
4.6成员访问运算符点运算符和箭头运算符都可用于访问成员,其中,点运算符获取类对象的一个成员;箭头运算符与点运算符有关,表达式ptr->mem等价于(*ptr).mem:stringsl="astring",*p=&s1;auton=s1.size();//运行string对象s1的size成员n=(*p).size();//运行p所指对象的size成员n=p->size();//等价于(*p).
Unity UI优化总结
Don里个冬
Unity3D技术分享 unity unity3d ugui
UnityUI优化总结前言最近又再一次回顾总结了一下UnityUI的优化,在此作下笔记,供学习参考。核心四大问题在Unity中UI优化的核心问题就是重绘和批处理之间的平衡。虽然说可以通过一些简单的技巧单方面地减少批次或者减少重绘,但进行过一波优化之后,最终还是要面临批次和重绘的平衡问题的。常见的四大UI优化问题:1、片段着色器利用率过高(或者说GPUfill-rate填充率过高),即每个片段处理的
python 山脊图_(数据科学学习手札98)纯Python绘制满满艺术感的山脊地图
weixin_39780255
python 山脊图
1简介下面的这幅图可能很多读者朋友们都看到过,这是英国摇滚乐队JoyDivision在1979年发行的其第一张录音室专辑UnknownPleasures的封面,由艺术家PeterSaville基于射电脉冲星信号的数据图创作而成,成为了一种流行文化的符号标志。图1类似图1的风格,在地图制作中也存在着一种山脊地图,基于记录地表海拔信息的高程数据,我们可以利用水平方向上的基于实际位置海拔高度的曲线,来对
[学习笔记-SLAM篇]Ubuntu16.04+ROS下配置ORB-SLAM3——后续
warningm_dm
SLAM篇
作为一篇后记,就主要做补充之用。索引1.编译不显示warning2.LocalMapping报错3.KannalaBrandt8报错4.RGB-D设置文件1.编译不显示warning编译的过程中有报错,但是一贯的,warning太多了,所以修改一下,便于找错。参考ubuntu18.04配置ORB-SLAM3。将ORB-SLAM3的CMakeLists.txt中的-Wall后面加上-w,可屏蔽编译的
【人工智能】AI现状分析 || 神经网络的数学基础 || 人工智能交叉领域的发展和技术应用 || 附:小白入门人工智能 学习步骤
追光者♂
Python从入门到人工智能 百题千解计划(项目 实战 案例) 人工智能 交叉领域 神经网络的数学基础 AI现状分析
声明:仅学习使用~资料整理分析不易,点个赞吧!目录1.AI现状分析(人工智能基础入门概念)1.1人工智能基础概念1.2人工智能的技术发展路线1.3产业发展的驱动因素1.4人工智能薪资岗位介绍2.神经网络的数学基础2.1神经网络的生物表示2.2神经网络的数学表示2.3神经网络必备的一些数学基础2.3.1Sigmoid函数2.3.2偏置2.4总结3.人工智能交叉领域的发展和技术应用3.1人工智能应用交
嵌入式学习第十七天--fileio
嵌入式小黑子
linxu高级编程 学习 spring java
fileIo文件操作:缓存操作对象具体操作标准IO全缓存/行缓存文件指针(流指针)FILE*1.打开--fopen(库函数)2.读写fgetc/fputcfgets/fputsfread/fwrite3.关闭fclose4.定位fseek/ftell/rewind空洞文件文件IO不带缓存文件描述符(整数)1.打开--open(系统调用)2.读写--read/write3.关闭--close4.定位
请解释设备像素、CSS 像素、设备独立像素、DPR、PPI 之间的区别 ?
程序员黄同学
前端开发 Java面试题 JavaScript javascript 开发语言
一、核心概念解释1.设备像素(PhysicalPixel)定义:屏幕物理发光点的最小单位,硬件决定不可变。例如iPhone12的屏幕分辨率2532×1170表示横向2532个物理像素点。特点:不同设备物理像素密度不同,高密度屏幕(如Retina)单位面积像素更多。2.CSS像素(CSSPixel)定义:前端开发中使用的逻辑像素单位,如width:300px。浏览器根据DPR自动换算为物理像素。特点
EasyX学习笔记1:线条
ͨৡۚۨC++ۨۚ࿐๊
C++游戏开发【EasyX】 c++
目录一、线条颜色1.`setlinecolor`-设置当前线条颜色2.`getlinecolor`-获取当前线条颜色二、线条样式1.`setlinestyle`-设置线条样式(宽度、类型等)三、绘制线条1.`line`-绘制两点间直线2.`lineto`-从当前位置画线到指定点3.`linerel`-相对当前位置画线4.`polyline`-绘制多段线四、其他函数1.`getlinestyle`-
Blender渲染模糊?掌握这些技巧,提升你的渲染质量!
LhcyyVSO
Blender 云渲染 动画渲染 blender 3d 3d渲染 云渲染 3d建模 渲染农场 动画渲染
随着Blender生态链越来越完善,越来越多的人开始学习Blender。然而,在使用Blender的过程中,许多小伙伴遇到了各种问题。比如:为什么blender渲染物品很糊?能让它们变得清晰吗?Blender渲染不出来,有时渲染出来了就闪退是什么原因?...下面小编就为大家解答Blender渲染中出现的一些常见问题,帮助你迅速提升渲染质量。1.为什么我的Blender渲染模糊?(1)检查“属性”面
【Python 学习 / 5】函数详解(定义、参数、作用域、lambda、内置函数)
卜及中
Python基础 python 学习 开发语言
文章目录一、函数1.定义函数1.1基本函数定义1.2带参数的函数1.3带返回值的函数2.参数传递2.1位置参数2.2默认参数2.3可变参数2.3.1使用`*args`2.3.2使用`**kwargs`2.4参数的混合使用3.作用域3.1局部和全局变量3.2`global`关键字输出:3.3`nonlocal`关键字输出:4.lambda表达式4.1基本用法4.2与`map()`、`filter()
基于Web的手机模拟器的实现(含源文件)
设计源码分享
欢迎添加微信互相交流学习哦!项目源码:https://gitee.com/oklongmm/biye设计说明书题目基于Web的手机模拟器的实现摘要随着信息技术的迅速发展,Web技术的应用越来越普及。除了常见的教学课件演示、实验动画模拟、过程仿真实现、可视化仿真及测试系统等方面的应用外,Web也因其浏览方便、实现技术相对简单、使用方式灵活等特点,开始涉及生活中的方方面面,为人们的生活带来越来越多的便
LeetCode解决方案集:编程与面试技能提升
徐子贡
本文还有配套的精品资源,点击获取简介:LeetCode是一个编程训练平台,提供了大量编程题目,用于提升开发者的算法技能和面试准备。本文将探讨名为"some-leetcode-solutions"的开源项目,其中包括LeetCode问题的多种编程语言解决方案。这些解决方案由社区成员贡献,可用于学习不同思路和比较语言实现。开源项目遵循开源协议,允许自由使用和修改代码,鼓励知识共享。本文还强调了学习算法
Java利用itextpdf实现pdf文件生成
小码农吗
日常栏目 java pdf ajax
前言最近公司让写一个数据页面生成pdf的功能,找了一些市面代码感觉都太麻烦,就自己综合性整合了一个便捷的工具类,开发只需简单组装数据直接调用即可快速生成pdf文件。望大家一起学习!!!代码获取方式:资源下载下载源码后台私信(一键三连哦!!!)二、前期准备1、html模版(放置接口所在项目的resourcess/templates/)需要准备一个要看到的pdf模版,利用html代码形式简单输出,其中
防重复提交思路
harmful_sheep
springboot java
本文将从以下几个方面展开:(1)重复提交产生的原因(2)什么是幂等性(3)针对重复提交,前后端的解决方案(4)如果实现一个防重复提交工具产生原因由于重复点击或者网络重发eg:点击提交按钮两次;点击刷新按钮;使用浏览器后退按钮重复之前的操作,导致重复提交表单;使用浏览器历史记录重复提交表单;浏览器重复的HTTP请求;nginx重发等情况;分布式RPC的try重发等;主要有2个部分:(1)前端用户操作
vue中onclick如何调用methods中的方法
库库的写代码
js vue.js javascript 前端
文章目录前言一、代码一开始效果二、解决方案前言今天在开发vue项目中使用的第三方地图,地图上绘制的marker内容需要自定义,因为绘制的内容是原生HTML,所以遇到点击事件的时候就用了onclick来定义,此时想要调用methods中的方法,直接通过this.xx是获取不到的,因为onclick后面的事件是调用的window中的事件,所以需要把此事件绑定到window上即可一、代码一开始效果thi
html5 二进制数据解析,JavaScript读写二进制数据的方法详解
如果有片海
html5 二进制数据解析
前言二进制是计算技术中广泛采用的一种数制。二进制数据是用0和1两个数码来表示的数,如果想要在前端中处理音频和视频。那你必须要对二进制数据有很好地掌握和操作能力。下面话不多说了,来一起看看详细介绍的吧类型化数组的出现类型化数组是HTML5中引入的API,它能够让开发者使用JavaScript直接操作二进制数据。在类型化数组出现之前,我们是无法直接通过JavaScript操作二进制数据,通常都是操作J
conda更换环境版本(比如torch版本)
挨打且不服66
python python
找到想要的torch版本pytorch官网torch过往的版本创建新环境condacreate--namemyenvpython=3.8condaactivatemyenvconda虚拟环境中安装CUDA和CUDNN深度学习用显卡训练的时候,需要安装与显卡对应的cuda和cudnn。但不同的项目所支持的pytorch版本是不一样的,而pytorch版本和cuda版本之间又是互相依赖的,所以如果可以
一文读懂!深度学习 + PyTorch 的超实用学习路线
a小胡哦
深度学习 python pytorch
深度学习作为人工智能领域的核心技术,正深刻改变着诸多行业。PyTorch则是深度学习实践中备受青睐的框架,它简单易用且功能强大。下面就为大家详细规划深度学习结合PyTorch的学习路线。一、基础知识储备数学基础数学是很重要的!!!线性代数、概率论与数理统计、微积分是深度学习的数学基石。熟悉矩阵运算、概率分布、梯度计算等概念,能帮助理解深度学习模型的原理。例如,在神经网络中,矩阵乘法用于神经元之间的
流行编程语言全解析:优势、应用与短板
a小胡哦
python java c++ c语言 javascript swift r语言
Python:优势Python以其简洁、易读的语法闻名,新手能快速上手。丰富的库和框架,能极大地提高开发效率。适用领域数据科学与分析:处理和分析大规模数据集,进行数据可视化。典型示例:Google用Python进行数据分析,处理海量数据以支持各种业务决策。机器学习与人工智能:构建和训练模型。典型示例:OpenAI在很多人工智能项目中广泛使用Python,如GPT系列模型的研发。网络爬虫:轻松从网页
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交互,它允许用户