HTML
一、web基础知识
HTML5:HTML4.01升级版,大前端技术,泛指前端的所有技术
HTML4.01在99年12发布XHTML1.0在2000年1月发布,语法更严谨
1、web与Internet
web与Internet
Internet:
全球性计算机互联网络
俗称:互联网,因特网,交换网,交际网
www服务:world wide web(万维网),访问网站的服务
BBS:
电子公告版,俗称论坛
Email:
电子邮件
telnet:
远程登录
FTP:
文件的上传下载
2、internet上的应用程序
C/S client 客户端/ server 服务器 B/S Browser 浏览器 / server 服务器
C/S和B/S的区别C/S需要升级 B/S不需要升级我们工作主要是B/S
3、web运行原理
web:运行在internet上一种B/S结构的应用程序,俗称网站Internet:为web提供网络环境web的工作原理:基于浏览器和服务器继续通信协议来实现数据的传输和展示
通信协议:规范了数据和打包和传送的
服务器:1.功能 存储数据,接收用户的请求并给出响应、 提供了程序的运行环境 具备一定的安全功能2.服务器产品 tomcat(java) Apache(php) IIS(.net)3.服务器端的技术 PHP/JAVA/.NET/python/nodejs
浏览器1.功能 代表用户发送请求 作为HTML、css和js解析器 以图形化的解码展示给用户2.浏览器产品 Chrome FireFox IE–edge Oprea Safari 3.浏览器支持的技术 H5,CSS,JS
二、HTML基础入门
1、什么是HTML
HTML:HyperText Markup Language 超文本标记语言
a 普通文本
< a> a> 超文本标记
标记:超文本的组成形式 < 关键字>
具有自己的功能
语言:有语法结构
2、HTML的特点
以.html或.htm为后缀
由浏览解析执行
用带有尖括号的"标记"来标识
可以在网页中执行js脚本
三、HTML的基础语法
标记,标签,元素,节点,对象
主要是表示特殊的功能
标记在使用的时候,必须使用<>包裹起来
1、标签的分类
双标记(封闭类型)
<关键字>关键字>
双标记必须成对出现,有开始就有结束
单标记(非封闭类型)
<关键字>或者<关键字/>
2、标签的嵌套
1.什么是嵌套
一对标记中出现另一个(对)标记,形成了层级。
< div>
< p> p>
div>
2.语法
< 关键字1>
< 关键字2>
< 关键字3> 关键字3>
关键字2>
关键字1>
3、属性和值
允许通过属性 和值 对标记进行修饰
语法:
1.属性和值必须声明在开始标记中
<关键字 属性=“值”>关键字>
2.多个属性之间用空格分开
<关键字 属性1="值1" 属性2="值2" ...>关键字>
3.标准属性(通用属性)
所有的元素都支持的属性
id 定义此元素在页面中的唯一标识
title 鼠标悬停在元素上时,显示的文本
style css中,定义行内样式
class css 中,引用类选择器
4、注释
语法:
注意:注释不能嵌套注释,注释也不能出现在标记中
四、HTML的文档结构
1、文档类型的声明 告诉浏览器,我这篇html使用h5的规则解析
2、网页的结构
< html>
< head> head>
< body> body>
html>
< html> html> 表示网页的开头和结束
在html中包含两个标签
< head> head> 网页的头部,定义全局的信息
< body> body> 网页的主题,展示的内容
3、head元素是其他头元素的容器
< title> title> 网页的标题
< meta/> 元数据,定义网页的全局信息
< meta charset = " utf-8" >
chrome 62以上的版本,自动识别中文
< meta name = " Keywords" content = " 关键词的内容" >
< meta name = " description" content = " 描述的内容" >
< style> < style> 定义网页的内部样式
< script> script> 定义或者引用js文件
< link/> 引用外部样式文件
4、body元素
定义网页的主体
body的属性
bgcolor 背景颜色
text 字体颜色
取值:合法的颜色值---->颜色的应为单词
五、文本标记
1、标题元素
作用:在页面中以醒目的方式显示文本
语法 一级标题 n:1~6
...
六级标题
特点:
1.文本加粗
2.字号发生变化
3.独占一行,上下有垂直间距
属性align 设置标签内容水平方向对齐方式
取值:left/center/right
2、段落标记paragraph
语法:
作用:突出的表示一段文字
特点:独立成行,上下有垂直的间距
属性:align
3、换行标记
或者
4、水平线
< hr> 或者< hr/>
width="50%" 表示水平线的宽度,取值为%或者px为单位的数字
size="5px" 表示水平线的尺寸(粗细),取值为%或者px为单位的数字
align="left" 对齐方式
color="red" 设置水平线的颜色
5、预格式化标签
标签内部的文本,保留其格式,在页面上显示
空格折叠现象,一个或多个空格,会被浏览器渲染成一个空格显示
6、特殊字符(实体)
空格  ;
< <
> >
© ©;
® ®
¥ ¥
x ×
7、文本样式
粗体 < b> b> < strong> strong>
斜体 < i> i> < em> em>
下划线 < u> u>
删除线 < s> s> < del> del> 语意
上标 < sup> sup>
下标 < sub> sub>
8、区块元素
1.块分区,用于页面中布局
独立成行
2.行分区,处理同一行文本的不同样式
可以与其它的span和文字共用一行
9、行级元素和块级元素(元素的显示形式)
1.块级元素
在网页中,单独成行,就是块级元素
从上往下排列
常见块级元素:
h1~h6
p
div
2.行内元素(行级元素)
在页面中,与其他行内元素/行内块共用一行
从左往右排列
页面中常见行内元素:
i em b strong u sup sub span
3.行内块元素
显示的方式与行内元素相同,但是具备块级元素的特征
4.table
表格的宽高是由表格的内容决定的
内容多,就宽一些,高一些,
表格中所的数据都预读到内存,一次性画到页面上
六、图像和连接
1、图像
1、使用
或者
属性
src="url" url--图片资源路径
2、URL
Uniform Resource Locator 统一资源定位符 简称:路径
3、URL路径的表现形式:
1.绝对路径,一个写完整的路径
通信协议+主机地址+文件目录结构+文件的具体名称
合适使用:
1.1使用网络资源的时候,使用绝对路径
优点:不占据自己服务器的存储空间
缺点:不稳定
1.2使用本地资源,使用绝对路径(项目中100%用不到)
从最高盘符开始查找 C/D/E/F/G
项目中不用
2.相对路径(参照物是html本身)
2.1在同一个目录下(兄弟关系),直接引用
2.2子集目录,文件在兄弟文件夹的内部,先找兄弟,再找兄弟的孩子
2.3父级目录,文件是父级的兄弟,先找父亲(../),再找父亲的兄弟
图片与html文件在同一个目录下,src直接引用图片名称
src="3.jpg"
2、链接
1.语法
< a href = " http://www.tmooc.cn/" > Tmooc a>
属性:
href:链接的路径
target:指定打开链接的方式
取值:_self默认值,在当前页面标签页中打开新链接
_blank 在新的标签页打开链接
2.其他的表现形式
下载
新建邮件
执行js
返回顶部
3.锚点
锚点就是网页中的一个记号
3.1定义锚点
(1)使用a标签name属性定义锚点
3.2链接到锚点
(1)使用a标签链接锚点,#锚点名称
回到锚点 回到锚点
七、表格
1、表格语法
< table>
< tr>
< td> td>
< td> td>
< td> td>
< td> td>
tr>
table>
2、表格属性
table标签的属性:
border:设置边框
width:设置表格的宽
height:设置表格的高
内容小于宽高的,按宽高尺寸
内容大于宽高,按内容改变尺寸
align:设置表格的对齐方式 (table自己的水平)
取值:left/center/right
bgcolor:背景颜色
cellpadding:设置单元格内边距(边框到内容的距离)
cellspacing:设置单元格外边距(边框与边框之间的距离)
3、tr属性
align 设置当前行的内容水平对齐方式(设置表格内容的对齐方式)
valign 设置当前行内容的垂直对齐方式
取值:top/middle/bottom
bgcolor 当前行的背景颜色
4、td属性
width 宽度
height 高度
align 水平对齐方式
valign 垂直对齐方式
bgcolor 背景颜色
colspan 列合并
rowspan 行合并
5、不规则的表格运用
1.跨列
colspan=?
从指定的单元格位置开始,横向向右合并两个单元格(包含自己)
被合并掉的单元格,要删除
2.跨行
rowspan=?
从指定的单元格位置处开始,纵向向下合并?个单元格(包括自己)
被合并掉的单元格,要删除
3.table中的可选标记
1.表格的标题
如果设置标题,必须将放在之后
2.行/列的标题
代替
加粗,居中
6.表格的复杂应用
1.行分组
可以将连续几个行,划分到一个组中,进行统一管理
表头行 表格最上面一行的标题放在thead中
表主体 允许将若干行放在tbody中进行统一管理
表尾 表格中最后一行放在tfoot中
2.表格的嵌套
一张表格中,所有的嵌套的表格,只能放在td中
八、列表
默认按照从上到下的顺序来显示数据,并且可以在数据前添加标识 使用列表布局(去掉标识,从上到下,从左到右排列)
1、列表的组成
1.有序列表 order list
2.无序列表 unorder list
列表项 list item
2、列表属性
1.有序列表的属性 ol
type 设置标识符的类型
取值:1默认值,数字
a A 字母为标识
i I 罗马数字
start 指定起始编号
取值:无单位数字
2.无序列表的属性 ul
type:设置标识
取值:disc 默认值 实心圆
square 方块
circle 空心圆
none 无
3.列表的嵌套
所有的嵌套必须只能写在li中
3、列表作用
做名词解释用常用于图文混排
需要被解释说明的名词
对名词的解释内容
九、结构标记—
1、结构标签的作用【注:h5新增】
用于代替了div,用于描述整个网页的结构,提升标记的语义
2、常用的结构标记
定义网页或者某个区域的头部内容
定义网页的导航链接部分
定义网页的主体
定义网页的侧边栏
定义网页底部内容,多用于版权,解释说明,备案号
定义与文字相关的内容
论坛,帖子,微博条目,用户评论
十、表单
1、表单的作用
提供可视化的输入控件
收集用户填写的信息并提交给服务器
2、表单的组成部分
前端部分 提供表单的控件,与用户做交互的可视化控件
后端部分 对提交的数据进行处理(接口)
3、表单属性
< form> form>
属性:
1.action
定义表单被提交时发送的动作
通常是定义服务器处理数据的地址,接口(url)
默认,提交给本页地址
2.method
指定表单数据提交的方式(方法)
1.get(默认值)
明文提交,提交时内容会显示在浏览器地址栏上。
提交的数据有大小限制,2kb
向服务器要数据的时候使用get
2.post
提交数据无大小限制
隐式提交,提交的数据不会显示在地址栏中
把数据传递给服务器的时候,使用post
3.delete
4.put——往服务器放一些东西
5.point
3.enctype 编码方式
设置表单允许将什么样得数据提交给服务器
1.提交普通字符,不能有特殊符号
enctype="text/plain"
2.允许将任意字符提交给服务器
enctype="application/x-www-form-urlencoded"
3.允许将文件提交给服务器
multipart/form-data
4、表单控件
能够与用户进行交互的可视化元素
1、分类
input 元素
textarea 多行文本域
下拉选择框
4其他元素
2、input元素
在页面中提供各种各样的输入控件,通过type属性来设置输入控件的类型
type 设置输入控件的类型
name 为控件定义名称,提供给服务端使用(必须值)
或
value 控件的值,提交给服务端使用
disabled 禁用控件,不能操作也不能提交,所有input的公有属性
无值属性
type取值:
1.文本框和密码框
type="text" 默认值
type="password" 密码
属性
1.1maxlength 限制输入的最大字符数
1.2readonly 只读,只能看不能写,但允许被提交 (无值属性)
1.3placeholder 占位符,默认显示在控件上的文本,只要得到焦点,文本就消失了,此文本不能提交
2.按钮
type="submit" 提交按钮
将表单中的数据,提交给服务器
type="reset" 重置按钮
让表单内容恢复到初始化状态
type="button" 无功能按钮,可以调用js脚本
button 自带submit和button
3.单元按钮和复选按钮
单元按钮
type="radio"
name属性:除了定义控件名称,还起到分组的效果。
必须有value,不然提交的值是on
checked:设置默认选中项,无值属性
多选按钮
type="CheckBox"
name属性:除了定义控件名称,还起到分组的效果
必须有value,不然提交的值是on
checked:设置默认选中项,无值属性
CheckBox的name要写成数组hobby[]
4.隐藏域
type="hidden"
想提交给服务器,但是不想展示给用户看的数据,使用隐藏域
5.文件选择框
type="file"
注意:
上传多个在 name里添加数组[]
method="post"
enctype="multipart/form-data"
multiple 无值属性,可以同时上传多个文件
需要name属性值为数组
3、textarea文本域
允许录入多行数据的文本框
name 控件的名称
readonly 只读
cols 指定文本域的列数,以英文单词为准,中文减半
rows 指定文本域的行数
4、下拉选择框
表示一个下拉选
表示下拉选中的一个选项
.....
注意:当option没有value属性时,提交的时候select的value为option的内容。当option有value,提交时,select的value为选选中option的value。
select属性
name,选项框的名称
size 默认为1,定义显示选项的数量。
如果值大于1的数字。下拉选表现为滚动列表
multiple 无值属性,可以多选,但是name要用数组
设置了multiple之后,就算size="1" 也是滚动列表
option属性
value
selected 设置默认选中项
5、其他元素
1.label
文本与表单控件的关联
属性
for:要与label中文字发生关联的form控件的id
2.为控件分组
为控件分组
分组标题
3.浮动框架
允许在一个网页中,引入另外一个网页
属性
src="url"
width="100%"
height="" 高度存在问题,需要使用js.dom来解决
scrolling="no" 不显示滚动条
framesborder="0" 不显示边框
4.H5新表单元素
什么是新表单元素 在HTML5版本中新提出来表单控件
1.电子邮件
表单提交时,会验证数据是否符合email的规范(@以及@后面有内容)
2.搜索类型
提供了快速清除文本框的功能
3.url类型
提交时,验证数据是否符合url的规范,绝对路径的规范
验证http://....以及后面必须有内容
4.电话号码
在移动设备中,显示拨号键的效果
5.数字类型
只能接受数字,并且提供了箭头灵活的调整数字
value 指定数字
min 能接收提交的最小值
max 能接收提交的最大值
step 步数,每次点击箭头,变化的数量
6.范围类型
提供一个滑块组件,允许用户指定选取的范围
属性
value 指定初始数字
min 范围最小值
max 范围最大值
step 步数
7.颜色拾取器
提供一个颜色的拾取器
8.日期类型
提供了一个选择日期的控件,可以选择年/月/日
9.月份类型
提供了一个选择月份的控件,可以选择年/月
10.周类型
提供了一个选择周的控件,可以选择年/周
你可能感兴趣的:(html,前端)
移动端城市区县二级联动选择功能实现包
good2know
本文还有配套的精品资源,点击获取简介:本项目是一套为移动端设计的jQuery实现方案,用于简化用户在选择城市和区县时的流程。它包括所有必需文件:HTML、JavaScript、CSS及图片资源。通过动态更新下拉菜单选项,实现城市到区县的联动效果,支持数据异步加载。开发者可以轻松集成此功能到移动网站或应用,并可基于需求进行扩展和优化。1.jQuery移动端解决方案概述jQuery技术简介jQuery
day15|前端框架学习和算法
universe_01
前端 算法 笔记
T22括号生成先把所有情况都画出来,然后(在满足什么情况下)把不符合条件的删除。T78子集要画树状图,把思路清晰。可以用暴力法、回溯法和DFS做这个题DFS深度搜索:每个边都走完,再回溯应用:二叉树搜索,图搜索回溯算法=DFS+剪枝T200岛屿数量(非常经典BFS宽度把树状转化成队列形式,lambda匿名函数“一次性的小函数,没有名字”setup语法糖:让代码更简洁好写的语法ref创建:基本类型的
SpringMVC的执行流程
1、什么是MVCMVC是一种设计模式。MVC的原理图如下所示M-Model模型(完成业务逻辑:有javaBean构成,service+dao+entity)V-View视图(做界面的展示jsp,html……)C-Controller控制器(接收请求—>调用模型—>根据结果派发页面2、SpringMVC是什么SpringMVC是一个MVC的开源框架,SpringMVC=Struts2+Spring,
Selenium 特殊控件操作与 ActionChains 实践详解
小馋喵知识杂货铺
selenium 测试工具
1.下拉框单选操作(a)使用SeleniumSelect类(标准HTML标签)Selenium提供了内置的Select类用于操作标准下拉框,这种方式简单且直观。fromselenium.webdriver.support.uiimportSelect#定位下拉框dropdown=Select(driver.find_element("id","dropdown_id"))#通过以下三种方式选择单个
微信公众号回调java_处理微信公众号消息回调
weixin_39607620
微信公众号回调java
1、背景在上一节中,咱们知道如何接入微信公众号,可是以后公众号会与咱们进行交互,那么微信公众号如何通知到咱们本身的服务器呢?咱们知道咱们接入的时候提供的url是GET/mp/entry,那么公众号以后产生的事件将会以POST/mp/entry发送到咱们本身的服务器上。html2、代码实现,此处仍是使用weixin-java-mp这个框架实现一、引入weixin-java-mpcom.github.
人工智能应用研究快讯 2021-11-30
峰谷皆平
[HTML]ArtificialIntelligenceforSkinCancerDetection:ScopingReviewATakiddin,JSchneider,YYang,AAbd-Alrazaq...JournalofMedicalInternet...,2021ABSTACT:Background:Skincanceristhemostcommoncancertypeaffectin
【Jupyter】个人开发常见命令
TIM老师
# Pycharm & VSCode python Jupyter
1.查看python版本importsysprint(sys.version)2.ipynb/py文件转换jupyternbconvert--topythonmy_file.ipynbipynb转换为mdjupyternbconvert--tomdmy_file.ipynbipynb转为htmljupyternbconvert--tohtmlmy_file.ipynbipython转换为pdfju
用代码生成艺术字:设计个性化海报的秘密
本文围绕“用代码生成艺术字:设计个性化海报的秘密”展开,先概述代码生成艺术字在海报设计中的独特价值,接着介绍常用的代码工具(如HTML、CSS、JavaScript等),详细阐述从构思到实现的完整流程,包括字体样式设计、动态效果添加等,还分享了提升艺术字质感的技巧及实际案例。最后总结代码生成艺术字的优势,为设计师提供打造个性化海报的实用指南,助力提升海报设计的独特性与吸引力,符合搜索引擎SEO标准
vue element 封装表单
影子信息
vue vue.js javascript 前端
背景:在前端系统开发中,系统页面涉及到的表单组件比较多,所以进行了简单的封装。封装的包括一些Form表单组件,如下:input输入框、select下拉框、等实现效果:理论知识:表单组件官方链接:点击跳转封装组件:封装组件的思路:不封装element组件,每一个input组件绑定一个form对象,例如官网。简单封装element组件,利用for循环生成form表单的每一项el-form-item。进
前端面试每日 3+1 —— 第39天
浪子神剑
今天的面试题(2019.05.25)——第39天[html]title与h1、b与strong、i与em的区别分别是什么?[css]写出你知道的CSS水平和垂直居中的方法[js]说说你对模块化的理解[软技能]公钥加密和私钥加密是什么?《论语》,曾子曰:“吾日三省吾身”(我每天多次反省自己)。前端面试每日3+1题,以面试题来驱动学习,每天进步一点!让努力成为一种习惯,让奋斗成为一种享受!欢迎在Iss
GDP经济社会人文民生栅格数据下载网站汇总
疯狂学习GIS
本文为“GIS数据获取整理”专栏(https://blog.csdn.net/zhebushibiaoshifu/category_10857546.html)中第八篇独立博客,因此本文全部标题均由“8”开头。本文对目前主要的GDP、社会与经济数据获取网站加以整理与介绍,若需其它GIS领域数据(如遥感影像数据、气象数据、土地土壤数据、农业数据等),大家可以点击上方专栏查看,也可以看这一篇汇总文
【MySQL】MySQL数据库如何改名
武昌库里写JAVA
面试题汇总与解析 spring boot vue.js sql java 学习
MySQL建库授权语句https://www.jianshu.com/p/2237a9649ceeMySQL数据库改名的三种方法https://www.cnblogs.com/gomysql/p/3584881.htmlMySQL安全修改数据库名几种方法https://blog.csdn.net/haiross/article/details/51282417MySQL重命名数据库https://
前端数据库:IndexedDB从基础到高级使用指南
文章目录前端数据库:IndexedDB从基础到高级使用指南引言一、IndexedDB概述1.1什么是IndexedDB1.2与其他存储方案的比较二、基础使用2.1打开/创建数据库2.2基本CRUD操作添加数据读取数据更新数据删除数据三、高级特性3.1复杂查询与游标3.2事务高级用法3.3性能优化技巧四、实战案例:构建离线优先的待办事项应用4.1数据库设计4.2同步策略实现五、常见问题与解决方案5.
【Java Web实战】从零到一打造企业级网上购书网站系统 | 完整开发实录(三)
笙囧同学
java 前端 状态模式
核心功能设计用户管理系统用户管理是整个系统的基础,我设计了完整的用户生命周期管理:用户注册流程验证失败验证通过验证失败验证通过用户名已存在用户名可用失败成功用户访问注册页面填写注册信息前端表单验证显示错误提示提交到后端后端数据验证返回错误信息用户名唯一性检查提示用户名重复密码加密处理保存用户信息保存成功?显示系统错误注册成功跳转登录页面登录认证机制深度解析我实现了一套企业级的多层次安全认证机制:认
从零到一:打造基于GigaChat AI的艺术创作平台 | 笙囧同学的全栈开发实战
作者简介:笙囧同学,中科院计算机大模型方向硕士,全栈开发爱好者联系方式:
[email protected] 各大平台账号:笙囧同学座右铭:偷懒是人生进步的阶梯前言在AI技术飞速发展的今天,如何将前沿的大模型技术与实际应用相结合,一直是我们开发者关注的焦点。今天,笙囧同学将带大家从零开始,构建一个基于GigaChatAI的艺术创作平台,实现React前端+Django后端的完整全栈解决方案。这不仅仅是
14.tornado操作之应用Websocket协议实现聊天室功能
孤寒者
Tornado框架从入门到实战 websocket tornado 聊天室功能实现 python
目录:每篇前言:1.什么是WebSocket(1)定义(2)优点(3)和HTTP对比(4)适用场景2.WebSocket关键方法3.本tornado项目中使用WebSocket(1)准备一个聊天室的页面:第一步:编写视图:第二步:编写接口:(app.py中加入以下接口!)第三步:编写前端页面:测试接口——响应OK!(2)使用WebSocket:(3)聊天室的聊天功能的最终实现:第一步:战前准备第二
为什么学习Web前端一定要掌握JavaScript?
web前端学习指南
为什么学习Web前端一定要掌握JavaScript?在前端的世界里,没有什么是JavaScript实现不了的,关于JS有一句话:凡是可以用JavaScript来写的应用,最终都会用JavaScript,JavaScript可运行在所有主要平台的所有主流浏览器上,也可运行在每一个主流操作系统的服务器端上。现如今我们在为网站写任何一个主要功能的时候都需要有懂能够用JavaScript写前端的开发人员。
小架构step系列25:错误码
秋千码途
架构 java
1概述一个系统中,可能产生各种各样的错误,对这些错误进行编码。当错误发生时,通过这个错误码就有可能快速判断是什么错误,不一定需要查看代码就可以进行处理,提高问题处理效率。有了统一的错误码,还可以标准化错误信息,方便把错误信息纳入文档管理和对错误信息进行国际化等。没有错误码的管理,开发人员就会按自己的理解处理这些错误。有些直接把堆栈直接反馈到前端页面上,使用看不懂这些信息体验很差,也暴露了堆栈信息有
Java朴实无华按天计划从入门到实战(强化速战版-66天)
岫珩
Java 后端 java 开发语言 学习 Java 时间安排 学习计划
致敬读者感谢阅读笑口常开生日快乐⬛早点睡觉博主相关博主信息博客首页专栏推荐活动信息文章目录Java朴实无华按天计划从入门到实战(强化速战版-66天)1.基础(18)1.1JavaSE核心(5天)1.2数据库与SQL(5天)1.3前端基础(8天)2.进阶(17天)2.1JavaWeb核心(5天)2.2Mybatis与Spring全家桶(6天)2.3中间件入门(4天)2.4实践项目(2天)3.高阶(1
《跨域资源共享CORS的深层逻辑与前端实践精要》
不同源头的资源交互已成为常态,而跨域资源共享(CORS)正是支撑这种交互的隐形架构。现代Web安全体系中平衡开放与防护的精妙设计。理解CORS的深层逻辑,不仅能解决实际开发中的跨域难题,更能触及网络安全与资源流通的核心矛盾,为前端工程师构建稳健的应用提供底层认知支撑。跨域资源共享的诞生,源于网络安全与应用发展的必然冲突。浏览器的同源策略,作为早期网络安全的基石,通过限制不同源文档的交互,有效阻挡了
深入了解 Kubernetes(k8s):从概念到实践
目录一、k8s核心概念二、k8s的优势三、k8s架构组件控制平面组件节点组件四、k8s+docker运行前后端分离项目的例子1.准备前端项目2.准备后端项目3.创建k8s部署配置文件4.部署应用到k8s集群在当今云计算和容器化技术飞速发展的时代,Kubernetes(简称k8s)已成为容器编排领域的事实标准。无论是互联网巨头、传统企业还是初创公司,都在广泛采用k8s来管理和部署容器化应用。本文将带
移动端适配rem方案
简单的码农
1.rem+动态html的font-size1.rem单位是相对于html元素的font-size来设置的,那么如果我们需要在不同的屏幕下有不同的尺寸,可以动态的修改html的font-size尺寸。2.比如如下案例:设置一个盒子的宽度是2rem;设置不同的屏幕上html的font-size不同;image这样在开发中,我们只需要考虑两个问题:问题一:针对不同的屏幕,设置html不同的font-s
Vue CSR 到 Nuxt 3 SSR 迁移:技术实现与问题解决实录
二倍速播放
前端 vue.js
1.迁移动机与技术选型1.1CSR架构的局限性基于Vue3和Vite构建的客户端渲染(CSR)单页应用(SPA)提供了良好的开发体验和用户交互流畅性。但是其核心局限在于:搜索引擎优化(SEO):初始HTML响应仅包含一个根div元素,实际内容由JavaScript在浏览器端动态生成。虽然主流搜索引擎(如Google)能够执行部分JavaScript,但其抓取效率和稳定性不如直接获取完整HTML。非
redis反弹shell时kali无法接收回弹的解决方法
显哥无敌
shell redis
无法接受回谈大概率是bash命令写的不对,那个crontab中间的星号个数是有意义的,不是随便加的,下面贴一下crontab的基本用法https://www.cnblogs.com/zhoading/p/11572630.html{minute}{hour}{day-of-month}{month}{day-of-week}{full-path-to-shell-script}如果是要cronta
native.js设置可缩放的webview并隐藏缩放控件
Nanayai
需求明确:webview页面可以手指缩放,并且不要那个原生控件;实现思路:1.使用h5+封装好的方法:设置scalable属性,并在html中设置meta标签:user-scalable=yes或不设置,minimum-scale和maximum-scale需要注意不要都设为1:mui.openWindow({url:"someThing",id:"someThing",styles:{scala
大厂都在用的前端缓存策略,你掌握了吗?
AI架构全栈开发实战笔记
前端 缓存 ai
大厂都在用的前端缓存策略,你掌握了吗?关键词:前端缓存、HTTP缓存、ServiceWorker、CDN缓存、缓存策略、性能优化、浏览器缓存摘要:本文将深入探讨前端开发中常用的缓存策略,从浏览器缓存到ServiceWorker,从HTTP缓存头到CDN缓存,全面解析大厂都在使用的高效缓存技术。通过生动的比喻和实际代码示例,帮助开发者理解并掌握这些提升Web应用性能的关键技术。背景介绍目的和范围本文
Redis反弹Shell
波吉爱睡觉
web安全 #未授权访问漏洞 #SSRF redis 网络安全 web安全
这里我来总结几种Redis反弹Shell的方法一、利用Redis写WebShell前提条件开了web服务器,并且知道路径,还需要有文件读写增删改查的权限条件比较苛刻,但是满足条件上传就会简单一点,我们直接将文件写入www目录下,完了使用工具连接即可。语句:redis:6379>configsetdir/var/www/html/redis:6379>configsetdbfilenameshell
26. 什么是雪碧图,作用和原理了解吗
yqcoder
前端面试-CSS css 前端 html
总结小图合成一张,使用background来使用,减少资源请求一、什么是雪碧图?雪碧图(CSSSprite)是一种前端优化技术,指的是将多个小图标合并成一张大图,通过CSS控制显示其中的某一部分。它常用于网站中图标、按钮等小图较多的场景。二、雪碧图的作用作用说明✅减少HTTP请求次数合并多个图片为一张图,减少请求资源数✅提升页面加载速度尤其在图片较多时效果明显✅避免图片加载闪烁鼠标悬停切换图片时不
H5UI微信小程序前端框架实战指南
ai
本文还有配套的精品资源,点击获取简介:H5UI是一个为微信小程序开发设计的前端框架,基于H5技术,提供简洁高效的组件库。框架集成了丰富的UI元素,如按钮、表格、导航栏等,简化了界面布局和交互的实现。通过安装、引入、使用组件和事件绑定四个步骤,开发者可以轻松构建功能齐全的应用。了解性能优化等注意事项对于高效开发同样重要。1.微信小程序前端开发框架介绍微信小程序概述微信小程序是微信官方推出的一种无需下
Windows下Oracle安装图解
叫我老村长
Windows下Oracle安装图解----oracle-win-64-11g详细安装步骤一、Oracle下载官方下地址http://www.oracle.com/technetwork/database/enterprise-edition/downloads/index.htmlwin32位操作系统下载地址:http://download.oracle.com/otn/nt/oracle11g
面向对象面向过程
3213213333332132
java
面向对象:把要完成的一件事,通过对象间的协作实现。
面向过程:把要完成的一件事,通过循序依次调用各个模块实现。
我把大象装进冰箱这件事为例,用面向对象和面向过程实现,都是用java代码完成。
1、面向对象
package bigDemo.ObjectOriented;
/**
* 大象类
*
* @Description
* @author FuJian
Java Hotspot: Remove the Permanent Generation
bookjovi
HotSpot
openjdk上关于hotspot将移除永久带的描述非常详细,http://openjdk.java.net/jeps/122
JEP 122: Remove the Permanent Generation
Author Jon Masamitsu
Organization Oracle
Created 2010/8/15
Updated 2011/
正则表达式向前查找向后查找,环绕或零宽断言
dcj3sjt126com
正则表达式
向前查找和向后查找
1. 向前查找:根据要匹配的字符序列后面存在一个特定的字符序列(肯定式向前查找)或不存在一个特定的序列(否定式向前查找)来决定是否匹配。.NET将向前查找称之为零宽度向前查找断言。
对于向前查找,出现在指定项之后的字符序列不会被正则表达式引擎返回。
2. 向后查找:一个要匹配的字符序列前面有或者没有指定的
BaseDao
171815164
seda
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.SQLException;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
public class BaseDao {
public Conn
Ant标签详解--Java命令
g21121
Java命令
这一篇主要介绍与java相关标签的使用 终于开始重头戏了,Java部分是我们关注的重点也是项目中用处最多的部分。
1
[简单]代码片段_电梯数字排列
53873039oycg
代码
今天看电梯数字排列是9 18 26这样呈倒N排列的,写了个类似的打印例子,如下:
import java.util.Arrays;
public class 电梯数字排列_S3_Test {
public static void main(S
Hessian原理
云端月影
hessian原理
Hessian 原理分析
一. 远程通讯协议的基本原理
网络通信需要做的就是将流从一台计算机传输到另外一台计算机,基于传输协议和网络 IO 来实现,其中传输协议比较出名的有 http 、 tcp 、 udp 等等, http 、 tcp 、 udp 都是在基于 Socket 概念上为某类应用场景而扩展出的传输协
区分Activity的四种加载模式----以及Intent的setFlags
aijuans
android
在多Activity开发中,有可能是自己应用之间的Activity跳转,或者夹带其他应用的可复用Activity。可能会希望跳转到原来某个Activity实例,而不是产生大量重复的Activity。
这需要为Activity配置特定的加载模式,而不是使用默认的加载模式。 加载模式分类及在哪里配置
Activity有四种加载模式:
standard
singleTop
hibernate几个核心API及其查询分析
antonyup_2006
html .net Hibernate xml 配置管理
(一) org.hibernate.cfg.Configuration类
读取配置文件并创建唯一的SessionFactory对象.(一般,程序初始化hibernate时创建.)
Configuration co
PL/SQL的流程控制
百合不是茶
oracle PL/SQL编程 循环控制
PL/SQL也是一门高级语言,所以流程控制是必须要有的,oracle数据库的pl/sql比sqlserver数据库要难,很多pl/sql中有的sqlserver里面没有
流程控制;
分支语句 if 条件 then 结果 else 结果 end if ;
条件语句 case when 条件 then 结果;
循环语句 loop
强大的Mockito测试框架
bijian1013
mockito 单元测试
一.自动生成Mock类 在需要Mock的属性上标记@Mock注解,然后@RunWith中配置Mockito的TestRunner或者在setUp()方法中显示调用MockitoAnnotations.initMocks(this);生成Mock类即可。二.自动注入Mock类到被测试类 &nbs
精通Oracle10编程SQL(11)开发子程序
bijian1013
oracle 数据库 plsql
/*
*开发子程序
*/
--子程序目是指被命名的PL/SQL块,这种块可以带有参数,可以在不同应用程序中多次调用
--PL/SQL有两种类型的子程序:过程和函数
--开发过程
--建立过程:不带任何参数
CREATE OR REPLACE PROCEDURE out_time
IS
BEGIN
DBMS_OUTPUT.put_line(systimestamp);
E
【EhCache一】EhCache版Hello World
bit1129
Hello world
本篇是EhCache系列的第一篇,总体介绍使用EhCache缓存进行CRUD的API的基本使用,更细节的内容包括EhCache源代码和设计、实现原理在接下来的文章中进行介绍
环境准备
1.新建Maven项目
2.添加EhCache的Maven依赖
<dependency>
<groupId>ne
学习EJB3基础知识笔记
白糖_
bean Hibernate jboss webservice ejb
最近项目进入系统测试阶段,全赖袁大虾领导有力,保持一周零bug记录,这也让自己腾出不少时间补充知识。花了两天时间把“传智播客EJB3.0”看完了,EJB基本的知识也有些了解,在这记录下EJB的部分知识,以供自己以后复习使用。
EJB是sun的服务器端组件模型,最大的用处是部署分布式应用程序。EJB (Enterprise JavaBean)是J2EE的一部分,定义了一个用于开发基
angular.bootstrap
boyitech
AngularJS AngularJS API angular中文api
angular.bootstrap
描述:
手动初始化angular。
这个函数会自动检测创建的module有没有被加载多次,如果有则会在浏览器的控制台打出警告日志,并且不会再次加载。这样可以避免在程序运行过程中许多奇怪的问题发生。
使用方法: angular .
java-谷歌面试题-给定一个固定长度的数组,将递增整数序列写入这个数组。当写到数组尾部时,返回数组开始重新写,并覆盖先前写过的数
bylijinnan
java
public class SearchInShiftedArray {
/**
* 题目:给定一个固定长度的数组,将递增整数序列写入这个数组。当写到数组尾部时,返回数组开始重新写,并覆盖先前写过的数。
* 请在这个特殊数组中找出给定的整数。
* 解答:
* 其实就是“旋转数组”。旋转数组的最小元素见http://bylijinnan.iteye.com/bl
天使还是魔鬼?都是我们制造
ducklsl
生活 教育 情感
----------------------------剧透请原谅,有兴趣的朋友可以自己看看电影,互相讨论哦!!!
从厦门回来的动车上,无意中瞟到了书中推荐的几部关于儿童的电影。当然,这几部电影可能会另大家失望,并不是类似小鬼当家的电影,而是关于“坏小孩”的电影!
自己挑了两部先看了看,但是发现看完之后,心里久久不能平
[机器智能与生物]研究生物智能的问题
comsci
生物
我想,人的神经网络和苍蝇的神经网络,并没有本质的区别...就是大规模拓扑系统和中小规模拓扑分析的区别....
但是,如果去研究活体人类的神经网络和脑系统,可能会受到一些法律和道德方面的限制,而且研究结果也不一定可靠,那么希望从事生物神经网络研究的朋友,不如把
获取Android Device的信息
dai_lm
android
String phoneInfo = "PRODUCT: " + android.os.Build.PRODUCT;
phoneInfo += ", CPU_ABI: " + android.os.Build.CPU_ABI;
phoneInfo += ", TAGS: " + android.os.Build.TAGS;
ph
最佳字符串匹配算法(Damerau-Levenshtein距离算法)的Java实现
datamachine
java 算法 字符串匹配
原文:http://www.javacodegeeks.com/2013/11/java-implementation-of-optimal-string-alignment.html------------------------------------------------------------------------------------------------------------
小学5年级英语单词背诵第一课
dcj3sjt126com
english word
long 长的
show 给...看,出示
mouth 口,嘴
write 写
use 用,使用
take 拿,带来
hand 手
clever 聪明的
often 经常
wash 洗
slow 慢的
house 房子
water 水
clean 清洁的
supper 晚餐
out 在外
face 脸,
macvim的使用实战
dcj3sjt126com
mac vim
macvim用的是mac里面的vim, 只不过是一个GUI的APP, 相当于一个壳
1. 下载macvim
https://code.google.com/p/macvim/
2. 了解macvim
:h vim的使用帮助信息
:h macvim
java二分法查找
蕃薯耀
java二分法查找 二分法 java二分法
java二分法查找
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
蕃薯耀 2015年6月23日 11:40:03 星期二
http:/
Spring Cache注解+Memcached
hanqunfeng
spring memcached
Spring3.1 Cache注解
依赖jar包:
<!-- simple-spring-memcached -->
<dependency>
<groupId>com.google.code.simple-spring-memcached</groupId>
<artifactId>simple-s
apache commons io包快速入门
jackyrong
apache commons
原文参考
http://www.javacodegeeks.com/2014/10/apache-commons-io-tutorial.html
Apache Commons IO 包绝对是好东西,地址在http://commons.apache.org/proper/commons-io/,下面用例子分别介绍:
1) 工具类
2
如何学习编程
lampcy
java 编程 C++ c
首先,我想说一下学习思想.学编程其实跟网络游戏有着类似的效果.开始的时候,你会对那些代码,函数等产生很大的兴趣,尤其是刚接触编程的人,刚学习第一种语言的人.可是,当你一步步深入的时候,你会发现你没有了以前那种斗志.就好象你在玩韩国泡菜网游似的,玩到一定程度,每天就是练级练级,完全是一个想冲到高级别的意志力在支持着你.而学编程就更难了,学了两个月后,总是觉得你好象全都学会了,却又什么都做不了,又没有
架构师之spring-----spring3.0新特性的bean加载控制@DependsOn和@Lazy
nannan408
Spring3
1.前言。
如题。
2.描述。
@DependsOn用于强制初始化其他Bean。可以修饰Bean类或方法,使用该Annotation时可以指定一个字符串数组作为参数,每个数组元素对应于一个强制初始化的Bean。
@DependsOn({"steelAxe","abc"})
@Comp
Spring4+quartz2的配置和代码方式调度
Everyday都不同
代码 配置 spring4 quartz2.x 定时任务
前言:这些天简直被quartz虐哭。。因为quartz 2.x版本相比quartz1.x版本的API改动太多,所以,只好自己去查阅底层API……
quartz定时任务必须搞清楚几个概念:
JobDetail——处理类
Trigger——触发器,指定触发时间,必须要有JobDetail属性,即触发对象
Scheduler——调度器,组织处理类和触发器,配置方式一般只需指定触发
Hibernate入门
tntxia
Hibernate
前言
使用面向对象的语言和关系型的数据库,开发起来很繁琐,费时。由于现在流行的数据库都不面向对象。Hibernate 是一个Java的ORM(Object/Relational Mapping)解决方案。
Hibernte不仅关心把Java对象对应到数据库的表中,而且提供了请求和检索的方法。简化了手工进行JDBC操作的流程。
如
Math类
xiaoxing598
Math
一、Java中的数字(Math)类是final类,不可继承。
1、常数 PI:double圆周率 E:double自然对数
2、截取(注意方法的返回类型) double ceil(double d) 返回不小于d的最小整数 double floor(double d) 返回不大于d的整最大数 int round(float f) 返回四舍五入后的整数 long round