HTML5与CSS3的 新增特性
语义化标签：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)目标对象：varvalue=event.dataTransfer.getData(key)
本地存储：localStorage - 没有时间限制的数据存储；sessionStorage - 针对一个 session 的数据存储，当用户关闭浏览器窗口后，数据会被删除
(1)window.sessionStorage：类数组对象，通过key=>value对存储字符串数据——会话级存储 特点：一次性储存，数据在浏览器关闭后自动删除 添加数据：sessionStorage['key']='value'修改数据：sessionStorage['key']='newValue'删除数据：delete sessionStorage['key']获得数据：varv=sessionStorage['key'](2)window.localStorage：类数组对象，通过key=>value对存储字符串数据——本地/跨会话级/永久存储 长期存储数据，浏览器关闭后数据不丢失;特点:数据永久存储，没有时间限制；大小限制5M(够用了)；只存储字符串 添加数据：localStorage['key']='value'修改数据：localStorage['key']='newValue'删除数据：delete localStorage['key']获得数据：varv=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 是一个更强大的方式：
在不同方向排列元素
重新排列元素的显示顺序
更改元素的对齐方式
动态地将元素装入容器
display: flex; flex-direction: row; /*弹性盒方向：主轴方向X轴 */ flex-direction: column; /* 弹性盒方向：主轴Y轴方向 */ flex-direction: row-reverse; /* 弹性盒方向：主轴方向X轴 倒叙 */ flex-direction: column-reverse; /* 弹性盒方向：主轴Y轴方向 倒叙*/ flex-wrap: nowrap; /* 弹性盒换行：不换行 默认的 */ flex-wrap: wrap; /* 弹性盒换行：换行 */ //设置主轴方向子元素排列顺序 justify-content: flex-start; /* 从左到右排列 默认的 */ justify-content: flex-end; /* 从尾部开始排列 不影响子元素排列顺序 */ justify-content: center; /* 从主轴居中对齐 */ justify-content: space-around; /* 平分主轴剩余空间 */ justify-content: space-between; /* 两边对齐，中间评分剩余空间 */ justify-content: space-evenly; /* 间距相同 */
动画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是不可以拖拽
当元素拖动时，我们可以检查其拖动的数据。
function drag(event) {
console.log(event);
}
drag(event)
拖放是一种常见的特性，即捉取对象以后拖到另一个位置。
在html5中，拖放是标准的一部分，任何元素都能够拖放。
true是可以拖拽flase是不可以拖拽
当元素拖动时，我们可以检查其拖动的数据。
function drag(event) {
console.log(event);
}
drag(event)
你可能感兴趣的:(HTML5与CSS3的 新增特性)
Python连接StarRocks全流程实践: SQL文件调用与Pandas混合优化
ToreanonyTang
python sql pandas 数据库 开发语言
文章目录一环境准备与连接方法1.安装核心依赖库2.连接字符串配置3.多模式连接验证二SQL文件调用与动态执行1.外部SQL文件结构设计2.Python动态加载执行三Pandas混合使用技巧1.查询结果直接转DataFrame2.批量数据写入优化四深度性能优化策略1.StarRocks服务端优化2.Python客户端优化3.混合计算策略五完整业务场景示例1:用户转化漏斗业务场景实现代码公用表表达式(
【Pandas】pandas Series plot.bar
liuweidong0802
Pandas Series pandas 信息可视化
Pandas2.2SeriesPlotting方法描述Series.plot([kind,ax,figsize,…])用于绘制Series对象的数据可视化图表Series.plot.area([x,y,stacked])用于绘制堆叠面积图（StackedAreaPlot）Series.plot.bar([x,y])用于绘制垂直条形图（VerticalBarPlot）pandas.Series.pl
GPU计算的历史与CUDA编程入门
己见明
GPU计算 CUDA C 数据并行性 CUDA程序结构 向量加法内核
GPU计算的历史与CUDA编程入门背景简介GPU计算的历史可以追溯到早期的并行计算研究，如今已发展成为计算机科学中的一个重要分支。本文将探讨GPU计算的发展史，重点分析《ComputerGraphics:PrinciplesandPractice》等关键文献，以及CUDAC编程模型的引入及其对现代软件开发的影响。历史回顾回顾历史，GPU计算的发展始于1986年Hillis与Steele在《Comm
稳定运行的以Microsoft Azure Cosmos DB数据库为数据源和目标的ETL性能变差时提高性能方法和步骤
weixin_30777913
microsoft azure 数据仓库 etl 性能优化
在以MicrosoftAzureCosmosDB数据库为数据源和目标的ETL(提取、转换、加载)过程中，性能变差时，可能有多种原因。提高以MicrosoftAzureCosmosDB为数据源和目标的ETL性能，通常涉及数据库配置、查询优化、并发执行、数据传输优化和使用CosmosDB特性等多个方面。通过以下方法和步骤，可以显著改善ETL性能：增加RU设置、优化分区策略；优化查询、使用批量操作；提高
DJANGO 中间件的白名单配置
换个网名有点难
django python
在处理白名单内的多个Apps的URL链接时，可以采用以下几种方法来简化白名单的配置：1.使用reverse动态获取URL如果你在urls.py中为每个App的URL定义了名称（name参数），可以使用reverse函数动态获取这些URL，而不是硬编码路径。这样可以避免手动维护大量的路径字符串。Python复制fromdjango.urlsimportreverseclassLoginRequire
Systemd 是 Linux 系统的 核心服务管理工具，负责管理系统的启动、服务生命周期和资源分配
潇锐killer
linux 运维 服务器
Systemd是Linux系统的核心服务管理工具，负责管理系统的启动、服务生命周期和资源分配。它替代了传统的SysVinit系统，提供更高效、统一的服务管理方式。以下是它的核心作用：一、核心功能功能作用说明服务生命周期管理启动、停止、重启服务（如Nginx/MySQL）依赖关系管理自动处理服务之间的依赖关系（例如：先启动数据库再启动Web服务）开机自启管理通过enable/
MySQL Connector / Python
weixin_30369087
MySQLConnector/Python允许Python程序使用符合Python数据库API规范v2.0（PEP249）的API访问MySQL数据库。MySQLConnector/Python包括对以下内容的支持：几乎所有MySQLServer提供的功能都包括MySQLServer版本5.7。Connector/Python8.0也支持XDevAPI。有关使用XDevAPI的MySQLConne
机器学习中的贝叶斯网络：如何构建高效的风险预测模型
AI天才研究院
DeepSeek R1 & 大数据AI人工智能大模型 自然语言处理 人工智能 语言模型 编程实践 开发语言 架构设计
作者：禅与计算机程序设计艺术文章目录机器学习中的贝叶斯网络：如何构建高效的风险预测模型1.背景介绍2.基本概念术语说明2.1马尔科夫随机场（MarkovRandomField）2.2条件随机场（ConditionalRandomField，CRF）2.3变量elimination算法2.4贝叶斯网络3.核心算法原理和具体操作步骤以及数学公式讲解3.1原理介绍1.贝叶斯网络基础2.贝叶斯网络构建风险
入门 Canvas：Web 绘图的强大工具
Hopebearer_
前端 es6 javascript canva可画
文章目录入门Canvas：Web绘图的强大工具一、Canvas简介二、Canvas的基本用法（一）绘制基本图形（二）绘制文本三、Canvas的应用场景（一）数据可视化（二）游戏开发（三）图像编辑四、Canvas的动画效果五、Canvas的优势与局限性（一）优势（二）局限性六、总结入门Canvas：Web绘图的强大工具在Web开发的广阔天地中，为了满足用户对丰富、交互性强的体验的不断追求，前端技术持
【机会约束、鲁棒优化】机会约束和鲁棒优化研究优化【ccDCOPF】研究（Matlab代码实现）
科研_G.E.M.
matlab 概率论 开发语言
个人主页欢迎来到本博客❤️❤️博主优势：博客内容尽量做到思维缜密，逻辑清晰，为了方便读者。⛳️座右铭：行百里者，半于九十。本文目录如下：目录1概述机会约束、鲁棒优化与ccDCOPF研究综述1.机会约束规划（ChanceConstrainedProgramming,CCP）在电力系统中的应用2.鲁棒优化（RobustOptimization,RO）在电力系统中的应用3.机会约束与鲁棒优化的协同方法
yolov8实战第七天——pyqt5-yolov8实现车牌识别系统（参考论文（约7000字）+环境配置+完整部署代码+代码使用说明+训练好的模型）
学术菜鸟小晨
yolov8实战100天 python YOLO pyqt5 车牌识别 毕业设计 论文
基于pyqt5-yolov8实现车牌识别系统，包括图片车牌识别，视频车牌识别，视频流车牌识别。效果展示（图片检测，检测到的内容添加到历史记录）：效果展示（视频检测，视频车辆只会添加一条记录，下文更多实际应用中的优化策略）：新增功能：批量图片检测（2024/5/7更新代码）
MATLAB程序代编液压系统电机非线性滑膜伺服模糊控制simulink仿真
matlabgoodboy
matlab 开发语言
在MATLAB中设计和仿真一个液压系统电机的非线性滑模伺服模糊控制系统，可以通过Simulink来实现。以下是一个大致的步骤指南，帮助你完成这个任务。由于这是一个复杂的系统，我们需要逐步分解问题并构建模型。1.系统描述假设我们有一个液压系统，其电机通过某种方式（例如泵）控制液压缸。目标是设计一个控制器，使得液压缸的位置或速度能够跟踪期望的轨迹。我们将使用滑模控制（SlidingModeContro
进制转换（R转十）（1290. 二进制转换十进制、1292. 十六进制转十进制、1291. 八进制转十进制、1405. 小丽找潜在的素数）
是帅帅的少年
东方博宜OJ题库解析 算法 c++ 数据结构
题单地址：题单中心-东方博宜OJ这里以二进制转十进制为例（按位加权求和法）1290.二进制转换十进制问题描述请将一个25位以内的2进制正整数转换为1010进制！输入一个25位以内的二进制正整数。输出该数对应的十进制。样例输入111111111111111111111111输出16777215解析：按位加权(2^n)求和法。#includeusingnamespacestd;intmain(){st
基于交替方向乘法（ADMM）的PAPR约束下传输波束成形器设计的方法研究（Matlab代码实现）
创新优化代码学习
matlab 前端 算法
欢迎来到本博客❤️❤️博主优势：博客内容尽量做到思维缜密，逻辑清晰，为了方便读者。⛳️座右铭：行百里者，半于九十。本文目录如下：目录1概述2运行结果3参考文献4Matlab代码、数据、文章下载1概述上一次介绍的是用Python代码编程的，这次用Matlab代码实现。回顾见：基于交替方向乘法（ADMM）的PAPR约束下传输波束成形器设计的方法研究（Python代码实现）摘要本文研究了峰值平均功率比(
kafka 的 message 包括哪些信息
weixin-80213251
javaweb java kafka hadoop
一个Kafka的Message由一个固定长度的header和一个变长的消息体body组成header部分由一个字节的magic(文件格式)和四个字节的CRC32(用于判断body消息体是否正常)构成。当magic的值为1的时候，会在magic和crc32之间多一个字节的数据：attributes(保存一些相关属性，比如是否压缩、压缩格式等等)；如果magic的值为0，那么不存在attributes
java笔试题以及答案详解
weixin-80213251
javaweb 类 java class jdk
一、单项选择题1．Java是从（）语言改进重新设计。A．AdaB．C++C．PasacalD．BASIC答案：B2．下列语句哪一个正确（）A．Java程序经编译后会产生machinecodeB．Java程序经编译后会产生bytecodeC．Java程序经编译后会产生DLLD．以上都不正确答案：B3．下列说法正确的选项有（）A．class中的constructor不可省略B．constructor必
红宝书第十一讲：超易懂版「ES6类与继承」零基础教程：用现实例子+图解实现
kovlistudio
前端 es6 javascript 开发语言 前端 学习
红宝书第十一讲：超易懂版「ES6类与继承」零基础教程：用现实例子+图解实现资料取自《JavaScript高级程序设计（第5版）》。查看总目录：红宝书学习大纲一、ES6类的核心语法：把事物抽象成“模板”想象你要设计一款「动物养成游戏」，需要创建多种动物对象。ES6的class就是一个代码模板：//基础类（Animal是模板，有名称和吃东西方法）classAnimal{constructor(name
GTC 2025 中文在线解读
扫地的小何尚
人工智能 NVIDIA GPU 深度学习 机器学习
GTC2025中文在线解读｜CUDA最新特性与未来[WP72383]NVIDIAGTC大会火热进行中，一波波重磅科技演讲让人应接不暇，3月24日，NVIDIA企业开发者社区邀请KenHe、YipengLi两位技术专家，面向开发者，以中文深度拆解GTC2025四场重磅开发技术相关会议，直击AI行业应用痛点，破解前沿技术难题!作为GPU计算领域的基石，CUDA通过其编程语言、编译器、运行时环境及核心库
Flutter Dart 异步支持全面解析
顾林海
Flutter系列教程 flutter android 开发语言 dart 前端
引言在Flutter开发中，Dart语言提供了强大的异步支持机制。异步编程能够让程序在执行耗时操作（如网络请求、文件读写等）时，不会阻塞主线程，从而保证用户界面的流畅性和响应性。本文将详细介绍Dart中常见的异步编程方式，包括Future、async/await和Stream，并结合代码示例进行说明。1.同步与异步的概念同步编程在同步编程中，程序按照代码的顺序依次执行，当遇到耗时操作时，程序会阻塞
在Ubuntu 20.04离线环境中轻松部署RabbitMQ
贡驰赞Powerful
在Ubuntu20.04离线环境中轻松部署RabbitMQ【下载地址】Ubuntu20.04离线安装RabbitMQ指南Ubuntu20.04离线安装RabbitMQ指南欢迎来到Ubuntu20.04系统下离线安装RabbitMQ的教程项目地址:https://gitcode.com/open-source-toolkit/2b1f7在当今快速发展的技术世界里，离线安装开源软件仍然是某些特定场景下
探索HTML5 Canvas的无限可能：一个丰富多彩的开源项目
黎情卉Desired
探索HTML5Canvas的无限可能：一个丰富多彩的开源项目去发现同类优质开源项目:https://gitcode.com/在这个充满活力的数字时代，JavaScript、HTML和CSS已经成为构建互动式网页体验的核心技术。今天，我们向您推荐一个独特而有趣的开源项目，它将这些技术结合在一起，创造出一系列生动活泼的可视化元素，包括时钟、计时器、地图、国际象棋、温度计等，让您在学习和实践中感受HTM
什么是护网（HVV）？需要什么技术？网络安全零基础入门到精通教程建议收藏！
程序员晓晓
web安全 干货分享 计算机 网络安全 黑客技术 护网行动 渗透测试
什么是护网行动？护网行动是以公安部牵头的，用以评估企事业单位的网络安全的活动。具体实践中。公安部会组织攻防两方，进攻方会在一个月内对防守方发动网络攻击，检测出防守方（企事业单位）存在的安全漏洞。通过与进攻方的对抗，企事业单位网络、系统以及设备等的安全能力会大大提高。“护网行动”是国家应对网络安全问题所做的重要布局之一。“护网行动”从2016年开始，随着我国对网络安全的重视，涉及单位不断扩大，越来越
如何在数据库中存储小数：FLOAT、DECIMAL还是BIGINT？
NightSkyWanderer
数据库 Go 后端 mysql 数据库
前言这里还是用前面的例子:在线机票订票系统的数据表设计。此时已经完成了大部分字段的设计，可能如下:CREATETABLEflights(flight_idINTAUTO_INCREMENTPRIMARYKEY,flight_numberVARCHAR(10),departure_airport_codeVARCHAR(3),arrival_airport_codeVARCHAR(3));考虑到还需
【广告架构day1】爱奇艺广告系统的演进之路：实践中的一些经验
软件真理与光
业务技术 架构 后端
本文来自爱奇艺的分享孙立伟。近年来爱奇艺快速发展，优质内容层出不穷，爱奇艺广告也随之发展和壮大，广告在线服务同时服务于品牌、中小、DSP等不同客户，形成了可以满足不同需求类型的较为完善的商业广告变现布局，广告库存涵盖视频、信息流、泡泡社交（爱奇艺的社交平台）和开机屏等多种场景。爱奇艺效果广告是2015年开始全新搭建的一个广告投放平台，随着信息流业务的增长，整个投放平台也经历了一次大的架构调整和多次
学术PPT模板_院士_国家科学技术奖_杰青基金_长江学者特聘教授_校企联聘长江_重点研发_优青_青长_青拔ppt制作案例
WordinPPT_2025
学术答辩PPT ppt powerpoint
学术PPT模板院士_国家科学技术奖_杰青基金_长江学者特聘教授_校企联聘长江_重点研发_优青_青长_青拔/杰出青年科学基金答辩PPT模板wordinppt.com/gjjq.html国自然项目。“杰青”也成为国内仅次于两院院士的第二层次高端人才，是科学领域评判创新潜力与学术水平的权威标尺。2025年起，将国家杰出青年科学基金项目更名为青年科学基金项目（A类）。/长江学者答辩PPT模板wordinp
本地运行Claude 3.7：成本与灵活性的双重优势
真智AI
python 数据库 人工智能 RAG 开发语言
您可能会问：为什么要像Claude3.7这样的专有模型在本地运行，尤其是当我的数据仍需发送到Anthropic的服务器时？为什么还要费劲地将其集成到本地？其实，有两个主要原因。第一，成本。在本地运行模型可以让您只为实际使用量付费，而不是每月固定支付20美元。这对于使用频率低或有限的用户来说，更加经济实惠。第二，灵活性。通过本地使用API，您可以将模型无缝集成到代码编辑器中，构建适合您工作区的自定义
【数据库系统原理】Ch4 SQL与关系数据库基本操作
GIS程序媛—椰子
数据库 数据库 sql
目录大纲4.1SQL概述4.2MySQL预备知识4.3数据定义4.4数据更新4.5数据查询4.6视图习题真题2024-102024-042023-102023-042022-10大纲4.1SQL概述结构化查询语言(StructuredQueryLanguage,SQL)是关系数据库的标准语言,也是本课程需要掌握的一类语言。4.1.1SQL的发展了解SQL的产生和发展历程,要求达到"识记"层次。4.
网络安全-信息收集
One_Blanks
网络安全 网络安全
声明学习视频来自B站UP主泷羽sec，如涉及侵权马上删除文章。笔记的只是方便各位师傅学习知识，以下网站只涉及学习内容，其他的都与本人无关，切莫逾越法律红线，否则后果自负。目录X一、Whois信息1.思路2.工具3.社工库二、搜索1.Google、bing、baidu三、Github四、搜索引擎FOFA：[https://fofa.info/](https://fofa.info/)360网络空间测
Python 3 介绍（二十二）--mysql-connector-python
小蘑菇二号
零基础学 Python--快速入门 Python 快速入门 adb
目录安装mysql-connector-python基本使用示例1.连接到数据库2.插入数据3.更新数据4.删除数据进阶功能1.使用事务2.批量插入数据3.使用字典游标错误处理总结mysql-connector-python是一个用于Python的MySQL数据库驱动程序，它允许Python应用程序与MySQL数据库进行交互。这个驱动程序提供了高级别的API，支持多种Python版本，并且兼容多种
Vue 3 事件总线详解：构建组件间高效通信的桥梁
A-Kamen
vue.js 前端 javascript
Vue3事件总线详解：构建组件间高效通信的桥梁为什么需要事件总线？使用mitt实现事件总线1.安装mitt2.创建事件总线3.在组件中使用事件总线发送端组件（例如ComponentA.vue）接收端组件（例如ComponentB.vue）自定义实现事件总线总结在复杂的前端应用中，组件之间的通信往往需要一种灵活且解耦的方式。传统的Vue2中，我们常使用全局事件总线来实现这种通信，但在Vue3中，由于
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(
