HTML网页开发入门-学习笔记
HTML相关知识点
一、概述
二、HTML基本语法
1、HTML标签
2、HTML元素
3、HTML属性
三、HTML基本结构
四、HTML常用标签
1、标题
2、多媒体内容
3、超级链接
4、列表
(1) 无序列表 unordered list
(2) 有序列表 ordered list
(3) 定义列表 definition list
5、表格
(1) 表格基础
(2) 合并单元格
(3) 表格分区
6、表单
(1) 表单域
(2) 提示信息
(3) 表单控件
7、布局
文章内容输出来源:拉勾教育大前端就业急训营 先唠一会我的个人情况吧 在参加拉钩教育的课程之前,自己都是在自学前端的知识,处于野蛮生长的状态。学到的知识比较杂乱,没有一个比较系统的流程,就造成了东一块西一块,这里缺了点,那里崩了一个角的情况,让我实在担心自己会找不到工作(本人目前大四在读)。 说来也是挺巧的,我在12月份接到一个来自北京的陌生电话,本来不打算接的,但是想想,会不会是我投简历的公司hr给我的电话,于是就接听了这个电话。接听之后,小姐姐介绍自己是拉勾的,然后听下去发现是给自己介绍课程的。后来加了wx,本来是打算先找工作不打算买课程学习的了(因为没时间),但是又想想现在自己的水平,估计找到工作,薪资也不高,就开始咨询课程相关内容。其实我个人觉得这个课程还是蛮贵的,不过在看到一些以往学员的反馈,还是咬咬牙,交学费报名了。 然后就一趟流程下来,成为了急训营的学员。目前只开了一个模块,从这个模块来看,知识点是挺重点的,不会一股脑的把重要的不重要的都塞给你。因为是急训营嘛,所以都是由针对性的。 导师和班主任都是很好说话的人。还会监督我们的学习,对于我们的疑惑,也能够及时作出回应。因为我也没买过其他学习机构的课程,不清楚是不是都是这样的,不过他们给我的感觉,确实就像学校的老师、班主任一样。这让我对拉勾教育也更放心了一点。 好啦,下面就是我的学习笔记了。
HTML相关知识点
一、概述
HTML (Hypertext Markup Language: 超文本标记语言)负责搭建网页的结构,即制作网页有哪些组成部分、有哪些内容。 HTML是一种纯文本格式的文件,内部只能够书写文字内容,不能添加图片、音频等多媒体内容。
超文本 即超级文本,用于链接另一个文档或多媒体内容的文本。
标记 有特殊的书写规范,是写给浏览器的一种语法格式,给文本添加特定的语义,让网站的结构划分更为清晰。
方便代码的阅读和维护
便于浏览器或网络爬虫更好的解析网站内容
有利于SEO搜索引擎优化,提高网站的搜索排行
二、HTML基本语法
1、HTML标签
标签名必须写在一对尖括号内
标签分为单标签和双标签,双标签成对出现,结束标签必须书写结束符/,单标签可以自行封闭(HTML5中,单标签可以省略结束符)
2、HTML元素
从开始标签到结束标签的所有内容,包括开始标签、元素内容、结束标签
3、HTML属性
提供关于HTML元素的更多信息。
书写位置:开始标签之内,与标签名用空格分开
书写格式:key=“value”,一个标签可以有多个属性,一个属性可以有多个属性值,如:
三、HTML基本结构
以下是HTML5版本的基本结构
Document
1、基本骨架
最基本的四个标签,html、head、title、body
html:定义HTML文件的根元素,表示整个HTML文档,所有标签都要书写在html标签内部,即所有内容都是html标签的元素内容
head:用于存放script(客户端脚本文件)、meta(HTML文档中的元数据)、link(与外部资源的关系)、style(HTML样式文本)、title (网页标题)、base(页面连接标签的默认链接地址)
title:让页面拥有自己的标题;提高SEO引擎搜索优化;内部的内容会显示在搜索结果的标题部分;作为收藏夹默认标题
body:定义网页的主体部分,存放所有HTML显示内容的标签
网页标题
网页主体
2、DTD
文档定义类型,DocType Definition。用于告知浏览器的解析器用哪个HTML规范来解析页面。写于HTML文档开头第一行。
严格模式 和混杂模式 都是浏览器的呈现模式,用哪种模式与DTD有关,DTD里面包含了文档规则。
严格模式 :又称标准模式,浏览器按照W3C标准来解析代码,呈现页面。
混杂模式 :又称怪异模式或兼容模式,浏览器按照自己的方式来解析代码,以一种比较宽松的向后兼容的方式来呈现页面。
3、字符集
标签内部的
标签通过http-equiv属性定义了当前网页所使用的字符编码
中文常用字符集包括:
utf-8:国际通用字符,涵盖所有人类语言文字,一个汉字为3个字节(常用)
gbk2312:国标字库,共收入汉字6763个和包括拉丁字母、希腊字母、日文平假名及片假名字母、俄语西里尔字母在内的682个。
gbk:国标字库,是gbk2312的扩展,增加了繁体字,共收入 21886 个汉字和图形符号,其中汉字(包括部首和构件)21003 个,图形符号 883 个,一个汉字为2个字节大小。
四、HTML常用标签
1、标题
-
,分别为一级标签、二级标签、三级标签、四级标签、五级标签、六级标签
注意 :标签之间不能互相嵌套
在整个HTML中权重非常高,内部应放置HTML最重要的内容,比如logo
的元素内容对于提高搜索引擎排名非常重要,为防止作弊,一个页面只能有一个
2、多媒体内容
(1) 图像
元素通过包含图像文件路径的地址属性 src,可在所在位置嵌入图像。支持jpg、png、gif格式的图片。
属性title的属性值,是当用户将鼠标移至图片上时所显示的内容。如下图所示:
该元素还包括一个替换文字属性 alt,是图像的描述内容,用于当图像不能被用户看见时显示,不可见的原因可能是:
用户有视觉障碍。视障用户可以使用屏幕阅读器来朗读 alt 属性的内容。 有些错误使图像无法显示。
(2) 音频
使用
标签进行定义。和图像一样,使用src属性设置音频路径。支持的文件格式包括:.mp3、.ogg、.wav。
注意 :需要设置controls属性,才能够显示音频控制条。
(3) 视频
使用
标签进行定义。和图像一样,使用src属性设置音频路径。支持的文件格式包括:.mp4、.ogg、.webm。
注意 :需要设置controls属性,才能够显示音频控制条。
3、超级链接
HTML使用超级链接与网络上的另一个文档相连。超链接可以是文字,也可以是图像,点击这些内容来跳转到另一个文档或当前文档的某一部分。在HTML中使用
标签来创建链接。
百度
首页文件
href属性 ,全称hypertext reference, 超文本引用,用于规定链接的目标地址。属性值为链接目标的路径地址。可以使用相对路径或网址形式的绝对路径。
title属性 ,设置鼠标悬停时的提示文字,与标签
的title属性功能一致。
target属性 ,设置被链接的文档在何处跳转显示(当前窗口/新窗口)。属性值为_self,默认值,在当前窗口打开。属性值为_blank,在新窗口打开
页面内锚点跳转
第一步:设置锚点,有两种设置方式 ①找到目标标签,添加id属性目标位置
②在目标标签上方添加一个空的
标签,只设置一个name属性
目标位置
第二步:链接到锚点,在需要点击的位置设置
标签,将href的属性值设为#id属性值或#加name属性值点击文本
跨页面锚点跳转
这种跳转方法结合了跨页面跳转和锚点跳转。
第一步:设置锚点,方法与页面内锚点跳转一样。
第二步:连接到锚点,添加超级链接的href属性需要更改,属性值写为页面的路径#id点击文本
4、列表
列表用于制作HTML中的一系列项目。 根据项目的内容不同,可以有三种语义的列表结构:无序列表、有序列表、定义列表。
(1) 无序列表 unordered list
定义一个没有顺序的列表结构、语义。
(2) 有序列表 ordered list
定义一个有先后顺序的列表结构、语义
(3) 定义列表 definition list
自定义列表不仅仅是一列项目,而是项目及其注释的组合
由三个标签组成:
、
、
dl: definition list, 定义一个自定义列表的大结构
dt: definition term, 定义一个主题
dd: definition description, 定义解释项,解释距离最近的上一个主题
内部只能嵌套
和
,
和
是同级关系
内部可以嵌套多组
、
,但一般配合着CSS布局效果,一个
内部只添加 一组
、
。
杨幂
作品:《三生三世十里桃花》、《扶摇》、《宫》等。
工作室成员:迪丽热巴、高伟光、张彬彬等。
家庭:小糯米。
迪丽热巴
作品:《三生三世系列》、《漂亮的李慧珍》等。
刘诗诗
作品:《仙剑奇侠传三》、《步步惊心》等。
家庭:吴奇隆等。
谢娜
5、表格
(1) 表格基础
一个简单的表格由三部分组成:、、
table: 表格,定义整个表格的大结构
tr: table rows, 定义一个表格由多少行
td: table data, 定义每个单元格
th: table head data, 表头单元格,在表格中绘制时,替换的时td的位置。自带文字粗体居中样式
实例:制作一个三行四列的表格
1
2
3
4
第1行第1列
第1行第2列
第1行第3列
第1行第4列
第2行第1列
第2行第2列
第2行第3列
第2行第4列
第3行第1列
第3行第2列
第3行第3列
第3行第4列
属性border=“1”, 表示表格的边框厚度为1pixel。若不设置border属性,会默认厚度为0,那么表格就会省略掉表格的边框,如下图所示 属性border-collapse=“collapse”, 将表格的边框合并。如果不设置该属性,那么每个单元格都会由独自的一个边框,相当于由多少个单元格,表格内部就有多少个独立的长方形。如下图所示
(2) 合并单元格
表格的单元格可以合并,通过和的两个属性可以设置
rowspan: 合并行,属性值为数字
colspan: 合并列,属性值为数字
实例:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
(3) 表格分区
一个完成的表格由四个区域:
、、、
caption: 表格标题,内部书写文字
thead: table head, 表格的头部,内部嵌套tr>th
tbody: table body, 表格主体,内部嵌套tr>td
tfoot: table foot, 表格页脚,内部嵌套tr>td
注意:不论四个区域的书写顺序,浏览器加载时都是按照caption、thead、tbody、tfoot的顺序加载的。
实例
各地区固定资产投资情况
地区
按总量分
按比重分
自年初累计(亿元)
比去年同期增长(%)
自年初累计(%)
同期增长(%)
全国
12345.80
9.5
100.0
100.0
全国
12345.80
9.5
100.0
100.0
全国
12345.80
9.5
100.0
100.0
全国
12345.80
9.5
100.0
100.0
全国
12345.80
9.5
100.0
100.0
6、表单
用于收集不同类型的用户输入。 一个完整的表单由三部分组成:表单域、提示信息、表单控件。
(1) 表单域
将所有提示信息和表单控件容纳其中,只有定义了表单域才能够将其中的数据提交到服务器。
使用
(双标签)进行定义。
属性名
属性值
功能
action
url
指定接收并处理表单数据的服务器程序的url地址
method
get/post
设置数据提交的方式
name
自定义名称
设置表单的名称
(2) 提示信息
说明性文字,提示用户进行填写和操作。一般为
和
标签
(3) 表单控件
包含了具体的表单功能项,如单行文本输入框、密码输入框、重置按钮、提交按钮等
(单)标签 ,最重要的一个表单控件
其type属性值的不同,决定该表单控件的功能和形态。
文本域 (双标签)元素内容填写文本框内默认内容,多行文本输入框。
属性名
属性值
功能
rows
数字
设置该文本框可容纳的行数,当超出最大行数时,会出现滚动条
cols
数字
设置该文本框一行能容纳多少个字(一个汉字按2字节算)
下拉菜单 ,需要至少两个标签完成结构:
: 选择,定义下拉菜单的整体结构
: 选项,定义菜单内有哪些选项
实例:
北京
上海
广州
属性selected="selected"设置该元素默认选中,若所有option都没有设置selected属性,则默认选中第一个。
分组管理
对选项进行分组,optgroup内嵌套option,
可以设置一个label属性,表示给这一组选项一个组名。
实例:
北京
上海
广州
华盛顿
纽约
伦敦
标注 ,帮表单元素定义标注。将表单控件与提示内容使用label标签进行绑定后,用户点击提示内容时,焦点会自动转移到对应的表单空间上。提高用户使用感。
如下所示:当用户点击“输入用户名”时,焦点会自动转移到后面与它绑定的单行文本框中
输入用户名:
绑定方法有两种: 方法一: ①将需要绑定的控件添加id属性 ②给
标签添加for属性,属性值为绑定的表单元素的id值
男
方法二: 在
内部嵌套表单控件
男
7、布局
和
标签常用作布局工具,都没有具体的语义。
(1) div标签
div: division, 分割、区域、跨度的意思。俗称大盒子
双标签,最经典的容器级标签,内部可以放置任意内容。
作用:多用于划分网页布局,进行结构布局。一般将相关的内容放置到div内部,整体设置大的布局效果。
(2) span标签
span: 小区域、小跨度的意思。俗称小盒子。
双标签,容器级标签。
作用:在不改变整体效果的情况下,可以辅助进行局部调整。
下一篇学习笔记(CSS基础语法)
你可能感兴趣的:(学习笔记,html)
如何使用Jsoup提取商品信息:实战指南
数据小爬虫@
python 爬虫 java
在使用Java进行Web爬虫开发时,Jsoup是一个非常强大的HTML解析库,可以帮助你轻松地提取网页中的数据。本文将详细介绍如何使用Jsoup提取商品信息,包括商品标题、价格、描述和图片链接等。一、环境准备(一)Java开发环境确保你的系统中已安装Java开发环境,推荐使用JDK11或更高版本。(二)安装所需库使用Maven管理项目依赖,主要包括以下库:Jsoup:用于解析HTML内容。在pom
前端高级CSS用法
二川bro
前端 前端 css
前端高级CSS用法在前端开发中,CSS(层叠样式表)不仅是用来控制网页的外观和布局,更是实现复杂交互和动态效果的关键技术之一。随着前端技术的不断发展,CSS的用法也日益丰富和高级。本文将深入探讨前端高级CSS的用法,并通过表格和流程图来直观展示。一、CSS高级选择器CSS选择器是选择HTML元素并应用样式的基础。高级选择器使得我们能够更加精确地选择元素,从而实现更复杂的样式效果。属性选择器:根据元
简易C语言Web服务器
mzg__
c语言 前端 服务器
概述:这个项目是一个用C语言实现的简易Web服务器,使用了套接字(sockets)和pthread。服务器能够处理基本的HTTP请求,提供静态HTML和图片文件。它采用多线程以同时处理多个客户端连接。主要特点:HTTP服务器:在指定的端口(这里是8080)监听传入的HTTP请求。多线程:利用pthread以同时处理多个客户端连接,提高服务器的响应性。文件处理:根据客户端请求,支持提供HTML和JP
MATAB学习笔记2
好大一口果汁
MATLAB 学习 笔记 算法
1.多项式拟合>>p=polyfit(DateNum,Pclose,1);%多项式拟合>>value=p(1)%将斜率赋值给value,作为股票的价值value=0.1212代码分析:%后面的内容是注释,ployfit()有三个参数,第三个参数表示多项式的阶数,也就是最高次数。比如:第三个参数为1,说明为1次项,即一次函数,第三个参数为你要拟合的阶数,一阶直线拟合,二阶抛物线拟合,并非阶次越高越好
《恐龙餐厅菜单页面代码说明文档》
欣然~
html5
一、整体概述此HTML文件构建了一个恐龙餐厅的菜单页面,用户能够浏览菜品、将菜品添加到购物车,并进行支付操作。页面运用HTML搭建结构,CSS进行样式设计,JavaScript实现交互功能。二、HTML结构1.文档头部()html恐龙餐厅菜单/*CSS样式代码*/:声明文档类型为HTML5。:指定文档语言为中文(中国大陆)。:设置字符编码为UTF-8,确保中文等字符能正确显示。:让页面在不同设备上
基于html5QrCode实现的H5扫码功能(uni-app v2版本)
_虾仁不眨眼_
移动端H5 uni-app html5
1.安装(选择一种方式)使用npmHtml5Qrcodenpm链接npmihtml5-qrcode直接引入html5-qrcode.min.js文件(本例使用此方法)2.扫码组件代码(先引入Html5Qrcode资源)exportdefault{name:'Scan',model:{props:'value',event:'close'},props:{value:{type:Boolean,de
input限制只能输入正整数
_虾仁不眨眼_
javascript html5
要限制input元素只能输入正整数,可以使用以下几种方法:1.使用HTML5的type="number"属性这种方式可以限制输入框只接受数字输入,并且可以通过min和step属性设置最小值和步长。2.使用正则表达式进行输入验证使用@input事件监听输入框的输入事件,并在validateInput方法中使用正则表达式过滤掉非数字和非正整数的字符。//html//jsmethods:{validat
网络运维学习笔记(DeepSeek优化版) 018 HCIA-Datacom综合实验03
技术小齐
网络 运维 学习
文章目录综合实验3实验需求一:A公司网络规划二:B公司网络规划配置一、ip、vlan、vlanif,stp、eth-trunkSW1SW2R1二、ospfSW1R1三、NATR1ISP四、拒绝ping允许httpSW1五、右半部分vlan、dhcp、ospf、NATSW4R2综合实验3实验需求一:A公司网络规划SW1/2/3组成了A公司的交换网络,其中SW1是核心层,SW2/3是接入层。三台交换机
[学习笔记] Windows编程——GDI——(六)设备上下文
根本没在怕哦
Windows 编程 学习 笔记 windows
前言:学习笔记,随时更新。如有谬误,欢迎指正。说明:红色字体为较为重要部分。绿色字体为个人理解部分。原文链接:https://learn.microsoft.com/en-us/windows/win32/gdi/device-contexts6设备上下文设备上下文是一种结构,用于定义一组图形对象及其关联属性,以及影响输出的图形模式。图形对象包括用于线条绘制的笔、用于绘制和填充的画刷、用于复制或滚
[学习笔记] Windows编程——GDI——(三)裁剪
根本没在怕哦
Windows 编程 学习 笔记 windows
前言:学习笔记,随时更新。如有谬误,欢迎指正。说明:红色字体为较为重要部分。绿色字体为个人理解部分。原文链接:https://learn.microsoft.com/en-us/windows/win32/gdi/clipping3裁剪剪裁是将输出限制为应用程序窗口的工作区中的某个区域或路径的过程。3.1关于裁剪应用程序通过多种方式使用剪裁。Word和Excel应用程序剪裁键盘输入,使其不显示在页
前端大屏触摸签名实现
风无雨
前端 前端
参考:JavaScript实现手写签名,可触屏手写,支持移动端与PC端双端保存_js手写签名-CSDN博客https://www.cnblogs.com/smileZAZ/p/17219400.html1.新建一个canvas元素获取canvas上下文,绘制初始矩形,设置高度宽度,初始绘制位置0,0//创建上下文constctx=canvas.getContext('2d')2.监听touchst
移动端Canvas实现手写签名
不知名靓仔
canvas
引言在移动应用开发中,手写签名功能的集成已经成为许多业务场景的标配,比如电子合同签署、医疗记录确认或是物流配送签收等。本文将详细阐述如何在移动端实现手写签名,包括技术选型、具体实现步骤以及优化建议,帮助开发者快速上手并构建高质量的手写签名体验。技术选型1.使用CanvasAPIHTML5的CanvasAPI提供了在网页上绘制图形的能力,包括路径、文本、图像等,非常适合用来捕捉和展示手写签名。在移动
最新微信小程序面试题集结
江湖二哥
微信小程序 前端 面试 小程序
1、微信小程序与H5的区别?第一条是运行环境的不同传统的HTML5的运行环境是浏览器,包括webview,而微信小程序的运行环境并非完整的浏览器,是微信开发团队基于浏览器内核完全重构的一个内置解析器,针对小程序专门做了优化,配合自己定义的开发语言标准,提升了小程序的性能。第二条是开发成本的不同只在微信中运行,所以不用再去顾虑浏览器兼容性,不用担心生产环境中出现不可预料的奇妙BuG第三条是获取系统级
使用yolov8+flask实现精美登录界面+图片视频摄像头检测系统
FL1623863129
深度学习 YOLO flask python
这个是使用flask实现好看登录界面和友好的检测界面实现yolov8推理和展示,代码仅仅有2个html文件和一个python文件,真正做到了用最简洁的代码实现复杂功能。测试通过环境:windowsx64anaconda3+python3.8ultralytics==8.3.81flask==1.1.2torch==2.3.0运行步骤:安装好环境执行pythonlogin.py后端实现代码:from
订单管理系统 大学生数据库大作业/数据库实践MYSQL
陌路物是人非
数据库 课程设计
订单管理系统从入门到入土下载Maven,Nodejs创建一个数据库sql_end,创建四个数据库表,并确保用户名为root用户密码为123456再IDEA中加载Springboot依赖(可以直接新建一个任意名称的文件夹,项目导入spring的框架),启动spring项目打开index.html输入用户名和密码,点击注册,再点击登录点击个人中心,点击修改用户信息,修改自己的余额点击逛店铺,选择一个商
kaggle-ISIC 2024 - 使用 3D-TBP 检测皮肤癌-学习笔记
supernova121
学习 笔记
问题描述:通过从3D全身照片(TBP)中裁剪出单个病变来识别经组织学确诊的皮肤癌病例数据集描述:图像+临床文本信息评价指标:pAUC,用于保证敏感性高于指定阈值下的AUC主流方法分析(文本)基于CatBoost、LGBM和XGBoost三者的组合,为每个算法创建了XX个变体,总共XX个模型,进行集成学习。CatBoost在传统梯度提升决策树(GBDT)基础上,引入了一系列关键技术创新,以提升处理类
python xpath定位元素方法_关于python中的xpath解析定位
weixin_39975366
python xpath定位元素方法
爬取的网站:http://jbk.39.net/chancegz/这里只针对个别属性值:#例如:'别名'下的span标签文本,‘发病部位'下的span标签文本以及‘挂号科室‘下的span标签文本#defdisease(url):text=get_html(url)tree=etree.HTML(text)bm=tree.xpath('//ul[@class="information_ul"]/li
XPath简介——完整入门和详解
葡萄架子
网络协议 前端
XPath简介——完整入门和详解**XPath的用法场景****XPath的基本语法****1.树型结构概念****2.XPath基本路径语法****定位方式及详细语法讲解**示例HTML结构:**1.路径选择****基础语法:层级表示法****查询所有匹配的节点****2.位置选取语法****单个节点索引选择****结合多个位置过滤****3.属性条件过滤**属性查询示例:含动态匹配:**4.文
什么是遍历?
dengjuanshou7445
javascript ViewUI
jQuery遍历,意为“移动”,用于根据其相对于其他元素的关系来“查找”(或选取)HTML元素。以某项选择开始,并沿着这个选择移动,直到抵达您期望的元素为止。下图展示了一个家族树。通过jQuery遍历,您能够从被选(当前的)元素开始,轻松地在家族树中向上移动(祖先),向下移动(子孙),水平移动(同胞)。这种移动被称为对DOM进行遍历。图示解释:元素是的父元素,同时是其中所有内容的祖先。元素是元素的
Autoleaders控制组——51单片机学习笔记(2)
Autoleaders控制组 邓翔
51单片机 学习 笔记
51单片机学习(2)1.模块化编程1.1模块化编程的意义在学习单片机的途中,随着我们的知识不断扩展,我们能写出的代码也越来越复杂,越来越长了,有时我们自己写出的很长的代码,出现了错误,需要调试,但奈何自己的代码实在是太长了,真的不好分析到底是哪里出错了。这是因为我们将太多的函数和代码放在一个main.c的文件里,导致代码过度堆积。如果我们能够条理清晰地去将不同作用的代码和函数放在不同的xxx.c文
html-to-image的使用及图片变形和无图问题修复
庸懒
前端
html-to-image的使用及图片变形和无图问题修复最近迭代的时候因为新增了一个需求,需要前端提供素材及样式给后端,后端同步渲染,但是因为部分样式问题后端无法实现所以决定前端将页面生成图片然后传递给后端使用,本文记录一下使用的过程及遇到的部分问题。技术调研现在将页面元素转换成图片的插件有很多,普遍使用的技术原理都是利用canvas或者SVG将页面元素转换成画布或者svg元素,然后再转成图片。这
AI开发 - 算法基础 递归 的概念和入门(三)递归的进阶学习
minstbe
Python AI应用与观察 算法 学习 深度优先
前面我们通过2篇文章,一起了解了递归,以及使用递归来解决汉诺塔问题。今天我们在这个基础上,进一步地熟悉和学习递归。这篇学习笔记将涵盖递归的基本概念、应用、优化技巧、陷阱及与迭代的对比,并通过具体的Python代码示例和大家一起来深入理解递归的使用。一、巩固基础1.递归的概念递归,简单来说就是函数自己调用自己。听起来有点绕,但其实就像俄罗斯套娃,一层套一层,直到遇到最小的那个娃娃(基线条件)才停止。
canvas绘制和数字签名
前端
关键是要把存放绘制的信息放到一个二维数组中:绘制时最好不要用定时器进行定时绘制,因为会卡顿,最好使用requestAnimationFrame这个原生js的api方法,因为是以帧的间隔绘制,所以会看起来流畅Documenthtml,body{height:100%;margin:0;padding:0;}.container{width:100%;padding:20px0;display:fle
python flask 分页_Python的Flask框架中实现分页功能的教程
weixin_39959126
python flask 分页
BlogPosts的提交让我们从简单的开始。首页上必须有一张用户提交新的post的表单。首先我们定义一个单域表单对象(fileapp/forms.py):classPostForm(Form):post=TextField('post',validators=[Required()])下面,我们把这个表单添加到template中(fileapp/templates/index.html):{%ex
【STM32】USART串口收发HEX数据包&收发文本数据包
傍晚冰川
stm32 网络 嵌入式硬件 单片机 笔记 学习 c语言
有关串口知识参考:【STM32】USART串口协议&串口外设-学习笔记-CSDN博客HEX模式/十六进制模式/二进制模式:以原始数据的形式显示文本模式/字符模式:以原始数据编码后的形式显示参考上面文章查看ASCII编码表HEX数据包包头包尾和载荷数据重复问题的解决方法:解决思路方法文本数据包文本模式有大量的字符可以作为包头包尾,可以有效避免载荷数据和包头包尾重复的问题HEX数据包和文本数据包两者的
Python 实现海康机器人工业相机 MV-CS050-10GC 的实时显示视频流及拍照功能(实时显示视频流同时可以进行拍照)
恋上钢琴的虫
数码相机
参考链接:https://www.cnblogs.com/HanYork/p/17388506.htmlhttps://www.cnblogs.com/miracle-luna/p/16960556.html#5138211Flask搭建流媒体服务器:使用Flask搭建一个流媒体服务器_multipart/x-mixed-replace;boundary=frame-CSDN博客
深入理解C++内存管理机制
qzw1210
C++ c++ 学习 笔记
侯捷C++系列课程学习笔记:深入理解C++内存管理机制在侯捷老师的C++系列课程中,内存管理是一个极其重要且深刻的主题。通过对这部分内容的学习,我对C++的内存管理机制有了更深入的理解,特别是关于new/delete操作符、内存池设计以及智能指针的应用。一、C++内存分配的层次结构侯捷老师在课程中清晰地阐述了C++内存分配的层次结构,这让我对整个内存管理体系有了全局的认识:最底层:操作系统提供的内
elasticsearch analyzer 学习笔记
weixin_40455124
elasticsearch 代码分析及扩展 elasticsearch analyzer token
基本定义analyzer执行将输入字符流分解为token的过程使用场景在indexing的时候,也即在建立索引的时候在searching的时候,也即在搜索时,分析需要搜索的词语analysisCharacterfiltering(字符过滤器):使用字符过滤器转换字符Breakingtextintotokens(把文字转化为标记):将文本分成一组一个或多个标记Tokenfiltering:使用标记过
爬取电影标题、评论、评分(21-11-4)
穆桥
Python爬虫 XPath解析 MySQL数据库 电影信息 疾病数据
功能描述:1、爬取网页1中的电影名称、评分、简介到mysql数据库中。2、爬取网页2中的标题、时间、正文、采集时间到mysql数据库中。使用的技术:requests请求、xpath解析、mysqlxpath解析语法//子孙节点/直接子节点.选取当前节点…选取当前节点的父节点@选取属性通过Python的lxml库,利用XPath进行HTML的解析。scrapy封装了lxml也可以导入scrapy任务
《架构300讲》学习笔记(201-250)
newProxyInstance
笔记 架构
前言内容来自B站IT老齐架构300讲内容。201小心selectforupdate,有效规避索引选择性锁表202设计模式之建造者模式的用途20320分钟上手ELK日志监控系统分类:【ELK】204设计模式之门面模式Facade205设计模式之适配器模式Adapter206经典设计!如何让RabbitMQ支持消息延迟投递207Docker容器基于NFS实现跨容器文件共享208数据向上追溯场景该如何优
springmvc 下 freemarker页面枚举的遍历输出
杨白白
enum freemarker
spring mvc freemarker 中遍历枚举
1枚举类型有一个本地方法叫values(),这个方法可以直接返回枚举数组。所以可以利用这个遍历。
enum
public enum BooleanEnum {
TRUE(Boolean.TRUE, "是"), FALSE(Boolean.FALSE, "否");
实习简要总结
byalias
工作
来白虹不知不觉中已经一个多月了,因为项目还在需求分析及项目架构阶段,自己在这段
时间都是在学习相关技术知识,现在对这段时间的工作及学习情况做一个总结:
(1)工作技能方面
大体分为两个阶段,Java Web 基础阶段和Java EE阶段
1)Java Web阶段
在这个阶段,自己主要着重学习了 JSP, Servlet, JDBC, MySQL,这些知识的核心点都过
了一遍,也
Quartz——DateIntervalTrigger触发器
eksliang
quartz
转载请出自出处:http://eksliang.iteye.com/blog/2208559 一.概述
simpleTrigger 内部实现机制是通过计算间隔时间来计算下次的执行时间,这就导致他有不适合调度的定时任务。例如我们想每天的 1:00AM 执行任务,如果使用 SimpleTrigger,间隔时间就是一天。注意这里就会有一个问题,即当有 misfired 的任务并且恢复执行时,该执行时间
Unix快捷键
18289753290
unix Unix;快捷键;
复制,删除,粘贴:
dd:删除光标所在的行 &nbs
获取Android设备屏幕的相关参数
酷的飞上天空
android
包含屏幕的分辨率 以及 屏幕宽度的最大dp 高度最大dp
TextView text = (TextView)findViewById(R.id.text);
DisplayMetrics dm = new DisplayMetrics();
text.append("getResources().ge
要做物联网?先保护好你的数据
蓝儿唯美
数据
根据Beecham Research的说法,那些在行业中希望利用物联网的关键领域需要提供更好的安全性。
在Beecham的物联网安全威胁图谱上,展示了那些可能产生内外部攻击并且需要通过快速发展的物联网行业加以解决的关键领域。
Beecham Research的技术主管Jon Howes说:“之所以我们目前还没有看到与物联网相关的严重安全事件,是因为目前还没有在大型客户和企业应用中进行部署,也就
Java取模(求余)运算
随便小屋
java
整数之间的取模求余运算很好求,但几乎没有遇到过对负数进行取模求余,直接看下面代码:
/**
*
* @author Logic
*
*/
public class Test {
public static void main(String[] args) {
// TODO A
SQL注入介绍
aijuans
sql注入
二、SQL注入范例
这里我们根据用户登录页面
<form action="" > 用户名:<input type="text" name="username"><br/> 密 码:<input type="password" name="passwor
优雅代码风格
aoyouzi
代码
总结了几点关于优雅代码风格的描述:
代码简单:不隐藏设计者的意图,抽象干净利落,控制语句直截了当。
接口清晰:类型接口表现力直白,字面表达含义,API 相互呼应以增强可测试性。
依赖项少:依赖关系越少越好,依赖少证明内聚程度高,低耦合利于自动测试,便于重构。
没有重复:重复代码意味着某些概念或想法没有在代码中良好的体现,及时重构消除重复。
战术分层:代码分层清晰,隔离明确,
布尔数组
百合不是茶
java 布尔数组
androi中提到了布尔数组;
布尔数组默认的是false, 并且只会打印false或者是true
布尔数组的例子; 根据字符数组创建布尔数组
char[] c = {'p','u','b','l','i','c'};
//根据字符数组的长度创建布尔数组的个数
boolean[] b = new bool
web.xml之welcome-file-list、error-page
bijian1013
java web.xml servlet error-page
welcome-file-list
1.定义:
<welcome-file-list>
<welcome-file>login.jsp</welcome>
</welcome-file-list>
2.作用:用来指定WEB应用首页名称。
error-page1.定义:
<error-page&g
richfaces 4 fileUpload组件删除上传的文件
sunjing
clear Richfaces 4 fileupload
页面代码
<h:form id="fileForm"> <rich:
技术文章备忘
bit1129
技术文章
Zookeeper
http://wenku.baidu.com/view/bab171ffaef8941ea76e05b8.html
http://wenku.baidu.com/link?url=8thAIwFTnPh2KL2b0p1V7XSgmF9ZEFgw4V_MkIpA9j8BX2rDQMPgK5l3wcs9oBTxeekOnm5P3BK8c6K2DWynq9nfUCkRlTt9uV
org.hibernate.hql.ast.QuerySyntaxException: unexpected token: on near line 1解决方案
白糖_
Hibernate
文章摘自:http://blog.csdn.net/yangwawa19870921/article/details/7553181
在编写HQL时,可能会出现这种代码:
select a.name,b.age from TableA a left join TableB b on a.id=b.id
如果这是HQL,那么这段代码就是错误的,因为HQL不支持
sqlserver按照字段内容进行排序
bozch
按照内容排序
在做项目的时候,遇到了这样的一个需求:
从数据库中取出的数据集,首先要将某个数据或者多个数据按照地段内容放到前面显示,例如:从学生表中取出姓李的放到数据集的前面;
select * fro
编程珠玑-第一章-位图排序
bylijinnan
java 编程珠玑
import java.io.BufferedWriter;
import java.io.File;
import java.io.FileWriter;
import java.io.IOException;
import java.io.Writer;
import java.util.Random;
public class BitMapSearch {
Java关于==和equals
chenbowen00
java
关于==和equals概念其实很简单,一个是比较内存地址是否相同,一个比较的是值内容是否相同。虽然理解上不难,但是有时存在一些理解误区,如下情况:
1、
String a = "aaa";
a=="aaa";
==> true
2、
new String("aaa")==new String("aaa
[IT与资本]软件行业需对外界投资热情保持警惕
comsci
it
我还是那个看法,软件行业需要增强内生动力,尽量依靠自有资金和营业收入来进行经营,避免在资本市场上经受各种不同类型的风险,为企业自主研发核心技术和产品提供稳定,温和的外部环境...
如果我们在自己尚未掌握核心技术之前,企图依靠上市来筹集资金,然后使劲往某个领域砸钱,然
oracle 数据块结构
daizj
oracle 块 数据块 块结构 行目录
oracle 数据块是数据库存储的最小单位,一般为操作系统块的N倍。其结构为:
块头--〉空行--〉数据,其实际为纵行结构。
块的标准大小由初始化参数DB_BLOCK_SIZE指定。具有标准大小的块称为标准块(Standard Block)。块的大小和标准块的大小不同的块叫非标准块(Nonstandard Block)。同一数据库中,Oracle9i及以上版本支持同一数据库中同时使用标
github上一些觉得对自己工作有用的项目收集
dengkane
github
github上一些觉得对自己工作有用的项目收集
技能类
markdown语法中文说明
回到顶部
全文检索
elasticsearch
bigdesk elasticsearch管理插件
回到顶部
nosql
mapdb 支持亿级别map, list, 支持事务. 可考虑做为缓存使用
C
初二上学期难记单词二
dcj3sjt126com
english word
dangerous 危险的
panda 熊猫
lion 狮子
elephant 象
monkey 猴子
tiger 老虎
deer 鹿
snake 蛇
rabbit 兔子
duck 鸭
horse 马
forest 森林
fall 跌倒;落下
climb 爬;攀登
finish 完成;结束
cinema 电影院;电影
seafood 海鲜;海产食品
bank 银行
8、mysql外键(FOREIGN KEY)的简单使用
dcj3sjt126com
mysql
一、基本概念
1、MySQL中“键”和“索引”的定义相同,所以外键和主键一样也是索引的一种。不同的是MySQL会自动为所有表的主键进行索引,但是外键字段必须由用户进行明确的索引。用于外键关系的字段必须在所有的参照表中进行明确地索引,InnoDB不能自动地创建索引。
2、外键可以是一对一的,一个表的记录只能与另一个表的一条记录连接,或者是一对多的,一个表的记录与另一个表的多条记录连接。
3、如
java循环标签 Foreach
shuizhaosi888
标签 java循环 foreach
1. 简单的for循环
public static void main(String[] args) {
for (int i = 1, y = i + 10; i < 5 && y < 12; i++, y = i * 2) {
System.err.println("i=" + i + " y="
Spring Security(05)——异常信息本地化
234390216
exception Spring Security 异常信息 本地化
异常信息本地化
Spring Security支持将展现给终端用户看的异常信息本地化,这些信息包括认证失败、访问被拒绝等。而对于展现给开发者看的异常信息和日志信息(如配置错误)则是不能够进行本地化的,它们是以英文硬编码在Spring Security的代码中的。在Spring-Security-core-x
DUBBO架构服务端告警Failed to send message Response
javamingtingzhao
架构 DUBBO
废话不多说,警告日志如下,不知道有哪位遇到过,此异常在服务端抛出(服务器启动第一次运行会有这个警告),后续运行没问题,找了好久真心不知道哪里错了。
WARN 2015-07-18 22:31:15,272 com.alibaba.dubbo.remoting.transport.dispatcher.ChannelEventRunnable.run(84)
JS中Date对象中几个用法
leeqq
JavaScript Date 最后一天
近来工作中遇到这样的两个需求
1. 给个Date对象,找出该时间所在月的第一天和最后一天
2. 给个Date对象,找出该时间所在周的第一天和最后一天
需求1中的找月第一天很简单,我记得api中有setDate方法可以使用
使用setDate方法前,先看看getDate
var date = new Date();
console.log(date);
// Sat J
MFC中使用ado技术操作数据库
你不认识的休道人
sql mfc
1.在stdafx.h中导入ado动态链接库
#import"C:\Program Files\Common Files\System\ado\msado15.dll" no_namespace rename("EOF","end")2.在CTestApp文件的InitInstance()函数中domodal之前写::CoIniti
Android Studio加速
rensanning
android studio
Android Studio慢、吃内存!启动时后会立即通过Gradle来sync & build工程。
(1)设置Android Studio
a) 禁用插件
File -> Settings... Plugins 去掉一些没有用的插件。
比如:Git Integration、GitHub、Google Cloud Testing、Google Cloud
各数据库的批量Update操作
tomcat_oracle
java oracle sql mysql sqlite
MyBatis的update元素的用法与insert元素基本相同,因此本篇不打算重复了。本篇仅记录批量update操作的
sql语句,懂得SQL语句,那么MyBatis部分的操作就简单了。 注意:下列批量更新语句都是作为一个事务整体执行,要不全部成功,要不全部回滚。
MSSQL的SQL语句
WITH R AS(
SELECT 'John' as name, 18 as
html禁止清除input文本输入缓存
xp9802
input
多数浏览器默认会缓存input的值,只有使用ctl+F5强制刷新的才可以清除缓存记录。如果不想让浏览器缓存input的值,有2种方法:
方法一: 在不想使用缓存的input中添加 autocomplete="off"; eg: <input type="text" autocomplete="off" name