前端知识点总结——HTML
HTML:HTML4.01 指的就是网页技术 HTML5:HTML4.01的升级版本
1.web的基础知识
web与Internet 1.Internet:全球性的计算机互联网络,因特网,互联网,交互网 2.提供服务
访问网站:www(world wide web)服务
Email:电子邮件服务
BBS:电子公告板,俗称论坛
FTP:文件的上传下载
telenet:远程登录
3.Internet上的应用程序
1.C/S程序
C:Client客户端
S:Server服务器端
代表:QQ,微信,网络游戏
2.B/S程序
B:Browser 浏览器
S:server 服务器
代表:网站
4.web
web:运行在Internet之上的一种B/S结构的应用程序,俗称网站。
w3c:(万维网联盟)
w3c:制定web技术规范
web的工作原理:
基于浏览器和服务器还有通信协议来实现信息的传输和展示。
1.通信协议
HTTP/HTTPS
规范了数据是如何传递和打包
2.服务器
1.功能
1.存储web信息,并提供程序运行环境
2.接收用户请求并给出响应
3.具备一定的安全功能
2.服务器产品
1.TOMCAT
2.APACHE
3.IIS
3.服务器技术
1.php
2.java
3..NET
3.浏览器
功能:
1.代理用户(UA:user agent)提交请求
2.以图形化的方式显示网页
3.作为HTML和JS的解释器
浏览器产品:
1.IE
2.chrome
3.firefox
4.opera
5.safari
浏览器技术:
1.HTML
2.CSS
3.Javascript
2.HTML快速入门
1.什么是HTML?
HTML:Hyper Text Markup Language
超文本标记语言
ex:
普通文本 a:英文首字符
超级文本 a:超链接
普通文本 b:英文第二个字符
超级文本 b:加粗
language:语言,有自己的语法结构
特点:
1.以.html或.htm为后缀
2.由浏览器解析执行
3.可以嵌套脚本语言(javascript)
4.用带有尖括号的标记来标识
2.HTML的基础语法
1.标记
标记又称为"元素",或"标签",在网页中,主要表示一些功能。
标记在使用时,必须用<>括起来
标记分类:
1.封闭类型
又称为双标记
语法:
<标记>内容标记>
ex:百度
加粗
注意:必须有开始就有结束。
2.非封闭类型
又称为单标记
语法:<标记>或<标记/>
ex: 或
或
2.标记嵌套
1.什么是嵌套?
在一对标记中出现另外一对(个)标记,从而形成功能的层叠。
2.语法
<标记>
<标记>
<标记/>
标记>
标记>
ex:
这是演示文本
ex:
这是演示文本 正确,不推荐
ex:
dfdsfsdfs 错误
注意:
1.换行缩进,如果是双标记必须成对出现
3.元素(标记)属性
作用:修饰元素
语法:
1.必须声明在开始标记中
<标记 属性名>标记>
2.属性名与值之间用"="连接
<标记 属性名=值>标记>
3.元素允许有多个属性,每个属性之间用空格隔开
<标记 属性名1=值1 属性名2=值2 ...>标记>
ex:
p标记的align属性的值为center,title属性的值为"这是段落"
标准属性(通有属性):
id:定义元素的唯一标识(名称)
title:定义鼠标悬停在元素上时所提示的文本
style:css中,定义行内样式
class:css中,引用类选择器
4.注释
语法:
注意:
1.注释本身不能嵌套
2.不能嵌套在标记中
3.HTML文档结构
1.HTML文档结构
1.文档类型声明
作用:告诉浏览器HTML的版本类型
语法:
在网页的最顶端编写
2.HTML页面
在文档类型声明的下面写上一对根标记
在根标记中包含两部分:
文件头:
定义网页的全局信息
文件主体:
定义网页中显示的内容
2.搭建网页结构
1.文档类型的声明
2.HTML页面结构
在主体内容(body)位置处显示“我的第一个网页”
3.head元素
head是其它头元素的容器
1. 定义基本信息:编码格式,关键词,描述内容等
2. 定义网页的标题
3. 定义内部样式
4.定义或引用javascript文件
5. 引入外部样式
4.body元素
显示网页的主要内容
1.特殊字符
表示空格
< 表示一个<
> 表示一个>
© 版权
¥ ¥
2.文本标记
1.文本样式
:加粗
:斜体
:下划线
:删除线
:上标
:下标
2.标题元素
语法:在网页中以醒目的方式来显示文字
语法:
内容 n:1-6
内容 一级标题
...
内容 六级标题
特点:
1.字体大小可变
2.加粗
3.上下文之间有垂直空白间距
属性:align
作用:标记内容的水平对齐方式
取值:left/center/right
3.段落元素
作用:以突出的形式表示一段文本
语法:
属性:align
取值:left/center/right
4.换行元素
语法: 或
5.分隔线元素
语法: 或
属性:
1.size 表示水平线的尺寸(高度),取值为px或%的数字
2.width 宽度,取值为px或%的数字
3.align 水平对齐方式 left/center/right
4.color 水平线的颜色,取值为合法颜色值
6.预格式化
作用:保留html代码中的回车和空格
语法:内容
7.分区元素
1.块分区元素
作用:用于页面中元素的布局
语法:
2.行分区元素
作用:处理同一行文本中的不同样式
语法:
8.行内元素和块级元素
1.块级元素
在网页页中独占一行的元素就是块级元素
常见的块级元素:
1.标题元素 h1-h6
2.段落元素 p
3.div
4.结构标记(header...)
2.行内元素
多个元素位于同一行显示,从左往右排列
常见的行内:
span,b,i,u,s,sup,sub,a,img
3.行内块
显示方式如同行内元素,但具备块级元素的特征
4.table ...
4.图像和链接
1.URL
1.目录结构
文件目录:文件夹嵌套结构
2.URL
URL:Uniform Resource Locator统一资源定位器,俗称路径。
作用:用于表示网络中任意一个资源的位置。
3.路径的表现形式
1.绝对路径
绝对路径就是完整路径,一定可以找到你想找的资源。
1.网络资源
通信协议+服务器主机+文件目录结构+文件名称
ex:http://www.jd.com/index/logo.png
2.本地资源
从最高盘符处开始查找
C:\xampp\htdocs\1801-02\01-HTML\Day02\day.txt
2.相对路径
1.什么是相对路径
从当前文件所在的位置处开始查找资源文件所经过的路径,就是相对路径。
1.同级目录
直接引用
ex:Koala.jpg
2.子级目录
先进入,再引用
ex:img/Koala2.jpg
3.父级目录
先返回,再引用
ex:../Koala1.jpg
3.根相对路径
从服务器所在的根目录位置处开始查找
表现:/
/codeboy/img/logo.png
5.图像
1.图像格式
1.jpg 压缩比率较大
2.png 背景透明
3.gif 动图
2.图像标记
标记: 或
属性:
1.src 源,要显示的图像的url
2.width 宽度,取值以px或%为单位的数字
3.height 高度,取值以px或%为单位的数字
4.alt 图片出错时显示的提示文本
6.链接
1.语法
内容
2.属性
1.href 链接的url
2.target 目标,指定打开网页的方式
取值:
_blank 在新的标签页中打开
_self 默认值,在当前页面中打开新的网页
2.给一张图片设置超级链接,打开Tmooc网站(www.tmooc.cn)
3.其它表现形式
1.资源下载
让链接的URL,链接到rar/zip文件即可
href="*.zip/*.rar"
2.电子邮件链接
href="mailto:合法的邮箱地址"
3.返回页面的顶部
href="#"
4.链接到javascript
href="javascript:js脚本"
7.锚点
1.什么是锚点?
就是网页中的一个记号,可以通过超级连接调整到记号的位置处。
2.使用锚点
1.定义锚点
1.使用a标记的name属性定义锚点
2.使用任意标记的id属性定义锚点
2.链接到锚点
8.表格
1.表格的语法
1.表格
2.行
--->table row
3.单元格/列
--->table data
2.表格的属性
1.table属性
width:宽度
height:高度
border:设置表格边框
align:设置表格的水平对齐方式
取值:left/center/right
cellpadding:设置单元格的内边距(内容与td之间的间距)
cellspacing:设置单元格的外边距(td边框外的距离)
bgcolor:背景颜色
2.tr属性
align 设置当前行的水平对齐方式
取值:left/center/right
valign 设置当前行的垂直对齐方式
取值:top/middle/bottom
bgcolor 设置当前行的背景颜色
3.td属性
width:宽度
height:高度
align:水平对齐
valign:垂直对齐
bgcolor:列的背景颜色
colspan:跨列
rowspan:跨行
3.可选标记
1.表格标题
标记:
如果设置表格标题,则必须位于下的第一个子元素位置处
2.行/列标题
标记:
所有的td都可以用取代
4.表格复杂应用
可以将连续的几个行,划分到一组中,进行统一管理。
1.行分组
1.表头行
表格中最上面的一行进行分组的话,可以放在表头行中
2.表主体行
允许将若干行放在tbody中进行统一管理
3.表尾行
表格中最后一行进行分组的话,可以放在表尾行中
2.不规则表格
1.跨行
rowspan
从指定单元格的位置处开始,纵向向下合并几个单元格(包含自己),被合并的单元格要删除。
2.跨列
colspan
从指定单元格的位置处开始,横向向右合并几个单元格(包含自己),被合并的单元格要删除。
9.列表
1.列表的作用
按照从上到下(从左往右)的方式来显示所有的数据,并且可以在数据前增加显示的标识。
2.列表的组成
列表都是由"列表类型"和"列表项"来组成
1.列表类型
有序列表: order list
无序列表: unorder list
2.列表项
用于表示列表中的数据(嵌套在列表中)
list item
3.有序列表
1.type 作用:指定列表的排序类型
取值:
1 默认值,以数字排序
a 小写字母
A 大写字母
i 小写罗马数字
I 大写罗马数字
2.start 作用:指定起始编号是从第 几 开始
取值:数字
4.无序列表
1.type 作用:指定列表的标识类型
取值:
disc:实心圆
circle:空心圆
square:实心方块
none:不显示标识
5.列表嵌套
在一个列表中又出现另一个列表
被嵌套的列表只能出现在li中
ex:
这是有序列表内容
10.定义列表
1.什么是定义列表
定义列表常用于给出一类事物或对名词的解释说明等。
2.语法
1. 表示一个定义列表
2. 表示定义列表中要解释说明的名词
3. 表示定义列表中对名词解释的内容
ex:
名词
解释具体内容
使用场合:图文混排时使用
11.结构标记
1.结构的作用
用于描述整个网页的结构(取代div做布局)
提升标记的语义性
2.常用的结构标记
1.
作用:定义网页或某区域的头部
2.
作用:定义网页的导航链接
3.
作用:主体内容
4.
作用:定义页面中的侧边栏信息,靠近边缘。
5.
作用:定义网页偏底部信息,比如:网站的备案号,解释说明,版权。
6.
作用:定义与文字描述相关的内容,比如:论坛帖子,微博条目,用户评论等
12.表单(重点&难点)
1.表单的作用
1.提供可以与用户交互的可视化界面
2.收集用户信息并提交给服务器
2.表单的组成部分
1.前端部分
表单控件,与用户交互的可视化控件
2.服务器端部分
对提交的数据的处理,***.php
3.表单标记
属性:
1.action
作用:定义表单提交时发生的动作,通常定义的是服务器上处理程序的url地址,
ex:action="login.php"
2.method
作用:指定表单数据的提交方式
取值:
1.get(默认值)
1.明文提交,待提交的数据会显示在地址栏中
2.安全性较低
3.提交数据有大小限制,限制为2KB
4.向服务器要数据时,使用get方式
2.post
1.隐式提交,提交的数据不会显示
2.安全性较高
3.提交数据大小无限制
4.要传递数据给服务器时,使用post方式
3.delete
4.put
3.enctype
作用:指定表单数据的编码方式,允许将什么样的数据提交给服务器
1.application/x-www-form-urlencoded
默认值,允许将任意字符提交给服务器(文件无法提交)
2.multipart/form-data
允许将文件提交给服务器
3.text/plain
只能将普通字符提交给服务器
4.表单控件
能够与用户进行交互的可视化元素
1.分类:
1.input元素
2.textarea多行文本域元素
3.select和option 选项框元素
4.其它元素
2.input元素
1.作用:在页面中提供各种各样的输入控件,如:文本框,密码框,单选按钮,复选框等。
2.语法
标记: 或
属性:
1.type 指定创建输入控件的类型
2.name 为控件定义名称,提交给服务器端使用(必须)
3.value 控件的值,提交给服务器端使用
4.disabled 禁用控件,不能操作并不能提交给服务器使用
该属性无值,只要出现在标记中,就是禁用。
3.input元素详解
1.文本框和密码框
文本框:
密码框:
属性:
1.maxlength 指定限制输入的字符数
2.readonly 只读,只能看,不能改,但允许提交。
3.placeholder 占位符,即默认显示在控件上的文本。
13.按钮
1.提交按钮
type="submit"
作用:将表单的数据提交给服务器上指定的程序
2.重置按钮
type="reset"
作用:将表单的内容恢复到初始化的状态
3.普通按钮
type="button"
没有功能
属性:
value:显示在按钮上的文本
3.单选按钮和复选框
单选按钮:type="radio"
复选框:type="checkbox"
属性:
name 除定义控件名称之外,还能起到分组的作用
checked 设置默认选中项,无值属性
4.隐藏域和文件选择框
1.隐藏域
type="hidden"
想要提交给服务器,但不想展示给用户的数据可以放在隐藏域中。
2.文件选择框
type="file"
注意:
1.method的值必须为post
2.enctype的值必须为multipart/form-data
3.textarea元素
1.作用
允许录入多行文本
2.语法
标记:
属性:
1.name 定义控件名称,提供给服务器使用
2.readonly 只读
3.cols 指定文本域的列数,即一行能显示多少个英文字符(中文减半)
4.rows 指定文本域的行数,即默认显示多少行的数据,超出rows的话会出现滚动条。
14.选项框
1.语法
1.
作用:在页面中表示一个选项框
2.
作用:显示选项框中的内容项
2.属性
1.select属性
1.name 定义选项框的名称
2.size 定义显示选项的数量,默认值为1
3.multiple 设置多选,无值的属性
注意:只有滚动列表支持多选
2.option属性
1.value 定义选项的值
2.selected 设置默认选中项,无值属性
5.其它元素
1.label元素
作用:关联文本域表单控件
语法:
属性:for 要与表单控件关联的id值
2.为控件分组
为控件定义分组
为分组指定标题
3.浮动框架
作用:允许在一个网页中,再引入另外一个网页。
语法:
属性:
1.src 要引入页面的url路径
2.width 宽度
3.height 高度
4.frameborder 浮动框架的边框,默认值1
15.单位转换
1px=0.025rem;
你可能感兴趣的:(前端知识点总结——HTML)
uniapp工程中解析markdown文件
pvfhv
uni-app
在uniapp中如何导入markdown文件,同时在页面中解析成html,请参考以下配置:1.安装以下3个依赖包npminstallmarkedhighlight.jsvite-plugin-markdown2.创建vite.config.js配置文件//vite.config.jsimport{defineConfig}from'vite';importunifrom'@dcloudio/vit
设备树学习(二十三、番外篇-中断子系统之softirq)
奔跑的小刺猬
设备树 设备树原理和实现
既然开始学了,那么还是一次把中断的所有知识都系统的学一下。刚好有蜗窝大神的博客做指引。http://www.wowotech.net/irq_subsystem/soft-irq.html一、前言对于中断处理而言,linux将其分成了两个部分,一个叫做中断handler(tophalf),是全程关闭中断的,另外一部分是deferabletask(bottomhalf),属于不那么紧急需要处理的事情
【Apache Storm】
茉菇
apache storm 大数据
一、Storm简介1、概述官网地址:https://storm.apache.org/index.htmlApacheStorm是一个开源的、分布式的实时计算系统,专为处理流式数据而设计。它能够处理大量数据流并在极低的延迟下提供实时的结果。相比于传统的批处理系统,Storm具有处理无限数据流的能力,支持非常高的可扩展性和容错机制。Storm可以适用于多种编程语言,具有高度的灵活性。2、核心功能分布
vue3+springboot电影院售票选座管理系统
qq_3166678367
spring boot 后端 java
目录本系统(已开发完成)->成品实现截图开发技术本系统支持的技术栈源码获取详细视频演示:文章底部获取博主联系方式!!!!本课题重点核心代码部分展示论文提纲来自指导老师帅的肯定视频演示/源码获取本系统(已开发完成)->成品实现截图开发技术关键技术实现:在Java的开发过程中,可以使用HTML、CSS、JavaScript等前端技术来实现系统的用户界面设计和交互功能。后端可以使用Java语言编写业务逻
HTML音频、视频--课后作业实践
Heetun
html5
浅学了web一段时间,用浅显的知识做了一个小小的实践,各位大佬们多多包涵,指正。主要知识重现:标记语法:src:设置媒体文件的路径width、height:设置媒体文件的宽度、高度autostart:逻辑值,true为自动播放;false为不自动播放loop:逻辑值,true自动循环播放;false不循环播放2.CSS的内部样式表选择器1{属性1:属性值1;属性2:属性值2;......}选择器2
H3C Network命令详解
weixin_30471561
转载于:https://www.cnblogs.com/fanweisheng/p/11156926.html
CSS中的伪类与伪元素:让样式更加灵活优雅
程序员
CSS中的伪类与伪元素:让样式更加灵活优雅在CSS的世界里,伪类和伪元素是两个强大而优雅的特性,它们能让我们的样式代码更加简洁,同时提供更丰富的样式控制能力。今天,让我们深入了解这两个概念。一、伪类(Pseudo-classes)1.1什么是伪类?伪类用于定义元素的特殊状态。它们以单个冒号(:)开头,就像给元素添加了一个虚拟的类,但无需修改HTML结构。1.2常用伪类/*鼠标悬停状态*/butto
如何创建HTML自定义元素:使用 Web Component 的最佳实践
乐闻x
Web Component 学习记录 前端 html web component
什么是WebComponent?WebComponent是一组允许开发者创建可复用、自定义HTML元素的技术。它们使得我们可以像原生HTML标签一样使用这些自定义元素,从而提升代码的模块化和复用性。WebComponent的核心技术有以下三部分:CustomElements(自定义元素):允许开发者定义自己的HTML标签。ShadowDOM(影子DOM):为元素提供封装的DOM和样式,让组件内部的
css知识点总结
吃橘子的Crow
css html 前端
1.css概述css是CascadingStyleSheets(级联样式表)css是一种样式表语言,用于为HTML文档控制外观,定义布局.可将页面的内容与表现形式分离,页面内容存放在HTML文档中,而用于定义白线形式的css在一个.css文件中或HTML文档的某一部分HTML如同网页的骨架,css如同修饰骨架的装饰品(样式)2.基本语法1.行内样式表行内样式表,又称内联样式、行间样式、内嵌样式。是
【css酷炫效果】纯CSS实现动态云雾效果
冰夏之夜影
css 前端
【css酷炫效果】纯CSS实现动态云雾效果缘创作背景html结构css样式完整代码效果图想直接拿走的老板,链接放在这里:上传后更新缘创作随缘,不定时更新。创作背景刚看到csdn出活动了,赶时间,直接上代码。html结构css样式body{margin:0;min-height:100vh;}.cloud-bg{position:relative;height:100vh;background:ra
【css酷炫效果】纯CSS实现流动岩浆纹理效果
冰夏之夜影
css 前端
【css酷炫效果】纯CSS实现流动岩浆纹理效果缘创作背景html结构css样式完整代码效果图想直接拿走的老板,链接放在这里:上传后更新缘创作随缘,不定时更新。创作背景刚看到csdn出活动了,赶时间,直接上代码。html结构css样式.lava-texture{position:relative;width:400px;height:300px;overflow:hidden;border-radi
deepseek 对于 Web 前端过去,现在,未来的看法!称未来可能不叫前端工程师...
CoderBin_
与deepseek的对话 前端
一、你对于过去的web前端有什么看法?对早期的Web前端开发(大致在2000年代至2010年代初),可以总结出以下几个关键看法:1.技术原始,但充满探索精神基础技术简单:主要依赖HTML、CSS和原生JavaScript,缺乏现代框架和工具链的支持。兼容性噩梦:不同浏览器(尤其是IE6/7)的渲染差异极大,开发者需要大量Hack代码(如条件注释、CSS滤镜)来适配。创新萌芽:AJAX(2005年)
Storm实战常见问题及解决方案
Lzy失控的
storm-分布式流式计算 bigdata-大数据
原文seehttp://blog.sina.com.cn/s/blog_8c243ea30101k0k1.html1关于Storm集群1.1关于storm集群的环境变量配置问题安装好JDK后,需要配置环境变量,通常情况下出于经验,我们往往会修改/etc/profile的值进行环境变量配置,但这在安装JDK以及后面安装的storm集群、zookeeper集群以及metaq集群时会出问题,这时候我们需
【一起学Rust | Tauri2.0框架】基于 Rust 与 Tauri 2.0 框架实现跨平台二维码扫描应用
金枝玉叶9
程序员知识储备1 程序员知识储备2 程序员知识储备3 rust 开发语言 后端
《一起学Rust|Tauri2.0框架》是一个结合Rust语言与Tauri框架开发跨平台应用的教程。Tauri2.0是一个非常适合构建跨平台桌面应用的框架,它让开发者可以使用Web技术(如HTML、CSS、JavaScript)来创建前端,同时利用Rust编写后端逻辑,确保应用运行高效且轻量。在这个教程中,开发者可以学习如何使用Rust与Tauri2.0框架实现一个跨平台二维码扫描应用。具体步骤可
能否在编辑器中一键导入Word文档?
2501_90646763
umeditor粘贴word ueditor粘贴word ueditor复制word ueditor上传word图片 ueditor导入word ueditor导入pdf ueditor导入ppt
要求:开源,免费,技术支持编辑器:百度ueditor前端:vue2,vue3,vue-cli,react,html5用户体验:Ctrl+V快捷键操作功能:导入Word,导入Excel,导入PPT(PowerPoint),导入PDF,复制粘贴word,导入微信公众号内容,web截屏平台:Windows,macOS,Linux,RedHat,CentOS,Ubuntu,中标麒麟,银河麒麟,统信UOS,
HTMl详解
丸子猪的dady
html 前端
拖拽目标元素的事件监听:(应用于目标元素)ondragenter当拖拽元素进入时调用ondragover当拖拽元素停留在目标元素上时,就会连续一直触发(不管拖拽元素此时是移动还是不动的状态)ondrop当在目标元素上松开鼠标时调用ondragleave当鼠标离开目标元素时调用.box{width:200px;height:200px;background-color:green;}//绑定拖拽事件
斩获 44K 星!让 DeepSeek 控制你的浏览器,绝了
开源项目精选
人工智能
Browser-Use的开源框架,是一个能让电脑自动操作网页的智能工具。能处理动态加载的内容(比如广告弹窗、实时更新的图表),遇到网页元素位置变化还会自己调整策略,减少人工干预。Stars数46046Forks数4735主要特点强大的浏览器自动化功能:BrowserUse将先进的AI能力与强大的浏览器自动化技术相结合,为AI智能体实现流畅无缝的网页交互体验。视觉感知与HTML结构提取:将视觉理解能
字符串模板(单文件组件、JSX)
By爱分享
vue.js javascript 前端
首先需要了解基本释义:字符串模板就是写在vue中的template中定义的模板,如.vue的单文件组件模板和定义组件时template属性值的模板。此外,字符串模板不会在页面初始化时参与页面的渲染,而是会被vue进行解析编译之后再被浏览器渲染,所以不受限于html结构和标签的命名总的来说,推荐遵循W3C中的自定义组件名(字母全小写且必须包含一个连字符),这会帮助你避免和当前以及未来的HTML元素相
vue-常用指令 | 常用指令的修饰符
Cshaosun
web前端 # VUE vue.js 前端 javascript
目录什么是vue指令v-cloakv-textv-htmlv-prev-show/v-ifv-else/v-else-ifv-onv-bindv-forv-model常用指令的修饰符v-model指令修饰符事件修饰符按键修饰符什么是vue指令指令就是带有v-前缀的特殊属性,不同的属性对应不同的功能。分类汇总内容渲染指令(v-html、v-text)条件渲染指令(v-show、v-if、v-else
超越传统!wangEditor编辑器如何实现excel、ppt、pdf及word一键导入?
2501_90699780
编辑器 excel powerpoint umeditor粘贴word ueditor粘贴word ueditor复制word ueditor上传word图片
要求:开源,免费,技术支持编辑器:wangEditor前端:vue2,vue3,vue-cli,html5后端:java,jsp,springboot,asp.net,php,asp,.netcore,.netmvc,.netform群体:学生,个人用户,外包,自由职业者,中小型网站,博客,场景:数字门户,数字中台,站群,内网,外网,信创国产化环境,web截屏行业:医疗,教育,建筑,政府,党政,国
python:一次简单的爬虫
wstkqzl
python 爬虫 开发语言
importrequestsimportparselimporttimefromparselimportSelector#第一章链接https://www.qu04.cc/book/45808/2.html#第二章链接https://www.qu04.cc/book/45808/3.html#小说目录:https://www.qu04.cc/book/45808/url="https://www.
Docker如何以配置文件方式安装nginx
小白写代码hh
docker nginx java
目录1准备挂载目录2拉去nginx镜像3启动命令1准备挂载目录mkdir-p/temp/nginx/html#创建nginx的html挂载目录mkdir-p/temp/nginx/conf#创建nginx的配置文件挂载目录自定义nginx配置文件放在conf目录下#usernobody;worker_processes1;#error_loglogs/error.log;#error_loglog
HTML 元素和有效 DOCTYPES
智慧浩海
HTML html 前端
HTML元素-有效DOCTYPES下面的表格列出了所有的HTML5/HTML4.01/XHTML元素,以及它们会出现在什么文档类型(!DOCTYPE)中:HTML4.01/XHTML1.0TagHTML5TransitionalStrictFramesetXHTML1.1YesYesYesYesYesYesYesYesYesYesNoYesYesYesYesYesYesYesYesYesNoYes
PHP前置知识-HTML学习
freesec
html 学习 前端
HTML学习1、因特网和万维网1.1、Internet因特网:全球资源的总汇,连接网络的网络1.2、TCP/IP协议簇:传输层/网络层协议1.3、万维网:www(worldwideweb)HTTP超文本传输协议作用:接受和发布HTMl页面URL统一资源定位符协议://域名:端口号/文件路径/文件名.文件后缀http://www.QQ.com.cn:80/tq/index.html1.4、W3C组织
c++基础
冰凉的保温瓶
c++开发 c++
extern关键字https://www.cnblogs.com/honernan/p/13431431.html定义和声明在介绍extern之前,我们需要了解一下变量的声明和定义。变量的声明指向程序表名变量的类型和名字,即使得名字为程序所知,一个文件如果想使用别处定义的名字则必须包含对那个名字的声明。而变量的定义指申请存储空间,并将其与变量名相关联,除此之外,还可以为变量指定初始值。在程序中变量
Springboot乐动健身房管理系统6xl64计算机毕业设计-课程设计-期末作业-毕设程序代做
含宇网络
spring boot java 后端
Springboot乐动健身房管理系统6xl64计算机毕业设计-课程设计-期末作业-毕设程序代做【免费赠送源码】Springboot乐动健身房管理系统6xl64计算机毕业设计-课程设计-期末作业-毕设程序代做本源码技术栈:项目架构:B/S架构开发语言:Java语言开发软件:ideaeclipse前端技术:Layui、HTML、CSS、JS、JQuery等技术后端技术:JAVA运行环境:Win10、
Pytest项目_day01(HTTP接口)
丿罗小黑
Pytest pytest http 网络协议
HTTPHTTP是一个协议(服务器传输超文本到浏览器的传送协议),是基于TCP/IP通信协议来传输数据(HTML文件,图片文件,查询结果等)。访问域名例如www.baidu.com就是百度的域名,我们想要访问百度,就需要使用DNS,来将www.baidu.com域名解析为ip地址。随后客户端向服务端发起TCP请求,三次握手进行连接,三次握手如下:客户端向服务端说:你准备好了吗,我要发送请求了服务端
大语言模型的训练数据清洗策略
gs80140
AI python
目录大语言模型的训练数据清洗策略1.数据去重与标准化问题解决方案示例代码(Python实现数据去重):2.过滤有害内容问题解决方案示例代码(基于关键词过滤有害内容):3.纠正数据不均衡问题解决方案示例代码(欠采样非均衡数据):4.识别和纠正刻板印象问题解决方案示例代码(简单的数据增强):5.处理低质量与无关数据问题解决方案示例代码(去除HTML标签):6.处理时效性数据问题解决方案示例代码(基于时
用VSCode做前端开发
北子ALF
杂谈 vscode ide 编辑器
vscode写前端和记markdown还是很好用的,虽然在C++,Java和Python大型项目开发的体验不如vs,idea和pycharm自动生成html骨架打个感叹号预览网页:liveserver插件
超全Java入门学习路线指南
Javaaaaaaaaaaa13
java 开发语言 前端 spring spring boot eclipse tomcat
Java基础入门Java高级阶段数据库和JDBCHtml&JavascriptJsp&ServletStruts2框架讲解Spring框架讲解Hibernate框架讲解流行技术学习1、Java基础入门1、Java入门基础如果你没有任何的编程基础,那么本栏目的内容对你来说是至关重要的。打好基础,以后学习就会一帆风顺了。我们会先讲解了Java程序的开发环境的搭建、编写流程、工作原理等内容,接着学习有关
异常的核心类Throwable
无量
java 源码 异常处理 exception
java异常的核心是Throwable,其他的如Error和Exception都是继承的这个类 里面有个核心参数是detailMessage,记录异常信息,getMessage核心方法,获取这个参数的值,我们可以自己定义自己的异常类,去继承这个Exception就可以了,方法基本上,用父类的构造方法就OK,所以这么看异常是不是很easy
package com.natsu;
mongoDB 游标(cursor) 实现分页 迭代
开窍的石头
mongodb
上篇中我们讲了mongoDB 中的查询函数,现在我们讲mongo中如何做分页查询
如何声明一个游标
var mycursor = db.user.find({_id:{$lte:5}});
迭代显示游标数
MySQL数据库INNODB 表损坏修复处理过程
0624chenhong
tomcat mysql
最近mysql数据库经常死掉,用命令net stop mysql命令也无法停掉,关闭Tomcat的时候,出现Waiting for N instance(s) to be deallocated 信息。查了下,大概就是程序没有对数据库连接释放,导致Connection泄露了。因为用的是开元集成的平台,内部程序也不可能一下子给改掉的,就验证一下咯。启动Tomcat,用户登录系统,用netstat -
剖析如何与设计人员沟通
不懂事的小屁孩
工作
最近做图烦死了,不停的改图,改图……。烦,倒不是因为改,而是反反复复的改,人都会死。很多需求人员不知该如何与设计人员沟通,不明白如何使设计人员知道他所要的效果,结果只能是沟通变成了扯淡,改图变成了应付。
那应该如何与设计人员沟通呢?
我认为设计人员与需求人员先天就存在语言障碍。对一个合格的设计人员来说,整天玩的都是点、线、面、配色,哪种构图看起来协调;哪种配色看起来合理心里跟明镜似的,
qq空间刷评论工具
换个号韩国红果果
JavaScript
var a=document.getElementsByClassName('textinput');
var b=[];
for(var m=0;m<a.length;m++){
if(a[m].getAttribute('placeholder')!=null)
b.push(a[m])
}
var l
S2SH整合之session
灵静志远
spring AOP struts session
错误信息:
Caused by: org.springframework.beans.factory.BeanCreationException: Error creating bean with name 'cartService': Scope 'session' is not active for the current thread; consider defining a scoped
xmp标签
a-john
标签
今天在处理数据的显示上遇到一个问题:
var html = '<li><div class="pl-nr"><span class="user-name">' + user
+ '</span>' + text + '</div></li>';
ulComme
Ajax的常用技巧(2)---实现Web页面中的级联菜单
aijuans
Ajax
在网络上显示数据,往往只显示数据中的一部分信息,如文章标题,产品名称等。如果浏览器要查看所有信息,只需点击相关链接即可。在web技术中,可以采用级联菜单完成上述操作。根据用户的选择,动态展开,并显示出对应选项子菜单的内容。 在传统的web实现方式中,一般是在页面初始化时动态获取到服务端数据库中对应的所有子菜单中的信息,放置到页面中对应的位置,然后再结合CSS层叠样式表动态控制对应子菜单的显示或者隐
天-安-门,好高
atongyeye
情感
我是85后,北漂一族,之前房租1100,因为租房合同到期,再续,房租就要涨150。最近网上新闻,地铁也要涨价。算了一下,涨价之后,每次坐地铁由原来2块变成6块。仅坐地铁费用,一个月就要涨200。内心苦痛。
晚上躺在床上一个人想了很久,很久。
我生在农
android 动画
百合不是茶
android 透明度 平移 缩放 旋转
android的动画有两种 tween动画和Frame动画
tween动画;,透明度,缩放,旋转,平移效果
Animation 动画
AlphaAnimation 渐变透明度
RotateAnimation 画面旋转
ScaleAnimation 渐变尺寸缩放
TranslateAnimation 位置移动
Animation
查看本机网络信息的cmd脚本
bijian1013
cmd
@echo 您的用户名是:%USERDOMAIN%\%username%>"%userprofile%\网络参数.txt"
@echo 您的机器名是:%COMPUTERNAME%>>"%userprofile%\网络参数.txt"
@echo ___________________>>"%userprofile%\
plsql 清除登录过的用户
征客丶
plsql
tools---preferences----logon history---history 把你想要删除的删除
--------------------------------------------------------------------
若有其他凝问或文中有错误,请及时向我指出,
我好及时改正,同时也让我们一起进步。
email : binary_spac
【Pig一】Pig入门
bit1129
pig
Pig安装
1.下载pig
wget http://mirror.bit.edu.cn/apache/pig/pig-0.14.0/pig-0.14.0.tar.gz
2. 解压配置环境变量
如果Pig使用Map/Reduce模式,那么需要在环境变量中,配置HADOOP_HOME环境变量
expor
Java 线程同步几种方式
BlueSkator
volatile synchronized ThredLocal ReenTranLock Concurrent
为何要使用同步? java允许多线程并发控制,当多个线程同时操作一个可共享的资源变量时(如数据的增删改查), 将会导致数据不准确,相互之间产生冲突,因此加入同步锁以避免在该线程没有完成操作之前,被其他线程的调用, 从而保证了该变量的唯一性和准确性。 1.同步方法&
StringUtils判断字符串是否为空的方法(转帖)
BreakingBad
null StringUtils “”
转帖地址:http://www.cnblogs.com/shangxiaofei/p/4313111.html
public static boolean isEmpty(String str)
判断某字符串是否为空,为空的标准是 str==
null
或 str.length()==
0
编程之美-分层遍历二叉树
bylijinnan
java 数据结构 算法 编程之美
import java.util.ArrayList;
import java.util.LinkedList;
import java.util.List;
public class LevelTraverseBinaryTree {
/**
* 编程之美 分层遍历二叉树
* 之前已经用队列实现过二叉树的层次遍历,但这次要求输出换行,因此要
jquery取值和ajax提交复习记录
chengxuyuancsdn
jquery取值 ajax提交
// 取值
// alert($("input[name='username']").val());
// alert($("input[name='password']").val());
// alert($("input[name='sex']:checked").val());
// alert($("
推荐国产工作流引擎嵌入式公式语法解析器-IK Expression
comsci
java 应用服务器 工作 Excel 嵌入式
这个开源软件包是国内的一位高手自行研制开发的,正如他所说的一样,我觉得它可以使一个工作流引擎上一个台阶。。。。。。欢迎大家使用,并提出意见和建议。。。
----------转帖---------------------------------------------------
IK Expression是一个开源的(OpenSource),可扩展的(Extensible),基于java语言
关于系统中使用多个PropertyPlaceholderConfigurer的配置及PropertyOverrideConfigurer
daizj
spring
1、PropertyPlaceholderConfigurer
Spring中PropertyPlaceholderConfigurer这个类,它是用来解析Java Properties属性文件值,并提供在spring配置期间替换使用属性值。接下来让我们逐渐的深入其配置。
基本的使用方法是:(1)
<bean id="propertyConfigurerForWZ&q
二叉树:二叉搜索树
dieslrae
二叉树
所谓二叉树,就是一个节点最多只能有两个子节点,而二叉搜索树就是一个经典并简单的二叉树.规则是一个节点的左子节点一定比自己小,右子节点一定大于等于自己(当然也可以反过来).在树基本平衡的时候插入,搜索和删除速度都很快,时间复杂度为O(logN).但是,如果插入的是有序的数据,那效率就会变成O(N),在这个时候,树其实变成了一个链表.
tree代码:
C语言字符串函数大全
dcj3sjt126com
c function
C语言字符串函数大全
函数名: stpcpy
功 能: 拷贝一个字符串到另一个
用 法: char *stpcpy(char *destin, char *source);
程序例:
#include <stdio.h>
#include <string.h>
int main
友盟统计页面技巧
dcj3sjt126com
技巧
在基类调用就可以了, 基类ViewController示例代码
-(void)viewWillAppear:(BOOL)animated
{
[super viewWillAppear:animated];
[MobClick beginLogPageView:[NSString stringWithFormat:@"%@",self.class]];
window下在同一台机器上安装多个版本jdk,修改环境变量不生效问题处理办法
flyvszhb
java jdk
window下在同一台机器上安装多个版本jdk,修改环境变量不生效问题处理办法
本机已经安装了jdk1.7,而比较早期的项目需要依赖jdk1.6,于是同时在本机安装了jdk1.6和jdk1.7.
安装jdk1.6前,执行java -version得到
C:\Users\liuxiang2>java -version
java version "1.7.0_21&quo
Java在创建子类对象的同时会不会创建父类对象
happyqing
java 创建 子类对象 父类对象
1.在thingking in java 的第四版第六章中明确的说了,子类对象中封装了父类对象,
2."When you create an object of the derived class, it contains within it a subobject of the base class. This subobject is the sam
跟我学spring3 目录贴及电子书下载
jinnianshilongnian
spring
一、《跟我学spring3》电子书下载地址:
《跟我学spring3》 (1-7 和 8-13) http://jinnianshilongnian.iteye.com/blog/pdf
跟我学spring3系列 word原版 下载
二、
源代码下载
最新依
第12章 Ajax(上)
onestopweb
Ajax
index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/
BI and EIM 4.0 at a glance
blueoxygen
BO
http://www.sap.com/corporate-en/press.epx?PressID=14787
有机会研究下EIM家族的两个新产品~~~~
New features of the 4.0 releases of BI and EIM solutions include:
Real-time in-memory computing –
Java线程中yield与join方法的区别
tomcat_oracle
java
长期以来,多线程问题颇为受到面试官的青睐。虽然我个人认为我们当中很少有人能真正获得机会开发复杂的多线程应用(在过去的七年中,我得到了一个机会),但是理解多线程对增加你的信心很有用。之前,我讨论了一个wait()和sleep()方法区别的问题,这一次,我将会讨论join()和yield()方法的区别。坦白的说,实际上我并没有用过其中任何一个方法,所以,如果你感觉有不恰当的地方,请提出讨论。
&nb
android Manifest.xml选项
阿尔萨斯
Manifest
结构
继承关系
public final class Manifest extends Objectjava.lang.Objectandroid.Manifest
内部类
class Manifest.permission权限
class Manifest.permission_group权限组
构造函数
public Manifest () 详细 androi
Oracle实现类split函数的方
zhaoshijie
oracle
关键字:Oracle实现类split函数的方
项目里需要保存结构数据,批量传到后他进行保存,为了减小数据量,子集拼装的格式,使用存储过程进行保存。保存的过程中需要对数据解析。但是oracle没有Java中split类似的函数。从网上找了一个,也补全了一下。
CREATE OR REPLACE TYPE t_split_100 IS TABLE OF VARCHAR2(100);
cr