定义表格的页脚
干什么？
1.展示表格数据
2.用于页面的布局
案例
CSS
层叠样式表
贴纸游戏
类似 女生化妆
前后关系
CSS的三大书写方式
1.属性 内联样式
style属性设置
2.嵌入样式脚本style
在html中 添加style标签
在标签中添加样式
3.通过单独CSS文件的方式
1.创建css文件
2.引入css文件
怎么与html文件关联
通过link标签关联
两大必掌握技能
选择器
工作职责
抓到 要设置样式的标签
三大常用选择器
元素选择器
标签名{}
类选择器
在html中指定 类选择器的名字
.类选择器的名字{}
id选择器
#xxx{}
不同组合 可形成无数种选择器
属性
background
用于设置背景
color
设置文字颜色
with
宽度
height
高度
类选择器
写法
在起始标签的里面 添加class属性
在css文件中 使用.类选择器的名字
多类名
案例
伪类选择器
hour
转场（过渡）动画
transition:属性 动画时长 动画执行的函数 延迟执行;
盒模型
内容
内边距
使用padding设置
设置的顺序是
上右下左
padding设置
padding:10px;
上右下左都是10
padding:10px 20px;
上10 右20 下10 左20
padding:10px 20px 30px;
上10 右20 下30 左20
padding:10px 20px 30px 40px;
上10 右20 下30 左40
单独设置某一个方向的内边距
padding-left 左侧内边距
padding-right 右侧内边距
padding-top 顶部内边距
padding-bottom 底部内边距
效果：会让 内容距离边框 有一定的间距
！！！产生后遗症
影响盒子原本的宽高
真实宽度：宽+内边距+边框
边框
通过border设置（复合属性）
效果？
添加一个边框
！！！产生后遗症
影响盒子原本的宽高
真实宽度：宽+内边距+边框
破除影响的魔咒
把盒子设置成怪异盒模型
box-sizing:borderbox;
不再让 内边距和边框 影响 盒子的宽高
border:边框的宽度 边框的样式 边框的颜色;
边框的样式
dotted: 定义一个点线边框
dashed: 定义一个虚线边框
solid: 定义实线边框
double: 定义两个边框。 两个边框的宽度和 border-width 的值相同
groove: 定义3D沟槽边框。效果取决于边框的颜色值
ridge: 定义3D脊边框。效果取决于边框的颜色值
inset:定义一个3D的嵌入边框。效果取决于边框的颜色值
outset: 定义一个3D突出边框。 效果取决于边框的颜色值
单独一个方向的边框
border-bottom
底部
border-top
顶部
border-left
左侧
border-right
右侧
外边距
设置 自己与父元素或者 相邻元素的间距
margin
上右下左
单独一个方向的外边距
margin-bottom
底部
margin-top
顶部
margin-left
左侧
margin-right
右侧
特点
1.相邻元素的外边距重合现象
2.可以让元素 水平方向居中
margin:0 auto;
元素的显示模式
案例
导航条
页面布局
dispay
转块级元素
block
转内联级元素
inline
转内联块级元素
inline-block
选择器的权重
选择器
三大常用选择器
元素选择器
标签名{}
类选择器
在html中指定 类选择器的名字
.类选择器的名字{}
id选择器
#xxx{}
不同组合 可形成无数种选择器
后代选择器
选择器 （空格）选择器
可以选择父元素里面所有符合的标签（子子孙孙）
相同权重的选择器
先写的 会被 后写的覆盖掉（只有相同属性 才会被覆盖，不同属性会叠加）
权重
对比选择器的 权力大小
权重规则（计算方式）
id选择器（权重 至高无上）
类选择器（权重 差一丢丢）
元素选择器（权重 低到地底）
1.先去对比 id选择器的数量（数量多的 权重高）
2.对比类选择器的数量（如果有id选择器，id选择器数量相同；类 数量多的 权重高）
3.对比元素选择器的数量
#xx .qq .qq (想都不想 有皇帝 肯定最高)
.ee .eq .rr .tt p a
p
.vv
页面布局
技术
浮动（float）
特点
在同一行 飘着
如果给元素 设置浮动
父元素不再拥有这个元素的高度
高度塌陷
如果宽度不够
左浮动 往左面掉
右浮动 往右面掉
用法
给需要设置 水平排列的元素 添加浮动
float:left|right;
左浮动
1 2 3
右浮动
3 2 1
解决高度塌陷问题
1.设置父元素的高度（不建议使用)
2.在最后一个设置浮动标签的后面 添加一个空标签 ，
设置为clear:left|right|both;（不建议使用)
3.通过伪元素的方式
父元素:after{
content:"";
display:block;
zoom:1;
clear:both;
}
作业
背景
background
是一个复合属性
background-color
background-image
background-repeat
repeat-x
repeat-y
repeat
background-position
px
%
left top center bottom
background-attachment
重点
1.设置固定的背景图
2.sprite 精灵图 雪碧图
background-position
background-size
cover
等比放大 宽不够 按宽放大； 高不够 按高度整体放大
contain
此时会保持图像的纵横比并将图像缩放成将适合背景定位区域的最大大小
px
%
文字相关
字体
font-family
自定义字体
1.自定义字体
@font-face
font-family
随意起名字
src
字体的路径
2.使用字体
在使用的位置 使用font-family设置
如：
@font-face {
/*设置字体位置*/
src: url("字魂79号-萌趣奶油体.ttf");
font-family: halibote;
}
p{
/*font-family: "Adobe 楷体 Std R";*/
font-family: halibote;
}
文字阴影
text-shadow
x轴阴影的偏移量 y轴阴影的偏移量 羽化程度 颜色
文字颜色
color
文字字号
font-size
文本对齐的方式text-align
left 把文本排列到左边。默认值：由浏览器决定。
right 把文本排列到右边。
center 把文本排列到中间。
justify 实现两端对齐文本效果。
inherit 规定应该从父元素继承 text-align 属性的值。
text-decoration 给文本添加 上下中划线
none 默认。定义标准的文本。
underline 定义文本下的一条线。
overline 定义文本上的一条线。
line-through 定义穿过文本下的一条线。
blink 定义闪烁的文本。
text-indent 可以让首行文本缩进
white-space 处理文本间空格的样式 控制是否换行
normal 默认。空白会被浏览器忽略。
pre 空白会被浏览器保留。其行为方式类似 HTML 中的
标签。
nowrap 文本不会换行，文本会在在同一行上继续，直到遇到
pre-wrap 保留空白符序列，但是正常地进行换行。
pre-line 合并空白符序列，但是保留换行符。
word-spacing:设置单词间的间距
line-height
设置文字垂直方向居中
把line-height与高度设置为相同的
定位
相对定位
相对于 自己原来的位置挪动
还会占据原来的位置 不会影响到其他元素的布局
绝对定位
绝对定位 一般与相对定位 混合着去使用
如果没有设置 父元素的相对定位，就会参考body的位置定位
失去自己的默认宽度
固定定位
固定在某一个位置
失去自己的默认宽度
顶部或底部的导航条
弹出的广告
某个位置的图标（联系客服、工具按钮）
粘性定位
粘帖在某一个位置
会占据一定空间
定位后可以使用的属性
left
right
top
buttom
通常会有 页面层级关系的现象（被覆盖）
可以通过z-index设置层级 默认值1 负值往下 正值向上
只要发现事件不触发 就需要检查是不是页面层级的问题
隐藏元素的方式
opacity: 0; 不透明度设置为零 虽然隐藏 但是 依然存在 并且可以接收事件
visibility: hidden; 隐藏元素不显示 但是位置依然在 不可接收事件
display: none; 影藏元素 不再占位
overflow
超出部分处理方式
hidden
超出部分隐藏
也是清除浮动的方法之一 在父元素添加
scroll
超出部分滚动显示
一定要添加上宽度或高度
插件
使用第三方插件注意事项
1.引入CSS样式
2.引入js
3.一定要严格按照示例的HTML结构去写
swiper
1.引入CSS样式
2.引入js
通常在body结束标签的上面引入
引入的标签 script
3.一定要严格按照示例的HTML结构去写
字体图标
fontawesome
https://fontawesome.dashgame.com/
回顾
HTML
用于布局的标签
肯定是块级元素
特征
1.肯定是一个完全闭合标签
2.肯定可以设置宽高 独占一行
3.不是通过display转换的元素
有哪一些
div
p
h1-5
ul与li
用于布局元素的本质
当做容器 去盛放其他元素
内容的标签
通常是内联元素
会表示某一些内容
如
img 表示图片
src是图片的路径
a 超链接
可以点击链接到其他位置的文本
也可以在它里面放图片 或者 其他内联标签
不可以放块级元素
href是要链接的位置
input 表单标签 单行文本输入
可以演化出来很多标签
通过type值变化
text
单行文本输入
number
数字输入
radiu
单选
range
滑杆
...
span
文本
一般让某些文字 有特殊效果 会用span包裹
代码规范
脚本加载
命名
W3C规范
W3C CSS2.1的 4.1.3 节中提到：
标识符（包括选择器中的元素名，类和ID）只能包含字符[a- zA-Z0-9]和ISO 10646字符编码U+00A1及以上，再加连字号（-）和下划线（_）；
它们不能以数字，或一个连字号后跟数字为开头。
它们还可以包含转义字符加任何ISO 10646字符作为一个数字编码。
选择器命名规则
2.1 字符采用
实际项目中，建议只采用字符[a-zA-Z0-9]，再加连字号（-）和下划线（_）。避免使用中文。
2.2 慎用数字
以字母开头，避免纯数字，避免数字开头，以保证兼容。以数字开始的类名、ID名仅在IE6/IE7/IE8下被识别，而其它浏览器下则不识别（忽略该规则）。
2.3 区分ID和class
一个ID名在文档中只使用一次，class类名可在文档中多次使用。
2.4 语义化标签
语义化标签是个很大的话题，简单点说，语义化标签就是让css选择器的命名能够反映页面结构的功能区块，如内容区域的class类名定义为content，页脚区域的class类名定义为footer。语义化标签的一个好处是让网页结构一目了然，另外一个好处是提高网页对一些特殊浏览设备的友好性。
语义化标签的一个误区是按CSS样式表现的结果命名。
如，某区域字体大小为14px,则该区域的样式名定义为font14px,css样式为.font14px{ font-size:14px;}。如，某区域字体颜色为红色，则样式定义为red,css样式为.red { color: red; }。
这样的好处是实现某种程度的“所见即所得”，即只需要看该结构的样式名，即可知道该样式控制（实现）着怎样的效果。但其弊端同样明显。
可以想象，假设是产品boss突然要将某区域的字体颜色从red改为blue,那你是只更改.red { color: red; }将其改为.red { color: blue; }?还是“勤快”的将html页面所有的red类名更改替换为blue,再添加一个新样式.blue { color: blue; }?
前者意味着“所见非所得”，当看到一个命名为red的样式却表现为blue时，你是否觉得很诡异！？
后者意味着无止境的替换或修改，若是文件较少，还可以接受。但若是有成百上千个页面，你需要将成百上千的文件替换样式名称后再上传，崩溃了，有木有？
所以严重建议不按CSS样式表现的结果命名。
从深层层次分析，CSS的出现是让HTML只专注于结构，实现网页结构和样式的分离，这也是CSS能够代替表格布局而风靡的重要原因。按CSS样式表现结果命名，实际上是让HTML结构和CSS产生强耦合，是违背结构和样式分离的。
2.5 区分大小写
当在XHTML中使用CSS，CSS里定义的元素名称是区分大小写的。为了避免这种错误，我建议所有的定义名称都采用小写。
class和id的值在HTML和XHTML中也是区分大小写的，如果你一定要大小写混合写，请仔细确认你在CSS的定义和XHTML里的标签是一致的。
CSS命名规则常用单词
头：header
内容：content/container
尾：footer
导航：nav
侧栏：sidebar
栏目：column
页面外围控制整体布局宽度：wrapper
页面主体：main
登录条：loginbar
标志：logo
广告：banner
热点：hot
新闻：news
下载：download
子导航：subnav
菜单：menu
子菜单：submenu
搜索：search
友情链接：friendlink
页脚：footer
版权：copyright
滚动：scroll
内容：content
标签页：tab
文章列表：list
提示信息：msg
小技巧：tips
栏目标题：title
加入：joinus
指南：guide
服务：service
注册：regsiter
状态：status
投票：vote
合作伙伴：partner
你可能感兴趣的:(无标题文章)
React性能优化的8种方式
Mr.BoBo.
前端 # React react.js 性能优化 前端
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言1、Reac.memo缓存组件2、使用useMemo缓存大量的计算3、避免使用内联对象4、避免使用匿名函数5、延迟加载不是立即需要的组件6、调整CSS而不是强制组件加载和卸载7、使用React.Fragment避免添加额外的DOM8、使用React.PureComponent,shouldComponentUpdate9、
若依框架二次开发——启动 RuoYi-Cloud 微服务项目
bjzhang75
项目开发实践 微服务 若依
文章目录前期准备第一步：拉取RuoYi-Cloud项目源码第二步：初始化数据库1.创建数据库2.导入数据第三步：配置Nacos并启用持久化1.下载并解压Nacos2.启动Nacos3.访问Nacos控制台第四步：安装并运行Redis1.安装Redis2.启动Redis第五步：修改后端配置第六步：启动后端服务第七步：启动前端项目1.进入前端项目目录2.安装前端依赖3.启动前端第八步：访问系统总结Ru
【STM32】智能避障红外小车
Alioooooooon
嵌入式 stm32 单片机 嵌入式硬件
文章目录直流电机`motor.c/motor.h`红外对管红外循迹利用脉冲宽度调制技术（PWM）控制电机转速避障`red.c/red.h`编译环境：keil5SourceInsightSTM32F103X原理图：直流电机直流电机的原理：通电就会转，反向通电就会反转两极的电势差决定转速电机驱动模块以及接线参考图示代码实现：motor.c/motor.h#ifndef__MOTOR_H__#defin
css filter属性详解
pengfeixc
CSS css css3 web development
cssfilter属性详解文章中codepen例子，无法实时预览，可以在这里获得更好阅读体验。最近琢磨着把网站主题色更改一下，看到了一篇文章DarkModeinOneLineofCode，作者讲述了如何用一句代码将网站主题色更改成相反色，这样网站就可以拥有有白天模式和黑夜模式了。html{filter:invert(1);}使用上面的代码，可以很方便的将页面颜色反转，达到黑夜模式的效果。但是我并不
【MyBatisPlus】MyBatisPlus介绍与使用
web_15534274656
面试 学习路线 阿里巴巴 java
【MyBatisPlus】MyBatisPlus介绍与使用文章目录【MyBatisPlus】MyBatisPlus介绍与使用1、什么MyBatisPlus2、MyBatisPlus的CRUD操作3、MyBatisPlus分页使用1、什么MyBatisPlusMyBatisPlus（简称MP）是基于MyBatis框架基础上开发的增强型工具，旨在简化开发、提高效率官网：https://baomidou
Linux------Redis(软件安装，Linux下和Windows下)，NoSQL（简单了解）
.墨迹.
Linux redis 大数据 java
文章目录NoSql1.历史1.单机MySql2.Memcached(缓存)+MySql+垂直拆分(读写分离)3.分库分表+水平拆分+MySql集群4.如今最近的年代5.为什么要使用NoSQL2.什么是NoSQL1.NOSQL2.特点3.3v+3高3.NoSQL的四大分类1.kv键值对：2.文档型数据库（bson和json一样）：3.列存储数据库：4.图关系型数据库Redis1.初始redis1.简
StarRocks中优雅处理JSON与列表字段的初步示例
t.y.Tang
数据库 mysql json
StarRocks是一种兼容MySQL语法,自带对JSON,ARRAY等格式支持的数据库.文章目录一StarRocks是什么？与MySQL有何关系？二JSON格式的好处三JSON数组字段的应用和缺点四实例:StarRocks处理JSON数组的方法示例表结构场景1:筛选包含特定事件的用户场景2:提取数组中的嵌套字段场景3:展开数组为多行(UNNEST)场景4:复杂条件过滤(结合`$`索引)五,性能优
使用 Airbyte Typeform 加载器进行数据文档化
shuoac
python
在数据集成的世界中，Airbyte是一个非常强大的平台，它为我们的ETL管道提供了从API、数据库和文件到数据仓库和湖泊的连接器。但是，随着技术的快速发展，某些工具和方法可能会被弃用，例如AirbyteTypeform加载器。不过这并不意味着不能使用其他更好的解决方案。因此，这篇文章就带大家一起了解如何使用Airbyte原生支持的加载器来处理Typeform的数据文档化。技术背景介绍Airbyte
python画一个爱心
戴子雯
python绘画 python
大家好这是我的地一篇博客，我要写一个关于python的文章我要用python写一个爱心。不说别的，先看效果效果如下：话不多说，上代码，在这之前要下载python下载这事咱们放在最后现在上代码！！！！！！！！！！！！！！importturtleastt.pensize(2)#笔大小2像素t.pencolor("red")#颜色为红色t.left
深入浅出：序列化与反序列化的全面解析
进击的小白菜
一些开发常识 开发语言 开发常识
文章目录1.引言2.什么是序列化？2.1为什么需要序列化？3.什么是反序列化？3.1反序列化的重要性4.序列化与反序列化的实现4.1JSON(JavaScriptObjectNotation)4.2XML(eXtensibleMarkupLanguage)4.3ProtocolBuffers(Protobuf)4.4MessagePack5.安全性考虑6.性能优化7.结论附录：常见问题解答Q1:什
brew 安装pip_pip brew wget 安装
weixin_32612253
brew 安装pip
终端播放器安装教程从简书上看到一篇,终端实现网易云音乐的文章,并给出了一个github链接.心里有些痒痒,想看看是什么样子,于是尝试安装.安装过程中有些坎坷,记录以便以后查阅.程序实现是用Python写的.安装使用方式仅仅给了三行命令.安装$pipinstallnetease-musicbox$brewinstallmpg123使用$musicbox下载了源码后,不知道该如何安装.三行命令也是莫名
pycharm中使用anaconda部署python环境_pycharm部署配置anaconda环境教程
weixin_39796652
本篇文章小编给大家分享一下pycharm部署配置anaconda环境教程，小编觉得挺不错的，现在分享给大家供大家参考，有需要的小伙伴们可以来看看。pycharm部署anaconda环境Pycharm：python编辑器，社区版本Anaconda：开源的python发行版本(专注于数据分析的python版本)，包含大量的科学包环境基本指令(准备工作)：conda--version查看anaconda
Cesium实践（1）—— Hello World
迦南giser
WebGIS # Cesium webgis cesium
文章目录前言Cesium是什么Cesium核心类ViewerSceneEntityDataSourceCollection创建第一个Cesium应用工程搭建Cesium版helloworld总结前言工作大半年来主要的技术栈是mapbox-gl和threejs，但是作为一名GIS专业毕业生，一直对Cesium充满兴趣。Cesium不仅保持了threejs的三维绘制能力，而且内置大量渲染地理数据的AP
Electron打包文件生成.exe文件打开即可使用
糕冷小美n
electron javascript 前端
1、Electron打包，包括需要下载的内容和环境配置步骤注意：Electron是一个使用JavaScript、HTML和CSS构建跨平台桌面应用程序的框架首先需要电脑环境有Node.js和npm我之前的文章有关nvm下载node的说明也可以去官网下载检查是否有node和npm环境命令node-vnpm-v输出版本号，说明安装成功2、创建Electron项目2.1创建项目目录打开命令行工具，创建一
高效快速教你DeepSeek如何进行本地部署并且可视化对话
大富大贵7
程序员知识储备1 程序员知识储备2 程序员知识储备3 经验分享
科技文章：高效快速教你DeepSeek如何进行本地部署并且可视化对话摘要：随着自然语言处理（NLP）技术的进步，DeepSeek作为一款基于深度学习的语义搜索技术，广泛应用于文本理解、对话系统及信息检索等多个领域。本文将探讨如何高效快速地在本地部署DeepSeek，并结合可视化工具实现对话过程的监控与分析。通过详尽的步骤、案例分析与代码示例，帮助开发者更好地理解和应用DeepSeek技术。同时，本
《AI医疗系统开发实战录》第6期——智能导诊系统实战
骆驼_代码狂魔
程序员的法宝 人工智能 django python neo4j 知识图谱
关注我，后期文章全部免费开放，一起推进AI医疗的发展核心主题：如何构建95%准确率的智能导诊系统？技术突破：结合BERT+知识图谱的混合模型设计一、智能导诊架构设计python基于BERT的意图识别模型（PyTorch）fromtransformersimportBertTokenizer,BertForSequenceClassificationimporttorchclassTriageMod
knife4j，微服务聚合Swagger文档
图书馆的小盆友
java开发相关 微服务 java microservices
前置知识我们将采用Nacos作为注册中心，Gateway作为网关，使用knife4j来生成API文档，对这些技术不了解的朋友可以看下下面的文章。SpringCloudGateway：新一代API网关服务SpringCloudAlibaba：Nacos作为注册中心和配置中心使用给Swagger换了个新皮肤，瞬间高大上了！应用架构我们理想的解决方案应该是这样的，网关作为API文档的统一入口，网关聚合所
RK平台下Buildroot驱动编译环境入门
ItJavawfc
RK系统-驱动 驱动学习 Kernel Ubuntu Buildroot
提示：低配置电脑下驱动编译环境搭建，驱动学习环境准备文章目录目的需求环境Ubuntu18Desk桌面开发环境Buildroot编译环境基本要求个人环境VM环境配置+Buildroot编译环境配置Buildroot编译总结目的搭建驱动开发编译环境硬件环境要求不达标如何进行配置规避，使编译环境编译OK为后续自己开发工作中，学习环境做一个简单的指导需求这里我需要搭建的环境是Ubuntu上面用Linux源
Camera2 实现重力感应四个方向调试相机预览
ItJavawfc
Camera Camera2 Camera 重力感应适配方向 预览
Camera2API实现重力感应四个方向调试相机预览文章目录需求场景需求实现setAspectRatio设置显示长宽postScalepostRotate设置缩放和旋转manager.openCamera打开相机startPreviewgetPreviewRequestBuilder设置预览参数：createCaptureSession预览准备工作setRepeatingRequest请求预览总结
异步编程中的并发编程优化
AI天才研究院
架构师必知必会系列 自然语言处理 人工智能 语言模型 编程实践 开发语言 架构设计
文章目录1.简介2.基本概念术语说明什么是异步编程？为什么要异步编程？浅谈异步编程模型基于事件驱动的模型基于消息队列的模型基于协程的模型为什么要进行并发优化？3.基本算法原理和具体操作步骤1.串行执行2.并行执行3.任务分片4.超时重试5.异步回调6.消息队列7.缓存8.异步框架9.模型选择4.具体代码实例和解释说明模块划分1.串行执行2.并行执行3.任务分片4.超时重试5.异步回调6.消息队列7
夜莺[n9e] v6 中心机房部署
DuanHao_
prometheus
文章目录夜莺v6中心机房部署n9e监控服务VictoriaMetrics时序数据库Categraf采集器夜莺v6中心机房部署n9e监控服务项目介绍-快猫星云(flashcat.cloud)IP：192.168.*.*端口：17000安装部署安装路径192.168.*.*/opt/n9eMysql:存放配置类别信息，如用户，监控大盘，告警规则等Redis:存放访问令牌(JWTToken)，心跳信息，
夜莺监控 v8.0 新版通知规则 | 对接飞书告警
夜莺开源监控
夜莺监控 飞书告警 飞书卡片告警
新版通知规则的介绍文章：夜莺监控巨大革新：抽象出通知规则，增强告警通知的灵活性新版通知规则对接钉钉：夜莺监控v8.0新版通知规则|对接钉钉告警新版通知规则对接企微：夜莺监控v8.0新版通知规则|对接企微告警本文对背景信息不做额外描述了，大家一定要先看看上面的文章，原理类似。本文直接讲解夜莺监控的通知规则如何对接飞书告警。开源夜莺和飞书的对接支持text和飞书卡片两种方式，不支持飞书应用。Flash
android视频缓存框架 [AndroidVideoCache](https://github.com/danikula/AndroidVideoCache) 源码解析与评估
MrJarvisDong
third party 源码
文章目录android视频缓存框架[AndroidVideoCache](https://github.com/danikula/AndroidVideoCache)源码解析与评估引言使用方式关键类解析HttpProxyCacheServer代理缓存服务类**java.net.ProxySelector**代理选择Pinger判断本地serverSocket是否存活GetRequest封装用于获取
JS基础-事件模型(事件&事件流&自定义事件&事件冒泡/代理)
LYFlied
html&浏览器 javascript 事件模型 事件流 前端 面试
文章目录一、事件与事件流二、事件模型1.DOM0级模型2.IE事件模型3.DOM2级模型4.DOM3级事件处理方式三、事件对象四、事件绑定与解除1.事件绑定1.1对象.on事件名字=事件处理函数1.2.对象.addEventListener("没有on的事件名字",事件处理函数,false)3.对象.attachEvent("有on的事件名字",事件处理函数);2.解除绑定五、EventWrapp
QEMU源码全解析 —— CPU虚拟化（12）
蓝天居士
QEMU/KVM QEMU KVM CPU虚拟化
接前一篇文章：本文内容参考：《趣谈Linux操作系统》——刘超，极客时间《QEMU/KVM》源码解析与应用——李强，机械工业出版社《深度探索Linux系统虚拟化原理与实现》——王柏生谢广军，机械工业出版社特此致谢！三、KVM模块初始化介绍1.KVM简介与源码组织结构KVM全称为Kernel-BasedVirtualMachine，中文译为基于内核的虚拟化技术。KVM是由以色列初创公司Qumrane
【Matlab光伏功率预测】基于RF随机森林算法的多变量光伏功率预测（附MATLAB代码）
天天科研工作室
光伏功率预测 算法 matlab 随机森林 机器学习
【Matlab光伏功率预测】基于RF随机森林算法的多变量光伏功率预测（附MATLAB代码）文章目录【Matlab光伏功率预测】基于RF随机森林算法的多变量光伏功率预测（附MATLAB代码）文章介绍基本步骤代码分享运行结果参考资料文章介绍随机森林可以应用于光伏功率预测，这是一项重要的任务，旨在估计光伏发电系统的输出功率。光伏功率预测在可再生能源管理、电网调度和能源计划等领域具有广泛的应用。随机森林回
计算机基础：编码04，认识反码和补码
水饺编程
MFC学习笔记 Win32学习笔记 windows c++ mfc c语言
专栏导航本节文章分别属于《Win32学习笔记》和《MFC学习笔记》两个专栏，故划分为两个专栏导航。读者可以自行选择前往哪个专栏。（一）WIn32专栏导航上一篇：计算机基础：编码03，根据十进制数，求其原码回到目录下一篇：无（二）MFC专栏导航上一篇：计算机基础：编码03，根据十进制数，求其原码回到目录下一篇：无本节前言在前两节，我讲解了关于原码的知识。本节，我来讲解反码和补码。在学习本节之前，你需
Python UV - 安装、升级、卸载
云客Coder
python uv 开发语言
文章目录安装检查升级设置自动补全卸载UV命令官方文档详见：https://docs.astral.sh/uv/getting-started/installation/安装pipinstalluv检查安装后可运行下面命令，查看是否安装成功uv--version%uv--versionuv0.6.3(a0b9f22a22025-02-24)升级uvselfupdate将重新运行安装程序并可能修改您的
【自建分布式数据库详细指南】（五）使用：常见API及使用问题
大板牙花生
分布式
延续前几篇文章，下面着重从一些基本的API讲讲从入门到习惯的常用方法，后续更新。USAGE1节点管理设置主节点，又成为协调节点SELECTcitus_set_coordinator_host('coord.example.com',5432);step1.创建节点select*frommaster_add_node('new-node',12345);step2.删除节点step3.新增节点后重新
Python自动登陆、登出南京理工大学NJUST校园网程序
JimesMz
python 开发语言
本文程序针对南京理工大学NJUST和NJUST-FREE校园网开发，其他学校无法使用。文章目录开发目的使用说明参考资料开发目的今天突然想要用代码实现一下自动登陆校园网，上网搜寻了一下。知乎有一些教程，CSDN也有一些完整的代码，但是我跟随教程或者直接运行现有代码都没有能够成功登陆，且NJUST校园网付费，我想要一个“登出”功能，借助Kimi自己写了一下。本人技术不精，以实现功能为主。使用说明请确保
微信开发者验证接口开发
362217990
微信 开发者 token 验证
微信开发者接口验证。
Token，自己随便定义，与微信填写一致就可以了。
根据微信接入指南描述 http://mp.weixin.qq.com/wiki/17/2d4265491f12608cd170a95559800f2d.html
第一步：填写服务器配置
第二步：验证服务器地址的有效性
第三步：依据接口文档实现业务逻辑
这里主要讲第二步验证服务器有效性。
建一个
一个小编程题-类似约瑟夫环问题
BrokenDreams
编程
今天群友出了一题：
一个数列,把第一个元素删除,然后把第二个元素放到数列的最后,依次操作下去,直到把数列中所有的数都删除,要求依次打印出这个过程中删除的数。
&
linux复习笔记之bash shell (5) 关于减号-的作用
eksliang
linux关于减号“-”的含义 linux关于减号“-”的用途 linux关于“-”的含义 linux关于减号的含义
转载请出自出处：
http://eksliang.iteye.com/blog/2105677
管道命令在bash的连续处理程序中是相当重要的，尤其在使用到前一个命令的studout（标准输出）作为这次的stdin（标准输入）时，就显得太重要了，某些命令需要用到文件名，例如上篇文档的的切割命令（split）、还有
Unix(3)
18289753290
unix ksh
1)若该变量需要在其他子进程执行，则可用"$变量名称"或${变量}累加内容
什么是子进程？在我目前这个shell情况下，去打开一个新的shell，新的那个shell就是子进程。一般状态下，父进程的自定义变量是无法在子进程内使用的，但通过export将变量变成环境变量后就能够在子进程里面应用了。
2)条件判断： &&代表and ||代表or&nbs
关于ListView中性能优化中图片加载问题
酷的飞上天空
ListView
ListView的性能优化网上很多信息，但是涉及到异步加载图片问题就会出现问题。
具体参看上篇文章http://314858770.iteye.com/admin/blogs/1217594
如果每次都重新inflate一个新的View出来肯定会造成性能损失严重，可能会出现listview滚动是很卡的情况，还会出现内存溢出。
现在想出一个方法就是每次都添加一个标识，然后设置图
德国总理默多克：给国人的一堂“震撼教育”课
永夜-极光
教育
http://bbs.voc.com.cn/topic-2443617-1-1.html德国总理默多克：给国人的一堂“震撼教育”课
安吉拉—默克尔，一位经历过社会主义的东德人，她利用自己的博客，发表一番来华前的谈话，该说的话，都在上面说了，全世界想看想传播——去看看默克尔总理的博客吧！
德国总理默克尔以她的低调、朴素、谦和、平易近人等品格给国人留下了深刻印象。她以实际行动为中国人上了一堂
关于Java继承的一个小问题。。。
随便小屋
java
今天看Java 编程思想的时候遇见一个问题，运行的结果和自己想想的完全不一样。先把代码贴出来！
//CanFight接口
interface Canfight {
void fight();
}
//ActionCharacter类
class ActionCharacter {
public void fight() {
System.out.pr
23种基本的设计模式
aijuans
设计模式
Abstract Factory：提供一个创建一系列相关或相互依赖对象的接口，而无需指定它们具体的类。 Adapter：将一个类的接口转换成客户希望的另外一个接口。A d a p t e r模式使得原本由于接口不兼容而不能一起工作的那些类可以一起工作。 Bridge：将抽象部分与它的实现部分分离，使它们都可以独立地变化。 Builder：将一个复杂对象的构建与它的表示分离，使得同
《周鸿祎自述：我的互联网方法论》读书笔记
aoyouzi
读书笔记
从用户的角度来看,能解决问题的产品才是好产品,能方便/快速地解决问题的产品,就是一流产品.
商业模式不是赚钱模式
一款产品免费获得海量用户后,它的边际成本趋于0,然后再通过广告或者增值服务的方式赚钱,实际上就是创造了新的价值链.
商业模式的基础是用户,木有用户,任何商业模式都是浮云.商业模式的核心是产品,本质是通过产品为用户创造价值.
商业模式还包括寻找需求
JavaScript动态改变样式访问技术
百合不是茶
JavaScript style属性 ClassName属性
一:style属性
格式:
HTML元素.style.样式属性="值";
创建菜单:在html标签中创建 或者 在head标签中用数组创建
<html>
<head>
<title>style改变样式</title>
</head>
&l
jQuery的deferred对象详解
bijian1013
jquery deferred对象
jQuery的开发速度很快，几乎每半年一个大版本，每两个月一个小版本。
每个版本都会引入一些新功能，从jQuery 1.5.0版本开始引入的一个新功能----deferred对象。
&nb
淘宝开放平台TOP
Bill_chen
C++ c 物流 C#
淘宝网开放平台首页：http://open.taobao.com/
淘宝开放平台是淘宝TOP团队的产品，TOP即TaoBao Open Platform，
是淘宝合作伙伴开发、发布、交易其服务的平台。
支撑TOP的三条主线为：
1.开放数据和业务流程
* 以API数据形式开放商品、交易、物流等业务；
&
【大型网站架构一】大型网站架构概述
bit1129
网站架构
大型互联网特点
面对海量用户、海量数据
大型互联网架构的关键指标
高并发
高性能
高可用
高可扩展性
线性伸缩性
安全性
大型互联网技术要点
前端优化
CDN缓存
反向代理
KV缓存
消息系统
分布式存储
NoSQL数据库
搜索
监控
安全
想到的问题：
1.对于订单系统这种事务型系统，如
eclipse插件hibernate tools安装
白糖_
Hibernate
eclipse helios(3.6)版
1.启动eclipse 2.选择 Help > Install New Software...> 3.添加如下地址：
http://download.jboss.org/jbosstools/updates/stable/helios/ 4.选择性安装：hibernate tools在All Jboss tool
Jquery easyui Form表单提交注意事项
bozch
jquery easyui
jquery easyui对表单的提交进行了封装，提交的方式采用的是ajax的方式，在开发的时候应该注意的事项如下：
1、在定义form标签的时候，要将method属性设置成post或者get，特别是进行大字段的文本信息提交的时候，要将method设置成post方式提交，否则页面会抛出跨域访问等异常。所以这个要
Trie tree(字典树)的Java实现及其应用-统计以某字符串为前缀的单词的数量
bylijinnan
java实现
import java.util.LinkedList;
public class CaseInsensitiveTrie {
/**
字典树的Java实现。实现了插入、查询以及深度优先遍历。
Trie tree's java implementation.(Insert,Search,DFS)
Problem Description
Igna
html css 鼠标形状样式汇总
chenbowen00
html css
css鼠标手型cursor中hand与pointer
Example：CSS鼠标手型效果 <a href="#" style="cursor:hand">CSS鼠标手型效果</a><br/>
Example：CSS鼠标手型效果 <a href="#" style=&qu
[IT与投资]IT投资的几个原则
comsci
it
无论是想在电商,软件,硬件还是互联网领域投资,都需要大量资金,虽然各个国家政府在媒体上都给予大家承诺,既要让市场的流动性宽松,又要保持经济的高速增长....但是,事实上,整个市场和社会对于真正的资金投入是非常渴望的,也就是说,表面上看起来,市场很活跃,但是投入的资金并不是很充足的......
oracle with语句详解
daizj
oracle with with as
oracle with语句详解 转
在oracle中，select 查询语句，可以使用with,就是一个子查询，oracle 会把子查询的结果放到临时表中，可以反复使用
例子:注意，这是sql语句，不是pl/sql语句， 可以直接放到jdbc执行的
----------------------------------------------------------------
hbase的简单操作
deng520159
数据库 hbase
近期公司用hbase来存储日志,然后再来分析 ,把hbase开发经常要用的命令找了出来.
用ssh登陆安装hbase那台linux后
用hbase shell进行hbase命令控制台!
表的管理
1）查看有哪些表
hbase(main)> list
2）创建表
# 语法：create <table>, {NAME => <family&g
C语言scanf继续学习、算术运算符学习和逻辑运算符
dcj3sjt126com
c
/*
2013年3月11日20:37:32
地点：北京潘家园
功能：完成用户格式化输入多个值
目的：学习scanf函数的使用
*/
# include <stdio.h>
int main(void)
{
int i, j, k;
printf("please input three number:\n"); //提示用
2015越来越好
dcj3sjt126com
歌曲
越来越好
房子大了电话小了 感觉越来越好
假期多了收入高了 工作越来越好
商品精了价格活了 心情越来越好
天更蓝了水更清了 环境越来越好
活得有奔头人会步步高
想做到你要努力去做到
幸福的笑容天天挂眉梢 越来越好
婆媳和了家庭暖了 生活越来越好
孩子高了懂事多了 学习越来越好
朋友多了心相通了 大家越来越好
道路宽了心气顺了 日子越来越好
活的有精神人就不显
java.sql.SQLException: Value '0000-00-00' can not be represented as java.sql.Tim
feiteyizu
mysql
数据表中有记录的time字段（属性为timestamp）其值为：“0000-00-00 00:00:00”
程序使用select 语句从中取数据时出现以下异常：
java.sql.SQLException:Value '0000-00-00' can not be represented as java.sql.Date
java.sql.SQLException: Valu
Ehcache（07）——Ehcache对并发的支持
234390216
并发 ehcache 锁 ReadLock WriteLock
Ehcache对并发的支持
在高并发的情况下，使用Ehcache缓存时，由于并发的读与写，我们读的数据有可能是错误的，我们写的数据也有可能意外的被覆盖。所幸的是Ehcache为我们提供了针对于缓存元素Key的Read（读）、Write（写）锁。当一个线程获取了某一Key的Read锁之后，其它线程获取针对于同
mysql中blob,text字段的合成索引
jackyrong
mysql
在mysql中，原来有一个叫合成索引的，可以提高blob,text字段的效率性能，
但只能用在精确查询，核心是增加一个列，然后可以用md5进行散列，用散列值查找
则速度快
比如：
create table abc(id varchar(10),context blog,hash_value varchar(40));
insert into abc(1,rep
逻辑运算与移位运算
latty
位运算 逻辑运算
源码：正数的补码与原码相同例+7 源码：00000111 补码 ：00000111 （用8位二进制表示一个数）
负数的补码：
符号位为1，其余位为该数绝对值的原码按位取反；然后整个数加1。 -7 源码： 10000111 ，其绝对值为00000111 取反加一：11111001 为-7补码
已知一个数的补码，求原码的操作分两种情况：
利用XSD 验证XML文件
newerdragon
java xml xsd
XSD文件 （XML Schema 语言也称作 XML Schema 定义（XML Schema Definition，XSD）。 具体使用方法和定义请参看：
http://www.w3school.com.cn/schema/index.asp
java自jdk1.5以上新增了SchemaFactory类 可以实现对XSD验证的支持，使用起来也很方便。
以下代码可用在J
搭建 CentOS 6 服务器(12) - Samba
rensanning
centos
（1）安装
# yum -y install samba
Installed:
samba.i686 0:3.6.9-169.el6_5
# pdbedit -a rensn
new password:123456
retype new password:123456
……
（2）Home文件夹
# mkdir /etc
Learn Nodejs 01
toknowme
nodejs
（1）下载nodejs
https://nodejs.org/download/ 选择相应的版本进行下载 （2）安装nodejs 安装的方式比较多，请baidu下
我这边下载的是“node-v0.12.7-linux-x64.tar.gz”这个版本 （1）上传服务器 （2）解压 tar -zxvf node-v0.12.
jquery控制自动刷新的代码举例
xp9802
jquery
1、html内容部分 复制代码代码示例: <div id='log_reload'>
<select name="id_s" size="1">
<option value='2'>-2s-</option>
<option value='3'>-3s-</option
