公司最近人手极度空缺,领导一声令下,让我和另一个 Android 小伙去支援 Java 组开发。秉承着“一块砖”的精神,我完全服从领导安排。做什么都是做,就怕自己停滞不前。羽哥也安慰我说:“技不压身”。但赶鸭子上架做了一周之后,发现根本不行。这一周下来,我连自己做了什么、怎么做的、原理流程都是什么一点都不知道。这样不行,只会复制粘贴可不行,况且大多数时候,从哪复制粘贴到哪我都不清楚。 于是下决心先入个门吧。我们过去主要就是改一些前端页面,那我就先从前端知识开始吧。 HTML,就是你了。就从你先开始!
HTML 是一种标记语言,它是用来描述网页格式的。虽然它本身不能显示在浏览器中,但经过浏览器的解释和编译,在浏览器中就可以正确显示 HTML 的格式。
1 HTML 元素
HTML 文档是由一个个元素拼凑而成的,元素的构成分为三部分:
开始标签(opening tag)
元素内容
结束标签(closing tag)
1.1 元素语法
以开始标签起
以结束标签止
元素内容即开始标签与结束标签中的内容
某些 HTML 元素可具有空内容
空元素在开始标签中进行关闭
大多数元素都具有属性
1.2 元素实例及解析
下面看一个 HTML 实例:
这是第一个段落。
上面的实例用到了三个元素:
然后,看一下在浏览器中显示的效果:
GG,出现了中文乱码的问题。这种问题的解决方法在网上一搜一大把,我的解决方法是限定了一下编码格式:
这是第一个段落。
重新运行一下:
解决!
1.3 注意:
: 上面的元素解析中没有提到 !DOCTYPE ,因为它并不是元素的一部分,它只是一份声明,因为网络上有很多不同的文件,声明正确的 HTML 版本,让浏览器能够正确显示网页。 完整的网络声明类型:DOCTYPE 参考手册
别忘记结束元素标签 : 虽然即便不写结束标签,大多数浏览器也能够正确的显示内容,但还是不要依赖这种写法。
建议使用小写标签 : HTML 标签对大小写不敏感:
等同于
。但是万维网联盟(W3C)在 HTML 4 中推荐 使用小写,并且在未来 (X)HTML 版本中强制 使用小写。
2. HTML 属性
属性是 HTML 元素的附加信息 ,一般在元素的开始菜单 中进行描述,并且属性总是以名称/键值对 的形式出现。
2.1 属性实例
HEML 属性
这是一个链接
看代码说话,上面代码中定义了一个链接,HTML 中链接由
标签定义,链接地址写在 href
属性中,其中 href="http://www.baidu.com"
即为元素的属性。 然后属性始终在括号内,属性值一般用双引号标注,单引号也可以。但是如果属性值中有双引号存在,那么属性值就必须用单引号标注。 看一下浏览器中运行效果:
2.2 属性参考手册大全
HTML 标准属性参考手册
3. HTML 标题
标题是通过
-
标签进行定义的,
是最大的标题,
是最小的标题。
3.1 标题实例
HEML 标题
一级标题
二级标题
三级标题
四级标题
五级标题
六级标题
效果:
3.2 HTML 水平线
标签可以在 HTML 中创建水平线,可用于分割内容。 在代码中使用:
HEML 标题
一级标题
二级标题
三级标题
四级标题
五级标题
六级标题
hr 水平线:
段落1
段落2
段落3
运行效果:
3.3 HTML 注释
HTML 中的注释与 Java 有所不同,是这样使用注释的: ``
4. HTML 段落
HTML 可以将文档分割成若干段落,方便阅读。
4.1 使用段落
段落是通过标签
进行定义的,在之前的代码中使用过,就不演示了。
4.2 换行
如果你不想将一段长文在产生一个新段落的情况下进行换行,就使用 标签进行分割。
HEML 段落
演示换 行效果
效果:
4.3 注意:
在 HTML 代码中不能通过添加额外的空格或换行来改变输出的效果。 当显示页面时,浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。需要注意的是,HTML 代码中的所有连续的空行(换行)也被显示为一个空格。
5. HTML 文本格式化
文本格式化部分没有什么好说,直接看代码:
HEML 文本格式化
文本加粗
文本斜体
电脑自动输出
上标 和 下标
效果:
代码释义很简单,就不讲了。
5.2 HTML 文本化标签
下面看一下常用的 HTML 文本化标签:
5.3 HTML 计算机输出标签
5.4 HTML 引文、引用及标签定义
6. HTML 链接
HTML 使用标签
来实现超链接。超链接可以是一个字、一组词甚至是一张图片。
6.1 使用
上文中已经使用过链接,这里就不具体展出了。只需要知道格式就可以: *链接文本*
6.2 target属性
使用 target 属性,可使被链接的文档在何处被打开:
HEML 链接
这是一个链接
上面的代码实现在新窗口中打开链接:
6.3 id 属性
id 属性可用于在一个 HTML 文档中创建标记。 具体实现:
在HTML文档中插入ID: 有用的提示部分
在HTML文档中创建一个链接到"有用的提示部分(id="tips")": 访问有用的提示部分
或者,从另一个页面创建一个链接到"有用的提示部分(id="tips")":
访问有用的提示部分
7. HTML 头部
7.1
元素
head 元素包含了所有的头部标签元素。在 head 元素中你可以插入脚本(scripts), 样式文件(CSS),及各种meta信息。
7.2
元素
title 元素定义了不同文档的标题,包含浏览器工具栏的标题、收藏夹的标题以及搜索结果页面的标题。
7.3
元素
base 元素定义了基本的链接地址,该标签作为文档中所有链接的默认目标。
7.4
元素
link 标签定义了文档与外部资源的关系,通常用于链接到样式表。
7.5
元素
style 元素定义了文档引用的样式文件的地址,也可在 style 中直接定义样式来渲染 HTML 文档。
7.6
元素
meta 元素描述了文档中的一些基本的元数据。这些元数据不显示在浏览器页面上,但会被浏览器解析。META 元素通常用于指定网页的描述,关键词,文件的最后修改时间,作者,和其他元数据。
7.7
元素
通常用于加载 script 文件。
8. HTML 图像
8.1 图像标签和源属性
图像由
标签定义,
是空标签,即没有闭合标签。然后要在页面上显示图像,还要使用源属性——src,即图像的 url 地址。 定义图像的代码:
HEML 链接

