语义化标签:header、footer、section、nav、aside、article 增强型表单:input 的多个 type
新增表单元素:datalist、keygen、output
output:
datalist:
keygen:
新增表单属性:placehoder、min 和 max
音频视频:audio、video canvas
audio 属性
src:文件路径 autoplay:自动播放 loop:循环 controls:控制条 muted:静音 preload:预加载(当使用autoplay时,preload自动失效)
video 属性
src:文件路径 autoplay:自动播放 loop:循环 controls:控制条 muted:静音 preload:预加载(当使用autoplay时,preload自动失效) width:宽度 height:高度 poster:海报
拖拽
H5之前没有拖放API,可以使用“鼠标按下 + 鼠标移动”两个事件来模拟用户拖动事件。
H5之后专门提供了七个鼠标拖动相关事件句柄:
拖动的源对象(source)可能触发的事件:
dragstart:拖动开始
drag:拖动中
dragend:拖动结束
拖动的目标对象(target)可能触发的事件:
dragenter:拖动进入
dragover:拖动悬停
drop:松手释放
dragleave:拖动离开
注意:拖放API事件句柄中所有的事件对象都有一个dataTransfer属性(数据运输对象),用于在源对象和目标对象间传递数据。
源对象:event.dataTransfer.setData(key, value)
目标对象:var value = event.dataTransfer.getData(key)
本地存储:localStorage - 没有时间限制的数据存储;sessionStorage - 针对一个 session 的数据存储,当用户关闭浏览器窗口后,数据会被删除
(1)window.sessionStorage:类数组对象,通过key=>value对存储字符串数据——会话级存储
特点:一次性储存,数据在浏览器关闭后自动删除
添加数据:sessionStorage['key'] = 'value'
修改数据:sessionStorage['key'] = 'newValue'
删除数据:delete sessionStorage['key']
获得数据:var v = sessionStorage['key']
(2)window.localStorage:类数组对象,通过key=>value对存储字符串数据——本地/跨会话级/永久存储
长期存储数据,浏览器关闭后数据不丢失;
特点:数据永久存储,没有时间限制;大小限制5M(够用了);只存储字符串
添加数据:localStorage['key'] = 'value'
修改数据:localStorage['key'] = 'newValue'
删除数据:delete localStorage['key']
获得数据:var v =localStorage['key']
媒体查询:
响应式布局
Document
width = device-width:宽度等于当前设备的宽度
initial-scale:初始的缩放比例(默认设置为1.0)
minimum-scale:允许用户缩放到的最小比例(默认设置为1.0)
maximum-scale:允许用户缩放到的最大比例(默认设置为1.0)
user-scalable:用户是否可以手动缩放(默认设置为no,因为我们不希望用户放大缩小页面)
超小屏幕(手机,小于 768px) @media (max-width: 768px) { ... }
小屏幕(平板,大于等于 768px) @media (min-width: 768px) and (max-width: 768px) { ... }
中等屏幕(桌面显示器,大于等于 992px) @media (min-width: 992px) and (max-width: 992px) { ... }
大屏幕(大桌面显示器,大于等于 1200px)@media (max-width: 768px) {
//手机移动端分辨率
}
@media (min-width: 768px) and (max-width: 992px) {
//PAD中屏分辨率
}
CSS3选择器 :
“:first-child ”选择器表示的是选择父元素的第一个子元素的元素E。
:last-child ”选择器选择的是元素的最后一个子元素
“:nth-child(n )”选择器用来定位某个父元素的一个或多个特定的子元素。
“:nth-last-child(n) ”从某父元素的最后一个子元 素开始计算,来选择特定的元素。
“:first-of-type ”选择器类似于“:first-child”选择器,不同之处就是指定了元素的类型,其主要用来定位一个父元素下的某个类型的第一个子元素。
“:last-of-type ”选择器 他选择是父元素下的某个类型的最后一个子元素
“:nth-of-type(n) ”选择器和“:它只计算父元素中指定的某种类型的子元素。
“:nth-last-of-type(n) ”选择父元素中指定的某种子元素类型,但它的起始方向是从最后一个子元素开始
“:only-child” 选择器匹配的元素的父元素中仅有一个子元素,而且是一个唯一的子元素。
“:only-of-type ”选择器用来选择一个元素是它的父元素的唯一一个相同类型的子元素。
:checked 选择器
圆角效果 :
border-radius:10px; /* 所有角都使用半径为10px的圆角
border-radius: 5px 4px 3px 2px; /* 四个半径值分别是左上角、右上角、右下角和左下角,顺时针 */
阴影 :
box-shadow: X轴偏移量 Y轴偏移量 [阴影模糊半径] [阴影扩展半径] [阴影颜色] [投影方式];
阴影颜色:默认黑色; 投影方式:inset时为内部阴影,省略为外部阴影
为边框应用图片:
border-image:url(borderimg.png) 70 repeat
rgba颜色 :
background-color:rgba(100,120,60,0.5); 最后的0.5代码透明度
渐变色彩 :
CSS3 Gradient 分为线性渐变(linear)和径向渐变(radial)。
线性渐变:linear-gradient(to left, red, orange); to left为渐变方向从右到左;to top;to right;to bottom;to top left;to top right 颜色可多个分别为从起始到终止的色彩。
溢出省略 :
text-overflow:ellipsis; 溢出文字以省略号出现,需要下面三个属性同时使用 text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
嵌入字体 :
@font-face能够加载服务器端的字体文件,让浏览器端可以显示用户电脑里没有安装的字体。 @font-face { font-family : 字体名称; src : 字体文件在服务器上的相对或绝对路径; } 使用时:font-family:字体名称
文本阴影text-shadow :
text-shadow: X-Offset(水平偏移) Y-Offset(垂直偏移) blur(阴影的模糊程度,其值不能是负值,如果值越大,阴影越模糊,反之阴影越清晰) color; background-origin设置元素背景图片的原始起始位置:
参数分别表示从边框、或内填充,或者内容区域向外裁剪背景。no-clip表示不裁切,和参数border-box显示同样的效果。 background-size设置背景图片的大小
弹性布局 :
Flexbox 是 flexible box 的简称(注:意思是“灵活的盒子容器”),是 CSS3 引入的新的布局模式。它决定了元素如何在页面上排列,使它们能在不同的屏幕尺寸和设备下可预测地展现出来。
它之所以被称为 Flexbox ,是因为它能够扩展和收缩 flex 容器内的元素,以最大限度地填充可用空间 。与以前布局方式(如 table 布局和浮动元素内嵌块元素)相比,Flexbox 是一个更强大的方式:
动画CSS3动画
过渡、线性渐变、径向渐变动画
2D动画
3D动画
animation动画
animation动画 一:animation是一个复合属性,一共有8个参数; 一般是由@keyframes先定义动画,然后animation使用动画。
1.animation-name:动画名称,由@keyframes定义的 2.animation-duration:动画的持续时间 3.animation-timing-function:动画的过渡类型 4.animation-delay:动画的延迟时间 5.animation-iteration-count:动画的循环次数 6.animation-direction:设置动画在循环中是否反向运动 7.animation-fill-mode:设置动画时间之外的状态 8.animattion-play-state:设置动画的状态。
[图片上传失败...(image-401d11-1618139092247)]
动画运动曲线 :
animation-timing-function 属性规定动画的速度曲线。
animation-timing-function 属性可接受以下值:
ease - 指定从慢速开始,然后加快,然后缓慢结束的动画(默认)
linear - 规定从开始到结束的速度相同的动画
ease-in - 规定慢速开始的动画
ease-out - 规定慢速结束的动画
ease-in-out - 指定开始和结束较慢的动画
代码如下:
#div1 {animation-timing-function: linear;}
#div2 {animation-timing-function: ease;}
#div3 {animation-timing-function: ease-in;}
#div4 {animation-timing-function: ease-out;}
#div5 {animation-timing-function: ease-in-out;}
css2动画转换属性:
translate()
rotate()
scaleX()
scaleY()
scale()
skewX()
skewY()
skew()
matrix()
translate() 方法从其当前位置移动元素(根据为 X 轴和 Y 轴指定的参数)。
下面的例子把
元素从其当前位置向右移动 50 个像素,并向下移动 100 个像素:
代码如下:
div {
transform: translate(50px, 100px);
}
rotate () 方法根据给定的角度顺时针或逆时针旋转元素。下面的例子把
元素顺时针旋转 20 度:
div {
transform: rotate(20deg);
}
scale() 方法
scale() 方法增加或减少元素的大小(根据给定的宽度和高度参数)。
div {
transform: scale(2, 3);
}
以下例子把
元素缩减为其原始宽度的一半:
div {
transform: scaleX(0.5);
}
scaleY() 方法
scaleY() 方法增加或减少元素的高度。
下面的例子把
元素增大到其原始高度的三倍:
div {
transform: scaleY(3);
}
下面的例子把
元素缩减为其原始高度的一半:
div {
transform: scaleY(0.5);
}
skewX() 方法
skewX() 方法使元素沿 X 轴倾斜给定角度。
下例把
元素沿X轴倾斜 20 度:
div {
transform: skewX(20deg);
}
skewY() 方法
skewY() 方法使元素沿 Y 轴倾斜给定角度。
下例把
元素沿 Y 轴倾斜 20 度:
div {
transform: skewY(20deg);
}
skew() 方法
skew() 方法使元素沿 X 和 Y 轴倾斜给定角度。
下面的例子使
元素沿 X 轴倾斜 20 度,同时沿 Y 轴倾斜 10 度:
div {
transform: skew(20deg, 10deg);
}
如果未指定第二个参数,则值为零。因此,下例使
元素沿 X 轴倾斜 20 度:
div {
transform: skew(20deg);
}
拖放是一种常见的特性,即捉取对象以后拖到另一个位置。 在html5中,拖放是标准的一部分,任何元素都能够拖放。
true是可以拖拽flase是不可以拖拽
当元素拖动时,我们可以检查其拖动的数据。
拖放是一种常见的特性,即捉取对象以后拖到另一个位置。
在html5中,拖放是标准的一部分,任何元素都能够拖放。
true是可以拖拽flase是不可以拖拽
当元素拖动时,我们可以检查其拖动的数据。
你可能感兴趣的:(H5C3新增特性)
babel 埋点插件
小猫儿
工具 环境配置等 javascript 开发语言 ecmascript
我们通常对babel的理解就是它可以帮助我们去处理兼容性,也就是有些JavaScript的新特性,可能我们想去使用,但对于某些浏览器来说还并未支持,此时我们就可以通过babel将我们的代码降级处理为浏览器兼容的执行版本,以便能够运行在当前和旧版本的浏览器或其他环境中。Babel插件就是作用于抽象语法树。Babel三个主要的处理步骤就是解析(parse),转换(transform),生成(gener
Java 24 正式发布:AI 开发与后量子安全引领企业级编程革命
程序猿小白菜
后端java生态圈 java 人工智能 安全
摘要2025年3月18日,Oracle正式发布Java24(OracleJDK24),这是Java诞生30周年之际的重要版本更新。新版本聚焦AI开发支持、后量子安全加密、性能优化和开发效率提升,提供20余项新特性及数千项改进,为企业级应用开发注入全新动力。一、语言特性:代码简洁性与模式匹配增强Java24在语法层面进一步简化代码逻辑,提升开发效率:JEP488:原始类型模式匹配(第二次预览)支持在
基于 C++ 类的程序设计模式与应用研究
饼干帅成渣
c++ 开发语言
摘要C++语言凭借其强大的功能在软件开发领域占据重要地位,类作为C++面向对象编程的核心,承载着数据封装、代码复用等关键使命。本文深入剖析C++类的基础概念、核心特性及其在实际编程中的应用。通过详细阐述类的定义、成员构成、访问控制以及封装、继承、多态等特性,结合具体代码示例展示其在构建软件架构中的作用。同时,探讨C++类在应用中面临的常见问题及解决方案,为开发者高效运用C++类进行程序设计提供有力
蓝桥杯web备赛----html篇
菥菥爱嘻嘻
蓝桥杯备赛 前端 蓝桥杯 html
1、html写在前面,html相对简单,主要会考基础标签、html5新特性、html5本地存储、但是目前我还没有做到本地存储的题目1.1基础标签(1)、链接标签a:访问Examplehref:链接target:定义链接的打开方式。_blank:在新窗口或新标签页中打开链接。_self:在当前窗口或标签页中打开链接(默认)。_parent:在父框架中打开链接。_top:在整个窗口中打开链接,取消任何
Tiny RDM:为什么说程序员都需要他,这款开源项目,太好用,轻量化的跨平台Redis桌面客户端,谁用谁知道!!
小华同学ai
开源 redis 数据库
嗨,大家好,我是小华同学,关注我们获得“最新、最全、最优质”开源项目和高效工作学习方法TinyRDM是一款现代化、轻量级的跨平台Redis桌面客户端。它支持Mac、Windows和Linux系统,提供了丰富的功能特性,旨在为开发者提供便捷、高效的Redis操作体验。功能特性极度轻量TinyRDM基于Webview2构建,不内嵌浏览器,这使得它在保持轻量级的同时,也拥有出色的性能。感谢Wails框架
HTML5!进击2025web蓝桥杯复习之路
Deepsleep.
html5 前端 html
#HTML5全面解析##目录1.[HTML5简介](#1-html5-简介)2.[基本标签](#2-基本标签)3.[新特性](#3-新特性)4.[本地存储](#4-本地存储)5.[总结](#5-总结)---##1.HTML5简介HTML5是HTML的第五个主要版本,2014年由W3C正式发布。主要特性包括:-语义化标签-多媒体支持-图形绘制(Canvas/SVG)-本地存储能力-WebWorker
通信之OTDR
玖Yee
信息与通信
OTDR,即光时域反射仪,是光纤测量中最主要的仪器,被广泛应用于光纤光缆工程的测量、施工、维护及验收工作中,形象地被称为光通信中的“万用表”。工作原理OTDR利用光纤传输通道存在的瑞利散射和菲涅尔反射特性,通过监测瑞利散射的反向散射光的轨迹制成。它向被测光纤发送一光脉冲,光脉冲在光纤本身及各特征点上会有光信号反射回OTDR,反射回的光信号又通过定向耦合到OTDR的接收器,并在这里转换成电信号,最终
What's new in dubbo-go v3.3.0
我们dubbogo社区很高兴地宣布发布最新版本v3.3.0!这一版本带来了多个Bug修复、新特性以及代码优化,显著提升了dubbogo的稳定性与功能性。版本亮点在本次更新中,我们对多个核心组件进行了改进,以解决服务发现、注册中心相关的问题,并优化内存管理,减少内存泄漏。此外,我们增强了底层通信库的错误处理能力,并提升了系统的整体稳定性,为Go开发者提供更强大、更可靠的微服务开发体验。本次更新的主要
亿级流量架构网关设计思路,常用网关对比,写得太好了。。
wadfdhsajd
java 后端 框架 大数据
什么是网关网关,很多地方将网关比如成门,没什么问题,但是需要区分网关与网桥的区别,网桥工作在数据链路层,在不同或相同类型的LAN之间存储并转发数据帧,必要时进行链路层上的协议转换。可连接两个或多个网络,在其中传送信息包。网关是一个大概念,不具体特指一类产品,只要连接两个不同的网络都可以叫网关,网桥一般只转发信息,而网关可能进行包装。网关通俗理解根据网关的特性,举个例子:假如你要去找集团老板(这儿只
squirrel语言全面介绍
C++ 老炮儿的技术栈
开发语言 c++ 笔记 学习
Squirrel是一种较新的程序设计语言,由意大利人AlbertoDemichelis开发,其设计目标是成为一个强大的脚本工具,适用于游戏等对大小、内存带宽和实时性有要求的应用程序。以下是对Squirrel语言的全面介绍:语言特性动态类型:变量的数据类型在运行时确定,无需显式声明,这使得编程更加灵活。面向对象:支持类和继承,允许定义类、创建类的实例,能自动执行构造函数,比Lua更好地支持面向对象编
利用ffmpeg库实现音频AAC编解码
byxdaz
音视频 ffmpeg 音视频 aac
AAC(AdvancedAudioCoding)是一种音频编码技术,出现于1997年,基于MPEG-2的音频编码技术。AAC具有高效的数据压缩能力和较高的音质,适用于各种音频应用场景。例如,在智能设备中,AAC技术被广泛应用于提升用户体验,提供高质量的音频体验。一、FFmpeg支持的AAC编码器对比编码器特性适用场景aacFFmpeg原生实现,2015年后稳定支持,支持LC-AAC规格,兼
SpringbootActuator未授权访问漏洞
web_15534274656
面试 学习路线 阿里巴巴 java
漏洞介绍Actuator是SpringBoot提供的用来对应用系统进行自省和监控的功能模块,借助于Actuator开发者可以很方便地对应用系统某些监控指标进行查看、统计等。然而,其默认配置会出现接口未授权访问,导致部分接口会泄露网站数据库连接信息等配置信息,使用Jolokia库特性甚至可以远程执行任意代码,获取服务器权限。1、漏洞危害1、信息泄露:未授权的访问者可以通过Actuator端点获取敏感
k8s运维 设置Pod实现JVM内存根据容器内存动态调整
风行無痕
K8S kubernetes jvm 容器
一、实现方式推荐方案:利用JVM容器感知特性,按比例动态分配。适用场景:动态根据Pod内存限制自动分配堆内存,无需硬编码参数Java要求:Java8u191+或Java11+Java8u191+或Java11+支持通过-XX:InitialRAMPercentage替代-Xms,根据容器内存限制自动计算堆内存。在容器环境变量中配置-XX:MaxRAMPercentage=75.0,使JVM根据容
Java进阶——数组超详细整理
1加1等于
Java java 数据结构
数组是一种基础且重要的数据结构,广泛应用于各种场景,本文将深入探讨Java数组的相关知识点,并结合实际场景展示其应用。本文目录一、数组声明与初始化1.声明方式2.初始化方法3.长度特性二、内存管理三、数组遍历与操作1.遍历方式2.数组填充四、多维数组五、数组工具类Arrays六、数组与集合的转换1.数组转集合2.集合转数组总结一、数组声明与初始化1.声明方式数组的声明有两种方式:int[]prod
AsyncHttpClient使用说明书
有梦想的攻城狮
netty学习专栏 Java asynchttpclient 异步处理 netty
[[toc]]AsyncHttpClient(AHC)是一个高性能、异步的HTTP客户端库,广泛用于Java和Scala应用中,特别适合处理高并发、非阻塞的HTTP请求。它基于Netty或Java原生的异步HTTP客户端实现,支持HTTP/1.1和HTTP/2协议,适用于微服务、API调用、爬虫等场景。1.核心特性特性说明异步非阻塞基于事件驱动模型,避免线程阻塞,支持高并发(如每秒数千请求)。HT
Angular中`trackBy`函数的独特性与性能优化
t0_54program
编程问题解决手册 angular.js 前端 javascript 个人开发
在Angular项目中,优化性能是每一个开发者都需要考虑的问题。特别是在处理大数据量或动态变化的列表时,Angular的trackBy函数成为了我们手中的利器。然而,当我们面对多个列表使用相同trackBy函数时,可能会产生一些疑问:如果这些列表中的项有相同的ID,是否会影响Angular的变更检测?本文将详细探讨trackBy函数在这种情境下的表现及其带来的性能优化。trackBy函数简介tra
数据结构-----队列
磨十三
数据结构 算法 linux
顺序队列(Queue)一、队列核心概念1.基本特性先进先出(FIFO):最早入队的元素最先出队操作限制:队尾(Rear):唯一允许插入的位置队头(Front):唯一允许删除的位置2.顺序队列结构typedefintDATATYPE;typedefstructqueue{DATATYPE*ptr;//存储空间基地址inttlen;//队列总容量inthead;//队头索引inttail;//队尾索引
Android 使用设计模式:装饰者设计模式,对功能进行封装升级,学会可以让我们的代码更加的简洁。
前期后期
设计模式 android 设计模式
一、前言我遇到什么问题要使用装饰者设计模式?看源码的时候:我们发现明明ui有一个功能,但是在这个ui类找不到,后来发现,这个ui被当做一个参数传递到了一个类里面,后来才在这个类里找到了这个功能。突然醍醐灌顶,这不就是装饰者设计模式吗?写代码的时候:如果我们想给一个功能增加新的东西,可以借助装饰者设计模式来装饰,如果不需要则可以把这个方法去掉,非常的简洁和优雅,并且新增的功能放到了另外一个类里面,也
利用Docugami将商业文档转化为XML知识图谱
bBADAS
xml 知识图谱 人工智能 python
在当今的数字化时代,处理和理解商业文档的结构及其内容是企业信息化管理的关键任务。Docugami作为一种创新的技术工具,能够将复杂的商业文档转换为文档XML知识图谱。这种知识图谱由完整文档的XML语义树组成,能够精准地表示文档的语义和结构特性,为文档自动化处理提供了基础。技术背景介绍Docugami通过将文档转化为结构化的XML语义树,使得原本无序的文本变得有序和可操作。这种转化不仅仅是格式的改变
Java高频面试之集合-02
牛马baby
java 面试 开发语言
hello啊,各位观众姥爷们!!!本baby今天来报道了!哈哈哈哈哈嗝面试官:说说队列queueJava队列(Queue)详解队列(Queue)是Java集合框架中一种先进先出(FIFO)的线性数据结构,广泛应用于生产者-消费者模型、任务调度、线程池等场景。Java提供了丰富的队列实现,涵盖线程安全、阻塞、优先级等特性。一、队列的核心接口与操作Java队列的顶层接口是java.util.Queue
Java高频面试之集合-07
牛马baby
java 面试 开发语言
hello啊,各位观众姥爷们!!!本baby今天来报道了!哈哈哈哈哈嗝面试官:ArrayList和Vector的区别是什么?ArrayList与Vector的区别详解ArrayList和Vector都是Java中基于动态数组实现的List接口的实现类,但它们在设计、性能和线程安全性上有显著差异。以下是两者的核心区别:1.线程安全性特性ArrayListVector线程安全非线程安全(方法未同步)线
雷军从 6 楼扔涂有防弹涂层西瓜,西瓜完好无损,这种防弹涂层是什么材质?用在车上效果怎么样?
日记成书
热门实事 材质 网络 运维
雷军展示的“防弹涂层”是一种基于第四代高分子材料聚脲(Polyurea)的升级技术,其核心特性是通过纳米级交联结构形成弹性防护层,兼具柔韧性与刚性,能够有效吸收冲击能量并抵御尖锐物体的穿刺。以下是关于该涂层材质及在车用场景中的详细分析:一、防弹涂层的材质与技术特性材料本质该涂层属于聚脲材料的升级版本,由异氰酸酯与氨基化合物反应生成。其分子链结构密集交错,形成类似“钢筋网”的防护层,可瞬间形变吸收冲
C# 语法糖:深度解析与代码实例演示
墨瑾轩
一起学学C#【一】 c#
C#作为一种现代、面向对象的编程语言,内置了许多语法糖(SyntacticSugar)特性,旨在简化代码书写、提升代码可读性与编写效率,而不会牺牲程序的语义或性能。语法糖并非语言的新功能,而是对已有功能的封装或简化表示,编译器在编译阶段会将其转换为等效的基础语法。以下是一些C#中常见的语法糖特性,结合详细描述、代码示例和注释进行展示。1.属性(Auto-ImplementedProperties)
ArrayList 和 LinkedList区别
重生之我在成电转码
java 多线程 系统
一、底层实现特性ArrayListLinkedList数据结构动态数组(Object[]数组)双向链表(每个节点有前驱和后继)内存布局连续内存,空间利用率高非连续内存,空间占用大元素访问方式下标随机访问(基于索引)只能顺序遍历,找元素慢⏱二、时间复杂度对比(核心!)操作ArrayListLinkedList随机访问O(1)O(n)头部插入O(n)(全体后移)O(1)中间插入O(n)O(n)尾部插入
JDK8新特性
陈天在睡觉
知识点总结 JavaSE java JDK8 javase 八股文 后端
JDK8是官方发布的一个大版本,提供了很多新特性功能给开发者使用,包含语言、编译器、库、工具和JVM等方面的十多个新特性。本文将介绍编码过程中常用的一些新特性。一、Lambda表达式1.优点简化匿名内部类的写法,允许你以简洁的方式表示可传递给方法或存储在变量中的代码块,用更加简洁和表达性的语法来编写匿名函数,从而简化了对函数式接口的实现,使代码更加简洁紧凑。提高了代码的可读性和可维护性,尤其是在处
C#基础学习(二)C#数组生存手册:从入门到“血压拉满“的奇妙旅程
FAREWELL00075
c# 学习 开发语言 数组 Array
作为一只C#萌新,当你试图用数组装下整个世界时,系统可能会温柔地弹出一句**"Indexwasoutsidetheboundsofthearray."**。别慌!这份求生指南将用段子教你玩转数组一、数组是什么数组简单来说就是由相同元素组成的一个集合,数组里面不一定是数,还可能是bool,string等类型组成的集合。那么他有些什么特点呢:本质:装着相同类型元素的集装箱(比如一箱肥宅快乐水)特性:长
Android Jetpack 应用架构指南
小李子学编程
Android 开发文档指南 android android jetpack 学习
AndroidJetpack应用架构指南本指南涵盖Android应用开发的最佳实践和推荐架构,助力开发者构建健壮高效的应用程序。。前置要求本文假设您已具备Android框架基础知识。若需系统学习Android开发,建议先完成《Android基础知识》目录新架构设计背景移动应用交互特性核心架构原则分离关注点数据模型驱动界面单一数据源单向数据流分层架构设计界面层数据层领域层依赖管理方案工程实践指南参考
【自建分布式数据库详细指南】(五)使用:常见API及使用问题
大板牙花生
分布式
延续前几篇文章,下面着重从一些基本的API讲讲从入门到习惯的常用方法,后续更新。USAGE1节点管理设置主节点,又成为协调节点SELECTcitus_set_coordinator_host('coord.example.com',5432);step1.创建节点select*frommaster_add_node('new-node',12345);step2.删除节点step3.新增节点后重新
Spring Bean 的生命周期:从创建到销毁的完整解析
一点多余.
java 开发语言
引言:为什么需要了解SpringBean的生命周期?在Spring框架中,Bean是应用程序的核心构建块,理解其生命周期对于开发高效、稳定的应用至关重要。根据2023年JetBrains开发者调查报告,超过75%的Java开发者使用Spring框架,而Bean的生命周期管理是Spring的核心特性之一。以下数据展示了Bean生命周期的重要性:90%的Spring性能问题与Bean的初始化或销毁不当
【指标对比】SMA 和 EMA区别
T-I-M
时间序列
在描述时间序列趋势(如股票价格)时,简单移动平均(SMA)和指数移动平均(EMA)各有特点。以下是详细分析:一、核心对比指标SMAEMA权重分配等权重指数衰减权重滞后性较高较低噪声敏感性较不敏感更敏感计算复杂度简单需要递归计算参数敏感性对窗口大小敏感对衰减因子敏感二、特性分析1.SMA(简单移动平均)公式:SMAt=1n∑i=0n−1Pt−iSMA_t=\frac{1}{n}\sum_{i=0}^
linux系统服务器下jsp传参数乱码
3213213333332132
java jsp linux windows xml
在一次解决乱码问题中, 发现jsp在windows下用js原生的方法进行编码没有问题,但是到了linux下就有问题, escape,encodeURI,encodeURIComponent等都解决不了问题
但是我想了下既然原生的方法不行,我用el标签的方式对中文参数进行加密解密总该可以吧。于是用了java的java.net.URLDecoder,结果还是乱码,最后在绝望之际,用了下面的方法解决了
Spring 注解区别以及应用
BlueSkator
spring
1. @Autowired
@Autowired是根据类型进行自动装配的。如果当Spring上下文中存在不止一个UserDao类型的bean,或者不存在UserDao类型的bean,会抛出 BeanCreationException异常,这时可以通过在该属性上再加一个@Qualifier注解来声明唯一的id解决问题。
2. @Qualifier
当spring中存在至少一个匹
printf和sprintf的应用
dcj3sjt126com
PHP sprintf printf
<?php
printf('b: %b <br>c: %c <br>d: %d <bf>f: %f', 80,80, 80, 80);
echo '<br />';
printf('%0.2f <br>%+d <br>%0.2f <br>', 8, 8, 1235.456);
printf('th
config.getInitParameter
171815164
parameter
web.xml
<servlet>
<servlet-name>servlet1</servlet-name>
<jsp-file>/index.jsp</jsp-file>
<init-param>
<param-name>str</param-name>
Ant标签详解--基础操作
g21121
ant
Ant的一些核心概念:
build.xml:构建文件是以XML 文件来描述的,默认构建文件名为build.xml。 project:每个构建文
[简单]代码片段_数据合并
53873039oycg
代码
合并规则:删除家长phone为空的记录,若一个家长对应多个孩子,保留一条家长记录,家长id修改为phone,对应关系也要修改。
代码如下:
java 通信技术
云端月影
Java 远程通信技术
在分布式服务框架中,一个最基础的问题就是远程服务是怎么通讯的,在Java领域中有很多可实现远程通讯的技术,例如:RMI、MINA、ESB、Burlap、Hessian、SOAP、EJB和JMS等,这些名词之间到底是些什么关系呢,它们背后到底是基于什么原理实现的呢,了解这些是实现分布式服务框架的基础知识,而如果在性能上有高的要求的话,那深入了解这些技术背后的机制就是必须的了,在这篇blog中我们将来
string与StringBuilder 性能差距到底有多大
aijuans
之前也看过一些对string与StringBuilder的性能分析,总感觉这个应该对整体性能不会产生多大的影响,所以就一直没有关注这块!
由于学程序初期最先接触的string拼接,所以就一直没改变过自己的习惯!
今天碰到 java.util.ConcurrentModificationException 异常
antonyup_2006
java 多线程 工作 IBM
今天改bug,其中有个实现是要对map进行循环,然后有删除操作,代码如下:
Iterator<ListItem> iter = ItemMap.keySet.iterator();
while(iter.hasNext()){
ListItem it = iter.next();
//...一些逻辑操作
ItemMap.remove(it);
}
结果运行报Con
PL/SQL的类型和JDBC操作数据库
百合不是茶
PL/SQL表 标量类型 游标 PL/SQL记录
PL/SQL的标量类型:
字符,数字,时间,布尔,%type五中类型的
--标量:数据库中预定义类型的变量
--定义一个变长字符串
v_ename varchar2(10);
--定义一个小数,范围 -9999.99~9999.99
v_sal number(6,2);
--定义一个小数并给一个初始值为5.4 :=是pl/sql的赋值号
Mockito:一个强大的用于 Java 开发的模拟测试框架实例
bijian1013
mockito 单元测试
Mockito框架:
Mockito是一个基于MIT协议的开源java测试框架。 Mockito区别于其他模拟框架的地方主要是允许开发者在没有建立“预期”时验证被测系统的行为。对于mock对象的一个评价是测试系统的测
精通Oracle10编程SQL(10)处理例外
bijian1013
oracle 数据库 plsql
/*
*处理例外
*/
--例外简介
--处理例外-传递例外
declare
v_ename emp.ename%TYPE;
begin
SELECT ename INTO v_ename FROM emp
where empno=&no;
dbms_output.put_line('雇员名:'||v_ename);
exceptio
【Java】Java执行远程机器上Linux命令
bit1129
linux命令
Java使用ethz通过ssh2执行远程机器Linux上命令,
封装定义Linux机器的环境信息
package com.tom;
import java.io.File;
public class Env {
private String hostaddr; //Linux机器的IP地址
private Integer po
java通信之Socket通信基础
白糖_
java socket 网络协议
正处于网络环境下的两个程序,它们之间通过一个交互的连接来实现数据通信。每一个连接的通信端叫做一个Socket。一个完整的Socket通信程序应该包含以下几个步骤:
①创建Socket;
②打开连接到Socket的输入输出流;
④按照一定的协议对Socket进行读写操作;
④关闭Socket。
Socket通信分两部分:服务器端和客户端。服务器端必须优先启动,然后等待soc
angular.bind
boyitech
AngularJS angular.bind AngularJS API bind
angular.bind 描述: 上下文,函数以及参数动态绑定,返回值为绑定之后的函数. 其中args是可选的动态参数,self在fn中使用this调用。 使用方法: angular.bind(se
java-13个坏人和13个好人站成一圈,数到7就从圈里面踢出一个来,要求把所有坏人都给踢出来,所有好人都留在圈里。请找出初始时坏人站的位置。
bylijinnan
java
import java.util.ArrayList;
import java.util.List;
public class KickOutBadGuys {
/**
* 题目:13个坏人和13个好人站成一圈,数到7就从圈里面踢出一个来,要求把所有坏人都给踢出来,所有好人都留在圈里。请找出初始时坏人站的位置。
* Maybe you can find out
Redis.conf配置文件及相关项说明(自查备用)
Kai_Ge
redis
Redis.conf配置文件及相关项说明
# Redis configuration file example
# Note on units: when memory size is needed, it is possible to specifiy
# it in the usual form of 1k 5GB 4M and so forth:
#
[强人工智能]实现大规模拓扑分析是实现强人工智能的前奏
comsci
人工智能
真不好意思,各位朋友...博客再次更新...
节点数量太少,网络的分析和处理能力肯定不足,在面对机器人控制的需求方面,显得力不从心....
但是,节点数太多,对拓扑数据处理的要求又很高,设计目标也很高,实现起来难度颇大...
记录一些常用的函数
dai_lm
java
public static String convertInputStreamToString(InputStream is) {
StringBuilder result = new StringBuilder();
if (is != null)
try {
InputStreamReader inputReader = new InputStreamRead
Hadoop中小规模集群的并行计算缺陷
datamachine
mapreduce hadoop 并行计算
注:写这篇文章的初衷是因为Hadoop炒得有点太热,很多用户现有数据规模并不适用于Hadoop,但迫于扩容压力和去IOE(Hadoop的廉价扩展的确非常有吸引力)而尝试。尝试永远是件正确的事儿,但有时候不用太突进,可以调优或调需求,发挥现有系统的最大效用为上策。
-----------------------------------------------------------------
小学4年级英语单词背诵第二课
dcj3sjt126com
english word
egg 蛋
twenty 二十
any 任何
well 健康的,好
twelve 十二
farm 农场
every 每一个
back 向后,回
fast 快速的
whose 谁的
much 许多
flower 花
watch 手表
very 非常,很
sport 运动
Chinese 中国的
自己实践了github的webhooks, linux上面的权限需要注意
dcj3sjt126com
github webhook
环境, 阿里云服务器
1. 本地创建项目, push到github服务器上面
2. 生成www用户的密钥
sudo -u www ssh-keygen -t rsa -C "
[email protected] "
3. 将密钥添加到github帐号的SSH_KEYS里面
3. 用www用户执行克隆, 源使
Java冒泡排序
蕃薯耀
冒泡排序 Java冒泡排序 Java排序
冒泡排序
>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
蕃薯耀 2015年6月23日 10:40:14 星期二
http://fanshuyao.iteye.com/
Excle读取数据转换为实体List【基于apache-poi】
hanqunfeng
apache
1.依赖apache-poi
2.支持xls和xlsx
3.支持按属性名称绑定数据值
4.支持从指定行、列开始读取
5.支持同时读取多个sheet
6.具体使用方式参见org.cpframework.utils.excelreader.CP_ExcelReaderUtilTest.java
比如:
Str
3个处于草稿阶段的Javascript API介绍
jackyrong
JavaScript
原文:
http://www.sitepoint.com/3-new-javascript-apis-may-want-follow/?utm_source=html5weekly&utm_medium=email
本文中,介绍3个仍然处于草稿阶段,但应该值得关注的Javascript API.
1) Web Alarm API
&
6个创建Web应用程序的高效PHP框架
lampcy
Web 框架 PHP
以下是创建Web应用程序的PHP框架,有coder bay网站整理推荐:
1. CakePHP
CakePHP是一个PHP快速开发框架,它提供了一个用于开发、维护和部署应用程序的可扩展体系。CakePHP使用了众所周知的设计模式,如MVC和ORM,降低了开发成本,并减少了开发人员写代码的工作量。
2. CodeIgniter
CodeIgniter是一个非常小且功能强大的PHP框架,适合需
评"救市后中国股市新乱象泛起"谣言
nannan408
首先来看百度百家一位易姓作者的新闻:
三个多星期来股市持续暴跌,跌得投资者及上市公司都处于极度的恐慌和焦虑中,都要寻找自保及规避风险的方式。面对股市之危机,政府突然进入市场救市,希望以此来重建市场信心,以此来扭转股市持续暴跌的预期。而政府进入市场后,由于市场运作方式发生了巨大变化,投资者及上市公司为了自保及为了应对这种变化,中国股市新的乱象也自然产生。
首先,中国股市这两天
页面全屏遮罩的实现 方式
Rainbow702
html css 遮罩 mask
之前做了一个页面,在点击了某个按钮之后,要求页面出现一个全屏遮罩,一开始使用了position:absolute来实现的。当时因为画面大小是固定的,不可以resize的,所以,没有发现问题。
最近用了同样的做法做了一个遮罩,但是画面是可以进行resize的,所以就发现了一个问题,当画面被reisze到浏览器出现了滚动条的时候,就发现,用absolute 的做法是有问题的。后来改成fixed定位就
关于angularjs的点滴
tntxia
AngularJS
angular是一个新兴的JS框架,和以往的框架不同的事,Angularjs更注重于js的建模,管理,同时也提供大量的组件帮助用户组建商业化程序,是一种值得研究的JS框架。
Angularjs使我们可以使用MVC的模式来写JS。Angularjs现在由谷歌来维护。
这里我们来简单的探讨一下它的应用。
首先使用Angularjs我
Nutz--->>反复新建ioc容器的后果
xiaoxiao1992428
DAO mvc IOC nutz
问题:
public class DaoZ {
public static Dao dao() { // 每当需要使用dao的时候就取一次
Ioc ioc = new NutIoc(new JsonLoader("dao.js"));
return ioc.get(