效果:
显示成功!
8.2 alt 属性
alt 属性用来为图像定义一串可替换的文本。在浏览器无法载入图像时,替换文本属性告诉读者她们失去的信息。此时,浏览器将显示这个替代性的文本而不是图像。 使用也十分简单,就在 img 元素中添加即可:
HEML 链接

8.3 高度与宽度
可以看到,刚才显示的图像太大了,那么这里就可以通过设置图像的宽高来进行限定。 height(高度) 与 width(宽度)属性用于设置图像的高度与宽度。
HEML 链接

效果:
9. HTML 表格
表格由 标签来定义,每个表格均有若干行(由 标签定义),每行又被分为若干格(由 标签定义)。 先看一个表格实例:
HEML 表格
第 1 行, 第 1 列
第 1 行, 第 2 列
第 2 行, 第 1 列
第 2 行, 第 2 列
效果:
9.1 边框
表格的边框由 border 属性定义:
HEML 表格
第 1 行, 第 1 列
第 1 行, 第 2 列
第 2 行, 第 1 列
第 2 行, 第 2 列
效果:
9.2 表头
表头由 标签定义:
HEML 表格
表头1
表头2
第 1 行, 第 1 列
第 1 行, 第 2 列
第 2 行, 第 1 列
第 2 行, 第 2 列
效果:
关于表格就介绍这么多,更多样式的还是要在项目中活学活用。下面是表格标签:
10. HTML 列表
HTML 列表分为有序列表和无序列表。
10.1 无序列表
无序列表使用
标签进行描述,每个列表项始于
标签,使用小黑点进行标记。
HEML 列表
效果:
10.2 有序列表
有序列表使用
标签进行描述,每个列表项始于
标签,使用数字进行标记。 在上面的代码中添加有序列表:
HEML 列表
无序列表
有序列表
香蕉
苹果
橘子
效果:
10.3 自定义列表
除此之外,HTML 还支持自定义列表。 自定义列表不仅仅是一列项目,而是项目及其注释的组合。 自定义列表以
标签开始。每个自定义列表项以
开始。每个自定义列表项的定义以
开始。
HEML 列表
无序列表
有序列表
香蕉
苹果
橘子
自定义列表
香蕉
- 芭蕉科芭蕉属植物,又指其果实。
苹果
- 美国的一家高科技公司。
橘子
- 是芸香科柑桔属的一种水果。
效果:
11. HTML 区块
大多数 HTML 元素都被定义为块级元素和内联元素。
11.1 区块元素
块级元素在浏览器中显示时,会以新行开始和结束。 实例:
,
,
,
元素
元素就是块级元素。它没有特定的含义,只是将 HTML 各元素组合起来。
元素另一个用途是替代
进行表格布局, 元素只显示表格化数据使用。
11.2 内联数据
内联数据显示时通常不会以新行开始。 实例:
, ,
,
元素
是内联元素,它也没有任何特定含义,可用作文本的容器。另外,与 css 一同使用时,
元素可用于为一些文本设置文本属性。
12. HTML 表单
表单使用
标签来设置,表单元素允许用户在表单中输入数据,如文本域、下拉列表、单选/复选框等。 多数情况下被用到的表单标签是输入标签
,输入类型由 type 类型属性定义,大多数被用到的输入类型如下。
12.1 文本域
文本域通过
标签来设定,当用户要在表单中键入字母、数字等内容时,就会用到文本域。
12.2 密码
密码字段通过标签
来定义:
12.3 单选按钮
单选按钮通过
来设置: 是
12.4 复选按钮
复选按钮通过
来设置: 评论
12.5 按钮
按钮通过
来设置:
综合以上表单输入类型,来看一下最终在浏览器上的实现效果:
13. HTML iframe
Iframe 标记,又叫浮动帧标记,你可以用它将一个 HTML 文档嵌入在另一个 HTML 中显示。
13.1 使用
iframe 语法为:
看一下使用方法,我们以之前显示图像的 HTML 文档为例,将他显示在 iframe 文档中:
HEML iframe
效果:
13.2 宽高设置
可以看到,上面显示的 HTML 文档显示的不全,那么也可以像设置图像宽高一样,设置其宽高:
HEML iframe
效果:
这次显示效果好多了。
13.3 移除边框
如果你嫌显示边框很丑,那么你可以移除它。
frameborder="0"
效果:
13.4 显示目标链接
iframe 也可以显示一个目标链接的页面,但链接的属性必须使用 iframe 的属性。
HEML iframe
百度一下
上面代码结合了这几个 iframe 的示例,通过代码可以看出,点击百度一下 链接,会在 iframe 上面显示百度页面。看一下效果:
14. HTML 脚本
脚本可以使 HTML 页面具有更强的动态性和交互性。
14.1
标签
标签用于定义客户端脚本,比如 JavaScript。
元素既可包含脚本语句,也可通过 src 属性指向外部脚本文件。 JavaScript 最常用于图片操作、表单验证以及内容动态更新。
14.2
标签
标签提供无法使用脚本时的替代内容,比方在浏览器禁用脚本时,或浏览器不支持客户端脚本时。
元素可包含普通 HTML 页面的 body 元素中能够找到的所有元素。 只有在浏览器不支持脚本或者禁用脚本时,才会显示
元素中的内容。
15. HTML 字符实体
html 中的预留字符必须被替换为字符实体,一些在键盘上找不到的字符也可以用字符实体来替换。 在 HTML 中,某些实体是预留的,例如小于号(<) 和大于号(>),这是因为浏览器会误认为它们是标签。 HTML 中常用字符实体还有不间断空格( ),因为浏览器总是将多个空格删除,只留一个,所以如果想留下多个空格,就必须使用字符实体( )。 更多 HTML 字符实体,请查看HTML 实体参考手册。
16. 总结
HTML 的基础知识大致上已经捋了一遍了,当然,肯定不能全部都涉及到,一个是时间短,再一个是即便都看全,我也不能全记住。我只把大致的语法和控件以及用法记住就好了,更多的知识还是要活学活用。 这整个过程下来,让我对 HTML 有了更加具象的理解。之前一直听说 HTML 简单,学了以后发现,确实是不难,但用好它还是要下一番功夫的。HTML 的功能我感觉和 Markdown 语法类似,实现的效果也都差不多。是,我肯定我说的这句话在以后会被打脸,因为我才接触前端多点的知识啊。但我现在这是看到的冰山一角,所以我只能对这一角进行描述,等有天我把冰山的全貌都摸透,回过头来再嘲笑现在的自己吧~ 这一整个学习过程是在菜鸟教程上进行的,整个步骤和许多释义都是按照上面的理解进行记录的。但里面的各个例子都是我自己手敲了一遍。学的过程中,发现了鼎鼎有名的前端学习网站 W3school,两个教程的学习步骤和知识讲解都差不多,但有的地方 W3school 确实比菜鸟教程上面讲得细。但当时已经跟着菜鸟学了大半了,就没照着 W3school 上学。打算下一步学习 H5、CSS 和 Js 时,参照着 W3school 上面进行学习。 就到这吧。
17. 参考
http://www.runoob.com/
你可能感兴趣的:(前端入门 —— HTML 基础知识一勺烩)
mysql 清理磁盘空间
汐猫
mysql 数据库
数据库相关学习资料:https://edu.51cto.com/video/655.htmlMySQL清理磁盘空间:代码示例与流程指南MySQL是一种广泛使用的开源关系数据库管理系统,它在处理大量数据时可能会占用大量的磁盘空间。随着时间的推移,数据库可能会积累许多不再需要的数据,导致磁盘空间不足。本文将介绍如何清理MySQL数据库中的磁盘空间,包括代码示例和流程图。清理磁盘空间的原因性能提升:清理
任涵去脂——秋雨寒了红叶
任涵去脂
粉蝶尖尖,蜓青风淡。笔锋里流出唐诗宋词,行间中藏匿了十里桃花。淡雅几笔,远寄一束听雨的轻盈。幽长月光下,肩落长影,飘逸着风幔罗幛的秋香。任涵去脂,原文地址http://www.rhqz8.cn/rhqz.html秋雨寒了红叶。捧起一缕秋风,听红叶细语。是秋的辉煌,是冬的序言。在秋色冬雪间连着相依相伴的岁月。秋是冬的情,冬是秋的梦。山岭红秀,细雨如绸。撑起一伞秋雨,流淌着海洋的斑驳。回眸中,一川朦胧
javascript基本内容和标签
Sonnenblume_f
IT 总结 编程语言 javascript IT 总结
js概念:javascript是互联网上最流行的,可以嵌套到html代码中的,一种基于对象和事件驱动的,并具有安全性能的脚本语言。具有1)向html页面中增加交互行为;2)脚本语言,语法和java类似;3)解释性语言,边执行边解释;4)跨平台,每个浏览器都具有js解释器;作用:增删HTML和css中的代码,能够动态校验数据组成:ECMAScript(核心)BOM浏览器对象模型DOM文档对象模型引入
最新Java学习路线总结,搬砖工逆袭Java架构师
2401_84266286
程序员 java 学习 开发语言
|一文读懂JVM类加载机制过程及原理||跟同事杠上了,ApacheBeanutils为什么被禁止使用?||Java中常见的编码集问题||为什么人们宁可用Lombok,也不把成员设为public?|2、java集合【Java集合1】Java集合基础知识总结(绝对经典)【Java集合2】List遍历删除元素remove()")【Java集合3】List<T>和List<?>的区别【Java集合4】Ja
PHP与Web页面交互:从基础表单到AJAX实战
独立开发者阿乐
综合性原创 前端 php 交互 Web页面 表单处理 AJAX技术 AJAX
文章目录PHP与Web页面交互:从基础到高级实践1.引言2.基础表单处理2.1HTML表单与PHP交互基础2.2GET与POST方法比较3.高级交互技术3.1AJAX与PHP交互3.2使用FetchAPI进行现代AJAX交互4.文件上传处理5.安全性考量5.1常见安全威胁与防护5.2数据验证与过滤6.现代PHP与前端框架交互6.1构建RESTfulAPI6.2使用JWT进行认证7.性能优化7.1缓
LeetCode 633.平方数之和(python题解)
wendong97
LeetCode从零起步 # 双指针 leetcode python 算法
LeetCode633.平方数之和(python题解)题目示例分析题解用到的基础知识计算平方和平方根取整参考题目给定一个非负整数c,你要判断是否存在两个整数a和b,使得a2+b2=c示例输入:5输出:True解释:1*1+2*2=5分析本题与上一题LeetCode167.两数之和II非常相似,把两数之和变成了平方数之和,利用上一题答案的思路,同样设置两个一左一右的指针,很容易就可以解答出来。这里要
网络爬虫进阶
rooney2024
爬虫
目录一、进阶爬虫的核心挑战二、关键技术与最佳实践三、实战案例:爬取动态电商价格(伪代码示例)四、持续学习路径结语一、进阶爬虫的核心挑战动态渲染页面(JavaScript/AJAX)问题:数据由JavaScript动态加载生成,初始HTML中不存在。解决方案:浏览器自动化工具:Selenium,Playwright,Puppeteer。模拟真实浏览器行为,等待JS执行并渲染出完整DOM后再解析。无头
7篇1章7节:机器学习算法解读,与数值预测回归模型构建
MD分析
用R探索医药数据科学 机器学习 算法 回归 r语言 数据挖掘
机器学习是当今数据分析和人工智能的核心工具之一,其算法广泛应用于分类、回归、排序和推荐等领域。本篇将详细讲解机器学习的四大经典算法类型,并以回归问题为例深入探讨数值预测的关键步骤,包括数据准备、线性回归模型构建、模型预测及误差评估,帮助读者更系统地理解和掌握机器学习的基础知识及实际应用。一、机器学习的算法在数据科学和人工智能的浪潮中,机器学习算法成为了解决各种数据问题的关键工具。机器学习主要处理四
Android音视频探索之旅 | Webrtc 1对1音视频通话核心流程分析
慢行的骑兵
音视频 android 音视频 webrtc
一.前言使用Webrtc实现1对1的音视频通话,先从Web端进行学习要比直接从Android端进行学习要轻松许多(若没有JS和Html以及Node基础,查找相关基础教程,能梳理代码的逻辑即可)。本文Android端接入Webrtc是通过引入官方的sdk来实现的。本文涉及到的Demo代码包含三部分,服务器端、Web端、Android端。服务器端使用的是Node,Web使用的是Html和JS,Andr
Python 服务器端与客户端的加密通信(SSL/TLS)解析
现实逃脱计划TA
python ssl 网络
```htmlPython服务器端与客户端的加密通信(SSL/TLS)解析在当今互联网时代,数据安全变得越来越重要。为了保护数据在传输过程中的安全,使用SSL/TLS协议进行加密通信成为了一种常见的做法。本文将详细介绍如何在Python中实现服务器端和客户端之间的SSL/TLS加密通信。什么是SSL/TLS?SSL(SecureSocketsLayer)和TLS(TransportLayerSec
es6中的symbol基础知识
藤原とラふ店丶
es6 前端 ecmascript
ES6中的Symbol是一种新的原始数据类型(PrimitiveDataType),它代表唯一的、不可变的值。它的主要目的是为了解决属性名冲突的问题,并为对象定义非字符串的属性键(Key)。以下是Symbol的核心特性和用法:1.创建Symbol使用Symbol()函数创建,每次调用都会返回一个独一无二的值:constsym1=Symbol();constsym2=Symbol();console
vue中实现验证码输入
结城
vue 验证码 vue输入框
vue验证码input输入解决焦点切换有点晚了就不吐槽了,咱还是把代码上了,赶紧洗澡,养好精神明天努力上班!!!想学node,想学react,想精进webpack,想vue学的更好一点,了解底层代码,学算法,学计算机原理,想写自己的博客网站…这是一条学无止境的路,没办法要恰饭效果html部分js部分exportdefault{props:{inputNums:{type:Number,defaul
聊聊 iframe:网页中的“窗口”是怎么回事?
结城
前端 前端 html
在网页开发中,是一个挺常见但又有点“低调”的HTML标签。你可能在浏览网页时见过它,比如嵌入的YouTube视频、地图,或者一些外部的小工具。它就像网页里开了一扇小窗口,能把另一个网页的内容嵌进来。今天就来聊聊iframe的前世今生、怎么用、包括srcdoc的妙用,它在微前端、传统后端开发、打印场景、通信机制中的应用,以及如何防止别人用iframe内嵌你的网站,尽量说得自然又接地气。iframe是
微信小程序软键盘弹出的问题
结城
javascript 小程序
微信小程序软键盘弹出的问题这里记录一个微信中开发的一个小问题,1.当我开发这个页面功能的时候在缩小的状态正常情况聚焦时在手机上会有一个软键盘弹出来完全遮住了我textarea输入框2.遮住状态这个时候我们还发现页面被顶了上去,头部的导航栏没有了3.解决问题html部分/防止页面被顶我们使用adjust-position属性js部分//并且加入失去焦点,得到焦点事件,通过bindfocus事件对象我
python启动其他程序或命令(pandoc)
SUN_SU3
python
编写python脚本时,有些功能由其他程序执行,直接在python脚本中启动对应的程序或命令执行即可,现记录用过的几种方法:查看程序的安装目录:whichpandoc1)subprocess:importsubprocessa=subprocess.Popen(['/opt/***/pandoc','/home/***/test.docx','-o','/home/***/test.html'])
web第一次作业
这日光醉了城.
前端 javascript 开发语言
实现一个登录页面、实现一个注册页面;实现一个主页-登录页面:`login.html`-注册页面:`register.html`-主页:`index.html`要求如下:-主页中,可以点击**注册**或者**登录**能直接在新窗口跳转到对应的页面-登录页面中,输入账号、密码可以点击登录-自动跳转到主页-注册页面中,输入账号、密码、确认密码、昵称,点击注册,注册后自动跳转到登录页面login.html
【电脑】主板接口协议的基础知识
计算机主板上的接口协议及其对应速度是了解计算机性能的关键因素之一。下面是一些常见接口协议及其对应的传输速度的详细说明:1.SATA(SerialATA)协议描述:SATA(串行高级技术附件)是一种替代并行ATA(PATA)的高速硬盘接口,主要用于内部存储设备。对应的速度:SATAI:最大理论传输速率为150MB/s。SATAII:最大理论传输速率为300MB/s。SATAIII:最大理论传输速率为
docker部署dm数据库
yy1209357299
运维 Linux docker 容器 运维 dm
官方文档参考官网地址:https://eco.dameng.com/document/dm/zh-cn/start/dm-install-docker.html下载镜像地址docker部署1、加载镜像dockerload-idm8_20240613_x86_rh6_64_rq_ent_8.1.3.140_pack5.tar使用dockerimages,查看镜像和镜像标签2、创建路径,挂载备用mkd
Linux指令大全网站
Linux指令大全网站!Linux命令大全(手册):超全!且提供指令查询网址:https://www.linuxcool.com/Linux指令(菜鸟教程):超全!提供清晰的表格查找网址:https://www.runoob.com/linux/linux-command-manual.htmlLinux中文在线手册:这个网站可以检索Linux命令,提供了命令的例子和收藏命令的搜索平台网址:htt
盘点一个Python网络爬虫过程中中文乱码的问题
皮皮_f075
大家好,我是皮皮。一、前言前几天在Python白银交流群【空翼】问了一个Python网络爬虫中文乱码的问题,提问截图如下:原始代码如下:importrequestsimportparselurl='https://news.p2peye.com/article-514723-1.html'headers={'Accept-Language':'zh-CN,zh;q=0.9','Accept':'a
Javaweb笔记
笙鹿鸣
html 前端 html5
HTMLHTML网页常用基础知识网页结构JavaSEC/SClientserver客户端–服务器JavaWebB/SBroswerServer浏览器–服务器网页的组成部分:内容(结构)、表现、行为HTML:HyperTextMarkupLanguage(超文本标记语言)ALT+F2选择浏览器HTML书写规范:表示整个html页面的开始头信息标题标题body是页面的主体内容页面主体内容表示整个htm
python 抓取小红书
小五咔咔咔
python 开发语言
python相关学习资料:https://edu.51cto.com/video/3832.htmlhttps://edu.51cto.com/video/4102.htmlhttps://edu.51cto.com/video/1158.htmlPython抓取小红书数据的科普文章小红书是一个流行的社交电商平台,用户可以分享购物心得、生活点滴等。本文将介绍如何使用Python语言抓取小红书的数据
poi html转换成word文档,poi将html转换为word文档
天猪飞翔
poi html转换成word文档
如何使用apachepoi将word转化为htmlJava可以使用这个开源框架,对word进行读取合并等操作,ApachePOI是一个开源的利用Java读写Excel、WORD等微软OLE2组件文档的项目。最新的3.5版本有很多改进,加入了对采用OOXML格式的Office2007支持,如xlsx、docx、pptx文档。示例如下:importorg.apache.poi.POITextExtra
No module named "Crypto",如何安装Python三方模块Crypto
weixin_30342827
python 操作系统
前两天公司公司老总让我研究怎么用企业微信第三方应用进行官网对接,完成URL回调验证问题。具体如何进行Python的Django网站与企业微信第三方应用进行回调验证的博客地址为:https://www.cnblogs.com/ws17345067708/p/10522472.html这里讲讲,如何在win10下,安装一个非常坑爹的加密算法库,名字叫"Crypto"看了好多博客,没有一个管用的,要么就
走进5G时代的音视频开发
Linux高级开发
IT
音频的基础知识1采样和采样频率:现在是数字时代,在音频处理时要先把音频的模拟信号变成数字信号,这叫A/D转换。要把音频的模拟信号变成数字信号,就需要采样。一秒钟内采样的次数称为采样频率2采样位数/位宽:数字信号是用0和1来表示的。采样位数就是采样值用多少位0和1来表示,也叫采样精度,用的位数越多就越接近真实声音。如用8位表示,采样值取值范围就是-128~127,如用16位表示,采样值取值范围就是-
Three.js入门:创建第一个3D场景
薯条说影
Three.js 3D场景创建 跨平台设置 安全异常处理 HTML骨架搭建
背景简介Three.js是一个轻量级的3D图形库,它让Web开发者能够在浏览器中创建和显示3D图形。本章介绍如何设置环境以开始使用Three.js,包括不同操作系统下的安装步骤、安全异常处理以及基本的HTML骨架创建。安装与设置操作系统兼容性:Three.js的使用不仅限于Windows系统。对于其他操作系统,如Linux和MacOS,需要将可执行文件复制到目标目录,并通过命令行启动。无论是哪种操
爬虫_加速乐秒杀
kisloy
爬虫 逆向 爬虫 python
加速乐补环境补环境window={navigator:{userAgent:"Mozilla/5.0(WindowsNT10.0;Win64;x64)AppleWebKit/537.36(KHTML,likeGecko)Chrome/104.0.0.0Safari/537.36"},outerWidth:1920,outerHeight:1050,};location={reload:functi
从零入门 HTML 开发:构建网页世界的基石指南
incidite
html 前端
从零入门HTML开发:构建网页世界的基石指南在互联网蓬勃发展的今天,我们每天浏览的网页、使用的App界面,背后都离不开HTML这一基础技术的支撑。作为前端开发的入门语言,HTML(超文本标记语言)就像建筑中的砖石,是构建网页骨架的核心。无论你是想成为专业的前端工程师,还是单纯想了解网页背后的运作原理,掌握HTML基础都是迈出的第一步。认识HTML:网页的“骨架”语言HTML的全称为HyperTex
实现一个HTML页面,上传图片后可以测量两条辅助线之间的距离,支持点击添加、拖动和右键删除辅助线
一、项目背景偶尔需要测量图片上元素的宽度高度和间距。因此实现一个交互式、可视化的测距工具。开发一个简单易用的HTML页面,用户可以上传任意图片,在图片上通过点击添加辅助线,拖动调整辅助线位置,右键删除不需要的辅助线,同时自动计算并显示相邻辅助线间的距离,提升效率和准确度。二、核心功能图片上传用户可以上传本地图片作为测距背景,图片会按用户指定的宽高展示,支持任意尺寸,不做限制。辅助线添加用户点击图片
5. 移动端适配rem方案
未路过
1.rem+动态html的font-sizerem单位是相对于html元素的font-size来设置的,那么如果我们需要在不同的屏幕下有不同的尺寸,可以动态的修改html的font-size尺寸。比如如下案例:1.设置一个盒子的宽度是2rem;2.设置不同的屏幕上html的font-size不同;image.png这样在开发中,我们只需要考虑两个问题:问题一:针对不同的屏幕,设置html不同的fo
PHP,安卓,UI,java,linux视频教程合集
cocos2d-x小菜
java UI PHP android linux
╔-----------------------------------╗┆
各表中的列名必须唯一。在表 'dbo.XXX' 中多次指定了列名 'XXX'。
bozch
.net .net mvc
在.net mvc5中,在执行某一操作的时候,出现了如下错误:
各表中的列名必须唯一。在表 'dbo.XXX' 中多次指定了列名 'XXX'。
经查询当前的操作与错误内容无关,经过对错误信息的排查发现,事故出现在数据库迁移上。
回想过去: 在迁移之前已经对数据库进行了添加字段操作,再次进行迁移插入XXX字段的时候,就会提示如上错误。
&
Java 对象大小的计算
e200702084
java
Java对象的大小
如何计算一个对象的大小呢?
 
Mybatis Spring
171815164
mybatis
ApplicationContext ac = new ClassPathXmlApplicationContext("applicationContext.xml");
CustomerService userService = (CustomerService) ac.getBean("customerService");
Customer cust
JVM 不稳定参数
g21121
jvm
-XX 参数被称为不稳定参数,之所以这么叫是因为此类参数的设置很容易引起JVM 性能上的差异,使JVM 存在极大的不稳定性。当然这是在非合理设置的前提下,如果此类参数设置合理讲大大提高JVM 的性能及稳定性。 可以说“不稳定参数”
用户自动登录网站
永夜-极光
用户
1.目标:实现用户登录后,再次登录就自动登录,无需用户名和密码
2.思路:将用户的信息保存为cookie
每次用户访问网站,通过filter拦截所有请求,在filter中读取所有的cookie,如果找到了保存登录信息的cookie,那么在cookie中读取登录信息,然后直接
centos7 安装后失去win7的引导记录
程序员是怎么炼成的
操作系统
1.使用root身份(必须)打开 /boot/grub2/grub.cfg 2.找到 ### BEGIN /etc/grub.d/30_os-prober ### 在后面添加 menuentry "Windows 7 (loader) (on /dev/sda1)" { 
Oracle 10g 官方中文安装帮助文档以及Oracle官方中文教程文档下载
aijuans
oracle
Oracle 10g 官方中文安装帮助文档下载:http://download.csdn.net/tag/Oracle%E4%B8%AD%E6%96%87API%EF%BC%8COracle%E4%B8%AD%E6%96%87%E6%96%87%E6%A1%A3%EF%BC%8Coracle%E5%AD%A6%E4%B9%A0%E6%96%87%E6%A1%A3 Oracle 10g 官方中文教程
JavaEE开源快速开发平台G4Studio_V3.2发布了
無為子
AOP oracle mysql javaee G4Studio
我非常高兴地宣布,今天我们最新的JavaEE开源快速开发平台G4Studio_V3.2版本已经正式发布。大家可以通过如下地址下载。
访问G4Studio网站
http://www.g4it.org
G4Studio_V3.2版本变更日志
功能新增
(1).新增了系统右下角滑出提示窗口功能。
(2).新增了文件资源的Zip压缩和解压缩
Oracle常用的单行函数应用技巧总结
百合不是茶
日期函数 转换函数(核心) 数字函数 通用函数(核心) 字符函数
单行函数; 字符函数,数字函数,日期函数,转换函数(核心),通用函数(核心)
一:字符函数:
.UPPER(字符串) 将字符串转为大写
.LOWER (字符串) 将字符串转为小写
.INITCAP(字符串) 将首字母大写
.LENGTH (字符串) 字符串的长度
.REPLACE(字符串,'A','_') 将字符串字符A转换成_
Mockito异常测试实例
bijian1013
java 单元测试 mockito
Mockito异常测试实例:
package com.bijian.study;
import static org.mockito.Mockito.mock;
import static org.mockito.Mockito.when;
import org.junit.Assert;
import org.junit.Test;
import org.mockito.
GA与量子恒道统计
Bill_chen
JavaScript 浏览器 百度 Google 防火墙
前一阵子,统计**网址时,Google Analytics(GA) 和量子恒道统计(也称量子统计),数据有较大的偏差,仔细找相关资料研究了下,总结如下:
为何GA和量子网站统计(量子统计前身为雅虎统计)结果不同?
首先:没有一种网站统计工具能保证百分之百的准确出现该问题可能有以下几个原因:(1)不同的统计分析系统的算法机制不同;(2)统计代码放置的位置和前后
【Linux命令三】Top命令
bit1129
linux命令
Linux的Top命令类似于Windows的任务管理器,可以查看当前系统的运行情况,包括CPU、内存的使用情况等。如下是一个Top命令的执行结果:
top - 21:22:04 up 1 day, 23:49, 1 user, load average: 1.10, 1.66, 1.99
Tasks: 202 total, 4 running, 198 sl
spring四种依赖注入方式
白糖_
spring
平常的java开发中,程序员在某个类中需要依赖其它类的方法,则通常是new一个依赖类再调用类实例的方法,这种开发存在的问题是new的类实例不好统一管理,spring提出了依赖注入的思想,即依赖类不由程序员实例化,而是通过spring容器帮我们new指定实例并且将实例注入到需要该对象的类中。依赖注入的另一种说法是“控制反转”,通俗的理解是:平常我们new一个实例,这个实例的控制权是我
angular.injector
boyitech
AngularJS AngularJS API
angular.injector
描述: 创建一个injector对象, 调用injector对象的方法可以获得angular的service, 或者用来做依赖注入. 使用方法: angular.injector(modules, [strictDi]) 参数详解: Param Type Details mod
java-同步访问一个数组Integer[10],生产者不断地往数组放入整数1000,数组满时等待;消费者不断地将数组里面的数置零,数组空时等待
bylijinnan
Integer
public class PC {
/**
* 题目:生产者-消费者。
* 同步访问一个数组Integer[10],生产者不断地往数组放入整数1000,数组满时等待;消费者不断地将数组里面的数置零,数组空时等待。
*/
private static final Integer[] val=new Integer[10];
private static
使用Struts2.2.1配置
Chen.H
apache spring Web xml struts
Struts2.2.1 需要如下 jar包: commons-fileupload-1.2.1.jar commons-io-1.3.2.jar commons-logging-1.0.4.jar freemarker-2.3.16.jar javassist-3.7.ga.jar ognl-3.0.jar spring.jar
struts2-core-2.2.1.jar struts2-sp
[职业与教育]青春之歌
comsci
教育
每个人都有自己的青春之歌............但是我要说的却不是青春...
大家如果在自己的职业生涯没有给自己以后创业留一点点机会,仅仅凭学历和人脉关系,是难以在竞争激烈的市场中生存下去的....
&nbs
oracle连接(join)中使用using关键字
daizj
JOIN oracle sql using
在oracle连接(join)中使用using关键字
34. View the Exhibit and examine the structure of the ORDERS and ORDER_ITEMS tables.
Evaluate the following SQL statement:
SELECT oi.order_id, product_id, order_date
FRO
NIO示例
daysinsun
nio
NIO服务端代码:
public class NIOServer {
private Selector selector;
public void startServer(int port) throws IOException {
ServerSocketChannel serverChannel = ServerSocketChannel.open(
C语言学习homework1
dcj3sjt126com
c homework
0、 课堂练习做完
1、使用sizeof计算出你所知道的所有的类型占用的空间。
int x;
sizeof(x);
sizeof(int);
# include <stdio.h>
int main(void)
{
int x1;
char x2;
double x3;
float x4;
printf(&quo
select in order by , mysql排序
dcj3sjt126com
mysql
If i select like this:
SELECT id FROM users WHERE id IN(3,4,8,1);
This by default will select users in this order
1,3,4,8,
I would like to select them in the same order that i put IN() values so:
页面校验-新建项目
fanxiaolong
页面校验
$(document).ready(
function() {
var flag = true;
$('#changeform').submit(function() {
var projectScValNull = true;
var s ="";
var parent_id = $("#parent_id").v
Ehcache(02)——ehcache.xml简介
234390216
ehcache ehcache.xml 简介
ehcache.xml简介
ehcache.xml文件是用来定义Ehcache的配置信息的,更准确的来说它是定义CacheManager的配置信息的。根据之前我们在《Ehcache简介》一文中对CacheManager的介绍我们知道一切Ehcache的应用都是从CacheManager开始的。在不指定配置信
junit 4.11中三个新功能
jackyrong
java
junit 4.11中两个新增的功能,首先是注解中可以参数化,比如
import static org.junit.Assert.assertEquals;
import java.util.Arrays;
import org.junit.Test;
import org.junit.runner.RunWith;
import org.junit.runn
国外程序员爱用苹果Mac电脑的10大理由
php教程分享
windows PHP unix Microsoft perl
Mac 在国外很受欢迎,尤其是在 设计/web开发/IT 人员圈子里。普通用户喜欢 Mac 可以理解,毕竟 Mac 设计美观,简单好用,没有病毒。那么为什么专业人士也对 Mac 情有独钟呢?从个人使用经验来看我想有下面几个原因:
1、Mac OS X 是基于 Unix 的
这一点太重要了,尤其是对开发人员,至少对于我来说很重要,这意味着Unix 下一堆好用的工具都可以随手捡到。如果你是个 wi
位运算、异或的实际应用
wenjinglian
位运算
一. 位操作基础,用一张表描述位操作符的应用规则并详细解释。
二. 常用位操作小技巧,有判断奇偶、交换两数、变换符号、求绝对值。
三. 位操作与空间压缩,针对筛素数进行空间压缩。
&n
weblogic部署项目出现的一些问题(持续补充中……)
Everyday都不同
weblogic部署失败
好吧,weblogic的问题确实……
问题一:
org.springframework.beans.factory.BeanDefinitionStoreException: Failed to read candidate component class: URL [zip:E:/weblogic/user_projects/domains/base_domain/serve
tomcat7性能调优(01)
toknowme
tomcat7
Tomcat优化: 1、最大连接数最大线程等设置
<Connector port="8082" protocol="HTTP/1.1"
useBodyEncodingForURI="t
PO VO DAO DTO BO TO概念与区别
xp9802
java DAO 设计模式 bean 领域模型
O/R Mapping 是 Object Relational Mapping(对象关系映射)的缩写。通俗点讲,就是将对象与关系数据库绑定,用对象来表示关系数据。在O/R Mapping的世界里,有两个基本的也是重要的东东需要了解,即VO,PO。
它们的关系应该是相互独立的,一个VO可以只是PO的部分,也可以是多个PO构成,同样也可以等同于一个PO(指的是他们的属性)。这样,PO独立出来,数据持