一、Emmet语法
Emmet语法的签属是Zen coding,它使用缩写,来提高html/css的编写速度。
1.1 快速生成HTML结构语法
生成标签,直接输入标签名,按tab键即可。比如div然后tab键,就可以生成
如果想要生成多个相同的标签,可以使用*
。比如div*
3就可以快速生成3个div
如果有父子级关系的标签,可以使用>。比如ul>li就可以了
如果有兄弟关系的标签,可以使用+。比如div+p
如果生成带有类名或者id名字的,直接写.demo或者#two,按tab键即可。
如果生成的div类名是有顺序的,可以用自增符号 *5
如果想要在生成的标签内部写内容可以用{}表示
1.2 快速生成CSS样式语法
CSS基本采取简写形式即可。
比如w200,按tab可以生成width:200px;
比如lh26,按tab可以生成line-height:26px
1.3 快速格式化代码
各类编辑器都可快速格式化代码。
二、CSS的复合选择器
2.1 什么是复合选择器
在CSS中,可以根据选择器的类型把选择器分为基础选择器 和复合选择器 ,复合选择器是建立在基础选择器之上,对基本选择器进行组合形成的。
复合选择器可以更准确、更高效的选择目标元素(标签)
复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的
常用的复合选择器包括:后代选择器、子选择器、并集选择器、伪类选择器等等
2.2 后代选择器(重要)
后代选择器 又称为包含选择器 ,可以选择父元素里面子元素。其写法就是把外层标签写在前面,内层标签写在后面,中间用空格分割。当标签发生嵌套时,内层标签就成为外层标签的后代。
语法
元素1 元素2 { 样式声明 }
上述语法表示选择元素1里面的所有元素2 (后代元素)
例如:
ul li { 样式声明 } /* 选择ul里面所有的li标签元素 */
2.3 子选择器(重要)
子元素选择器(子选择器)只能选择作为某元素的最近一级元素。
语法
元素1>元素2{ 样式声明 }
上述语法表示选择元素1里面的所有直接后代(子元素)元素2 。
例如:
div>p{ 样式声明 } /* 选择div里面所有最近一级p标签元素 */
元素1和元素2中间用大于号 隔开
元素1是父级,元素2是子级,最终选择的是元素2
元素2必须元素1的下一级 ,其下两级或更多下级不归它管
2.4 并集选择器(重要)
并集选择器可以选择多组标签,同时为他们定义相同的样式。 通常用于集体声明。
并集选择器 是各选择器通过英文逗号(,)连接而成 ,任何形式的选择器都可以作为并集选择器的一部分。
语法
元素1, 元素2 { 样式声明 }
上述语法表示选择元素1和元素2.
例如:
ul, div{ 样式声明 } /* 选择ul和div标签元素 */
元素1和元素2中间用逗号隔开
逗号可以理解为和 的意思
并集选择器通常用于集体声明
2.5 伪类选择器
伪类选择器 用于向某些选择器添加特殊的效果,比如给链接添加特殊效果,或选择第1个,第n个元素。
伪类选择器书写最大的特点是用冒号(:)表示 ,比如:hover:first-child。
因为伪类选择器很多,比如有链接伪类、结构伪类等,所以这里先给大家讲解常用的链接伪类选择器。
2.6 链接伪类选择器
a:link /*选择所有未被访问的链接*/
a:visited /*选择所有已被访问的链接*/
a:hover /*选择鼠标指针位于其上的链接*/
a:active /*选择活动链接(鼠标按下未弹起的链接)*/
链接伪类选择器注意事项
为了确保生效,请按照LVHA的顺序声明 :link - :visited - :hover - :active
因为a链接在浏览器中具有默认样式,所以我们实际工作中都需要给链接单独指定样式。
链接伪类选择器实际工作开发中的写法
/* a是标签选择器 所有的链接 */
a {
color: gray;
}
/* :hover是链接伪类选择器 鼠标经过 */
a:hover {
color: red; /* 鼠标经过的时候,由原来的灰色变成了红色 */
}
2.7 :focus伪类选择器
:focus伪类选择器用于选取获得焦点的表单元素。
焦点就是光标,一般情况
类表单元素才能获取,因此这个选择器也主要针对于表单元素来说。
input:focus {
background-color: yellow;
}
2.8 复合选择器总结
选择器
作用
特征
使用情况
隔开符号及用法
后代选择器
用来选择后代元素
可以是子孙后代
较多
符号是空格 .nav a
子代选择器
选择最近一级元素
只能选子代
较少
符号是大于 .nav>p
并集选择器
选择某些相同样式的元素
可以用于集体声明
较多
符号是逗号 .nav,header
链接伪类选择器
选择不同状态的链接
跟链接相关
较多
重点记住a{}和a:hover实际开发的写法
:focus选择器
选择获得光标的表单
跟表单相关
较少
input:focus 记住这个写法
三、CSS的元素显示模式
3.1 什么是元素显示模式
作用:网页的标签非常多,在不同地方会用到不同类型的标签,了解他们的特点可以更好的布局我们的网页 。
元素显示模式就是元素(标签)以什么方式进行显示 ,比如自己占一行,比如一行可以放多个
。
HTML元素一般分为块元素 和行内元素 两种类型。
3.2 块元素
常见的块元素有~、 、
、
、、等,其中标签是
最典型的块元素 。
块级元素的特点:
比较霸道,自己独占一行。
高度,宽度、外边距以及内边距都可以控制。
宽度默认是容器(父级宽度)的100%。
是一个容器及盒子,里面可以放行内或者块级元素。
注意:
文字类的元素内不能使用块级元素
标签主要用于存放文字,因此
里面不能放块级元素,特别是不能放
同理,~
等都是文字类块级标签,里面也不能放其他块级元素
3.3 行内元素
常见的行内元素有、、、、、、、、、
等,其中
标签是最典型的行内元素 。有的地方也将行内元素称为内联元素 。
行内元素的特点:
相邻行内元素在一行上,一行可以显示多个。
高、宽直接设置是无效的。
默认宽度就是它本身内容的宽度。
行内元素只能容纳文本或其他行内元素。
注意:
3.4 行内块元素
在行内元素中有几个特殊的标签—— 、 、,它们同时具有块元素和行内元素的特点 。有些资料称它们为行内块元素 。
行内块元素的特点:
和相邻行内元素(行内块)在一行上,但是它们之间会有空白缝隙。一行可以显示多个(行内元素特点)。
默认宽度就是它本身内容的宽度(行内元素特点)。
高度、行高、外边距以及内边距都可以控制(块元素特点)。
3.5 元素显示模式总结
元素模式
元素排序
设置样式
默认宽度
包含
块级元素
一行只能放一个块级元素
可以设置宽度高度
容器的100%
容器级可以包含任何标签
行内元素
一行可以放多个行内元素
不可以设置宽度高度
它本身内容的宽度
容纳文本或其他行内元素
行内块元素
一行放多个行内块元素
可以设置宽度高度
它本身内容的宽度
3.6 元素显示模式转换
特殊情况下,我们需要元素模式的转换,简单理解:一个模式的元素需要另外一种模式的特性。比如想要增加链接
的触发范围。
转换为块元素:display:block;
转换为行内元素:display:inline;
转换为行内块元素:display:inline-block;
3.7 单行文字垂直居中的代码
CSS没有给我们提供文字垂直居中的代码。我们可以使用一个小技巧来实现。
解决方案:让文字的行高等于盒子的高度 就可以让文字在当前盒子内垂直居中
简单理解:行高的上空隙和下空隙把文字挤到中间了。
四、CSS的背景
通过CSS背景属性,可以给页面元素添加背景样式。
背景属性可以设置背景颜色、背景图片、背景平铺、背景图片位置、背景图像固定等。
4.1 背景颜色
background-color 属性定义了元素的背景颜色。
background-color:颜色值;
一般情况下元素背景颜色默认值是transparent(透明) ,我们也可以手动指定背景颜色为透明色。
4.2 背景图片
background-image 属性描述了元素的背景图像。实际开发常见于logo或者一些装饰性的小图片或者是超大的背景图片,优点是非常便于控制位置。(精灵图也是一种运用场景)
background-image: none | url(url)
参数值
作用
none
无背景图(默认的)
url
使用绝对或相对地址指定背景图像
4.3 背景平铺
如果需要在HTML页面上对背景图像进行平铺,可以使用background-repeat 属性。
background-repeat: repeat | no-repeat | repeat-x | repeat-y
参数值
作用
repeat
背景图像在纵向和横向上平铺(默认)
no-repeat
背景图像不平铺
repeat-x
背景图像在横向上平铺
repeat-y
背景图像在纵向上平铺
4.4 背景图片位置
利用background-position 属性可以改变图片在背景中的位置。
background-position:x y;
参数代表的意思是:x坐标和y坐标。可以使用方位名词 或者精确单位
参数值
说明
length
百分数 | 由浮点数字和单位标识符组成的长度值
position
top | center | bottom | left | center | right 方位名词
参数是方位名词
如果指定的两个值都是方位名词,则两个值前后顺序无关,比如left top和top left效果一致
如果只指定了一个方位名词,另一个值省略,则第二个值默认居中对齐
参数是精确单位
如果参数值是精确坐标,那么第一个肯定是x坐标,第二个一定是y坐标
如果只指定一个数值,那该数值一定是x坐标,另一个默认垂直居中
参数是混合单位
如果指定的两个值是精确单位和方位名词混合使用,则第一个值是x坐标,第二个值是y坐标
4.5 背景图像固定(背景附着)
background-attachment 属性设置背景图像是否固定或者随着页面的其余部分滚动。
background-attachment后期可以制作视差滚动的效果。
background-attachment: scroll | fixed
参数
作用
scroll
背景图像是随对象内容滚动
fixed
背景图像固定
4.6 背景复合写法
为了简化背景属性的代码,我们可以将这些属性合并简写在用一个属性background 中。从而节约代码量。
当使用简写属性时,没有特定的书写顺序,一般习惯约定顺序为:
background:背景颜色 背景图片地址 背景平铺 背景图像滚动 背景图片位置
background: transparent url(image.png) repeat-y fixed top;
4.7 背景色半透明
CSS3为我们提供了背景颜色半透明的效果。
background: rgba(0,0,0,0.3);
最后一个参数时alpha透明度,取值范围在0~1之间
我们习惯把0.3的0省略掉,写为background: rgba(0,0,0,.3);
注意:背景色半透明是指盒子背景半透明,盒子里面的内容不受影响
这是CSS3新增属性,是IE9+版本浏览器才支持的,不过可以放心使用
4.8 背景总结
属性
作用
值
background-color
背景颜色
预定义的颜色值/十六进制/RGB代码
background-image
背景图片
url(图片路径)
background-repeat
是否平铺
repeat/no-repeat/repeat-x/repeat-y
background-position
背景位置
length/position 分别是x和y坐标
background-attachment
背景附着
scroll(背景滚动)/fixed(背景固定)
背景简写
书写更简单
背景颜色 背景图片地址 背景平铺 背景滚动 背景位置;
背景色半透明
背景颜色半透明
background: rgba(0,0,0,0.3); 后面必须是4个值
五、CSS的三大特性
CSS有三个非常重要的特性:层叠性、继承性、优先级。
5.1 层叠性
相同选择器给设置相同的样式,此时一个样式就会覆盖(层叠) 另一个冲突的样式。层叠性主要解决样式冲突的问题
层叠性原则:
样式冲突,遵循的原则是就近原则,哪个样式离结构近,就执行哪个样式
样式不冲突,不会层叠
5.2 继承性
CSS中的继承性:子标签会继承父标签的某些样式,如文本颜色和字号。简单的理解就是:子承父业
行高的继承
body {
font: 12px/1.5 Microsoft YaHei;
}
5.3 优先级
当同一个元素指定多个选择器,就会有优先级的产生。
选择器相同,则执行层叠性
选择器不同,则根据选择器权重 执行
选择器权重如下表所示。
选择器
选择器权重
继承 或者 *
0,0,0,0
元素选择器
0,0,0,1
类选择器,伪类选择器
0,0,1,0
ID选择器
0,1,0,0
行内样式 stule=""
1,0,0,0
!important 重要的
∞无穷大
优先级注意点:
权重是有4组数字组成,但是不会有进位。
可以理解为类选择器永远大于元素选择器,id选择器永远大于类选择器,以此类推。
等级判断从左向右,如果某一位数值相同,则判断下一位数值。
继承的权重是0 ,如果该元素没有直接选中,不管父元素权重多高,子元素得到的权重都是0.
权重叠加: 如果是复合选择器,则会有权重叠加,需要计算权重。
六、CSS案例
6.1 CSS属性书写顺序(重点)
建议遵循以下顺序:
布局定位属性:display / position / float / clear / visibility / overflow(建议display第一个写,毕竟关系到模式)
自身属性:width / height / margin / padding / border / background
文本属性:color / font / text-decoration / text-align / vertical-align / white-space / break-word
其他属性(CSS3):content / cursor / border-radius / box-shadow / text-shadow / background:linear-gradient...
你可能感兴趣的:(四.CSS进阶)
《雨天》
好物坊娇娇
雨天,似乎是司空见惯的!在一年四季的日子里,春季的毛毛细雨,夏季的暴雨如注、磅礴大雨,秋季连绵不断的连阴雨!冬季的雨夹雪。雨,水的另一种组合方式。在不同的地点,不同的时节,以不同的姿态陪伴了我们的许多年华!图片发自App晶莹剔透的雨从天际落下,所有的明朗都不见了。但是却有一种清洗过后的清晰,水样的美好。像美女梨花带雨的眼眸,有一种犹抱琵琶半遮面的朦胧的美好!你会想到红酒,因为你要将美色穿肠。你也会
画堂春.元白(秦观体)(新韵)
高点散人
巫峰得沐几时欢?相厮到底真难。镜中长恨雪如山,寡默天天。幸与诗魔为伴.,鸿声四海常联。刀风逼近不知寒,方寸无间。
深度学习:让 AI 拥有 “思考” 能力的核心技术
田园Coder
人工智能科普 人工智能 科普
1.深度学习:突破传统的AI“进阶版”1.1什么是深度学习?深度学习是机器学习的一个分支,它通过模拟人脑神经网络的多层结构,让AI能够自动学习数据中的复杂特征,从而完成更高级的认知任务。例如,传统机器学习需要人类手动提取“猫有尖耳朵、胡须”等特征,而深度学习能直接从原始图片中,自主学习从像素到轮廓、再到整体形态的多层特征,最终实现更精准的识别。这种“自主提取特征”的能力,让深度学习突破了传统AI的
AI产品经理面试宝典第18天:AI思维矩阵构建与实战应用面试题与答法
TGITCIC
AI产品经理一线大厂面试题 产品经理 面试 AI产品经理面试 大模型产品经理面试 AI面试 大模型面试
如何构建AI思维矩阵?产品经理的"降维攻击"密码面试官:请解释什么是AI思维矩阵?作为产品经理如何构建这种思维?你的回答:AI思维矩阵不是技术架构,而是产品经理在AI时代的核心认知框架。它包含四个关键维度:软硬结合创新:如智能音箱通过硬件采集语音数据,软件优化交互体验,形成闭环数据驱动决策:在智能客服场景中,通过用户对话数据优化意图识别模型,实现NLU准确率提升30%生态协同视角:以智能家居为例,
HTML——css--盒子模型与布局
盒子:html中任何一个元素如div、span等都可以看作盒子,每个元素本质属性都会存在一些区别而这种现象则被称为盒子模型盒子模型种类1.块级盒子(标签、元素):divullih1~h6独占一行,对宽度高度支持2.内联级盒子:spana不独占一行,对宽度高度不支持3.内联块级盒子:imginput不独占一行,对宽度高度支持4.弹性盒子:不论父级能不能放下子元素,子元素始终横向布局盒子模型分区内容区
【Linux学习】Ubuntu对用户进行管理
Small___ming
Linux linux ubuntu 用户管理
目录写在前面【Linux学习】Ubuntu对用户进行管理一、为什么需要用户管理?二、用户管理基础操作(一)用户管理1.用户管理命令表格2.关键操作场景说明场景一:创建用户并配置权限场景二:修改用户属性场景三:设置密码策略场景四:锁定并删除用户3.配置文件说明4.注意事项5.其他问题(1)新创建的用户目录在哪里?(2)多硬盘服务器如何指定用户目录?方法一:创建用户时直接指定路径方法二:挂载硬盘到`/
运维打铁: Ruby 脚本在运维自动化中的应用探索
懂搬砖
运维打铁 原力计划 运维 ruby 自动化
文章目录一、思维导图二、基础介绍1.Ruby语言特点2.运维自动化概念三、应用场景1.服务器配置管理2.定时任务执行3.日志分析处理四、代码示例1.服务器配置脚本2.定时任务脚本3.日志分析脚本五、优势与挑战1.优势2.挑战六、总结与展望一、思维导图Ruby脚本在运维自动化中的应用基础介绍应用场景代码示例优势与挑战总结与展望Ruby语言特点运维自动化概念服务器配置管理定时任务执行日志分析处理服务器
数据结构——线性表(C++)
线性表一、线性表的定义二、线性表的抽象数据类型三、线性表的顺序存储1.顺序存储定义2.顺序存储的实现方式四、线性表的链式存储五、其他线性表参考一、线性表的定义线性表:零个或多个数据元素的有限序列。线性表是最常用且是最简单的一种数据结构。形如:A1、A2、A3….An这样含有有限的数据序列,我们就称之为线性表。线性表包括顺序表和链表。顺序表(其实就是数组)里面元素的地址是连续的,链表里面节点的地址不
【原创】下雨天要游泳
饶金霞家庭教育心理咨询
下午,我照着昨天与小儿的约定,在四点半,就来到幼儿园门口接孩子。老师打开大门,孩子从教室里走出来,一见到我就问:“老妈,泳衣准备好了吗?”我半蹲下来拥抱他说:“都放在车上啦!”儿子在我额头上亲一口说:“你真是世界上最讲信用的好妈妈!”我有点怀疑我这儿子有NLP的基因,总是能及时地给沟通者作出良好的回应,而且还会用米尔顿。其实看着这满天的乌云,我心里还在嘀咕,这场大雨可能不会等到我们去游泳场。果不其
数据结构——线性表
木子杳衫
数据结构 c++ c#
目录一、线性表的定义二、线性表的分类(1)顺序表(2)单链表三、最常见的基本操作四、C/C++实现(1)顺序表1、静态顺序表1)定义其数据类型。2)相关代码。2、动态顺序表1)定义其数据类型。2)相关代码(2)单链表1、带头结点1)初始化2)判空3)查找4)插入4)删除2、不带头结点1)初始化2)判断是否为空3)插入(3)扩展1、双链表1)初始化2)删除3)销毁2、循环单链表1)初试化3、循环双链
单身男人的白日梦
你先走
短文,这是看完英伦才子阿兰.德波顿《无聊的魅力》后的一些想法。强迫孤独,忧伤以及快乐如果你像我一样太早接触火车这类事物,很早背井离乡,成年后经年累月四处漂泊,一定和我一样,更容易看懂爱德华.霍珀的画作。aaf0a9268bba469c8da9b0d49fda44dc.jpeg孤独,是霍珀绘画艺术的核心主题。但是,用德波顿的话说:其作品充满忧伤,但不会让观众忧伤。f0def170bb3815d798
2018.09.23
Pheeb
1.横塘宋代范成大南浦春来绿一川,石桥朱塔两依然。年年送客横塘路,细雨垂杨系画船。2.这两天在脑海里转着一个词:模式。如果模式没变,却希望得到不同的结果,那就是贪了。多做旁观者,注意自己的模式切换。3.早起送姑娘去课外班,顺便把课外班的学费都交给老师了。别纠结,认定了就好好学。我的课外班还欠着……赶十一前付款。4.去舜帝陵溜达,正好有蒲剧《出潼关》,看了第三出的后半截、第四出、第五出。边看边感叹当
素食1000餐|429-431/1000|20220530早餐午餐晚餐
心心666
【今日素食】20220530农历四月三十星期一早餐:麻心汤圆。午餐:米饭,海带豆芽,豆腐干炒咸菜。晚餐:米饭,海带豆芽,豆腐干炒咸菜。【文摘】在这个世上,有些人辛苦了一辈子,依旧一事无成。其根本原因就在于,认不清自己的位置。要么过分高估自己的能力,眼高手低导致碌碌无为;要么太过贬低自己的实力,畏手畏脚导致无所作为。古语有言:“不失其所者久、死而不亡者寿。”
独家章节《醉人之香》周小强&小说全文阅读笔趣阁
寒风书楼
独家章节《醉人之香》周小强&小说全文阅读笔趣阁主角:周小强简介:醉人之香关注微信公众号【风车文楼】去回个书号【257】,即可阅读【醉人之香】小说全文!山坡上,草丛里。“宝贝,谁遭报应,两说呢!”王守平咂了咂嘴,又继续忙碌了起来,粗大的舌头宛如一条小蛇似的,在柔若无骨的香肩上四处探索。王守平吻遍了王心妍的香肩,沿着羊脂玉似的后背,一点点的向下滑去,很快就到了胸罩带子边缘。老色鬼两眼泛着红光,一把扯断
【Python爬虫(26)】Python爬虫进阶:数据清洗与预处理的魔法秘籍
奔跑吧邓邓子
Python爬虫 python 爬虫 开发语言 数据清洗 预处理
【Python爬虫】专栏简介:本专栏是Python爬虫领域的集大成之作,共100章节。从Python基础语法、爬虫入门知识讲起,深入探讨反爬虫、多线程、分布式等进阶技术。以大量实例为支撑,覆盖网页、图片、音频等各类数据爬取,还涉及数据处理与分析。无论是新手小白还是进阶开发者,都能从中汲取知识,助力掌握爬虫核心技能,开拓技术视野。目录一、数据清洗的重要性二、数据清洗的常见任务2.1去除噪声数据2.2
C#-Linq源码解析之Concat
黑哥聊dotNet
DotNet-Linq详解 linq c#
前言在Dotnet开发过程中,Concat作为IEnumerable的扩展方法,十分常用。本文对Concat方法的关键源码进行简要分析,以方便大家日后更好的使用该方法。使用Concat连接两个序列。假如我们有这样的两个集合,我们需要把两个集合进行连接!List lst = new List { "张三", "李四" };List lst2 = new List { "王麻子" };不使用Linq大
C# Linq源码解析之Aggregate
黑哥聊dotNet
DotNet-Linq详解 c# linq list
前言在Dotnet开发过程中,Aggregate作为IEnumerable的扩展方法,十分常用。本文对Aggregate方法的关键源码进行简要分析,以方便大家日后更好的使用该方法。使用Aggregate是对序列应用累加器的函数。看下面一段代码:List lst = new List() { "张三", "李四", "王麻子" };给了我们这样的一个list集合,我们想要得到"张三哈哈哈李四哈哈哈王
Redis 安全加固:从密码保护到高级安全配置
Seal^_^
数据库专栏 # 数据库--Redis redis 安全 数据库 Redis 安全加固
Redis安全加固:从密码保护到高级安全配置一、Redis安全概述二、密码认证配置1.设置Redis密码临时设置(重启后失效)永久设置(修改配置文件)2.密码认证流程3.Python连接示例三、网络层安全加固1.绑定内网IP2.修改默认端口3.防火墙配置四、危险命令禁用1.禁用敏感命令2.命令禁用前后对比五、高级安全配置1.TLS加密传输2.客户端证书认证3.ACL细粒度权限控制(Redis6.0
【自动化从入门到进阶】Playwright 实战指南,提升测试效率必修课!
朱公子的Note
python Playwright 自动化
你是否也有过“页面点击没反应,接口明明没问题”的糟心经历?就算写再多单元测试,也无法覆盖复杂的用户交互。而Playwright的出现,正为前端开发者和QA带来一剂“提效良方”:跨浏览器、强校验、自动重试、不再依赖Selenium!在2025年的软件开发浪潮中,Web应用的复杂性和用户期望持续攀升,单页应用(SPA)和跨浏览器兼容性让测试变得更加关键。想象一下,您的电商平台上线后因未发现的UI错误导
如果生活中心如此摇摆不定,我们的情绪难免起起落落,一会意气风发,一会颓废沮丧,没有稳固的方向,也没有稳定的力量。
丛培国
姓名:丛培国机构:丛迪服装公司【日精进打卡第193天】【知~学习】《六项精进》0遍共61遍《大学》0遍共60遍今年计划十五本书一、《活法》OK二、《OKR工作法》3遍OK三、《创造高收益》二OK四、《思维导图》记忆力与专注力训练OK五、《经营三十四问》P062六、《经营十二条》OK七、《调动员工积极性的七个关键》P027-P038【经典名言】如果生活中心如此摇摆不定,我们的情绪难免起起落落,一会意
《记忆深刻的第一次》四(2)班~杨佳怡。
板小杨佳怡
我相信在每个人的记忆中都有很多的第一次。比如:第一次一个人走夜路,第一次被老师批评,第一次做家务……在我的记忆中也有很多第一次,但是让我记忆最深刻的是第一次一个人去上古筝课。在我还在上大班时,妈妈就在张掖博辉艺校给我报了古筝这么乐器,由于路程比较远,每周都是由爸爸或妈妈送我去上古筝课。就在今年的一天,由于家里比较忙,没有人送我去上古筝课,妈妈决定让我一个人去。听了这句话我觉得有点害怕,但我还是鼓足
也谈记性
pysym
我和周围一些年龄相仿的人在一起聊天,发现一个共同的现象:都说现在记性越来越差,做起事情来丢三拉四;说起话来有时前面说过什么,转身就忘得一干二净;我和老公也是经常在家里互相自嘲:“得了老年痴呆”了,这不,我每天晚上临睡前都要把明天早晨要吃的杂粮粥放在高压锅里煲,这是几年来的习惯,都说“习惯成自然”,应该不会忘啊!可是昨天凌晨4点多钟醒来,突然脑袋很清醒地想到昨天忘了这事,赶紧下床淘米做上(还好这里不
如果这件事没有发生呢?
大人读童书
今天意识到了自己还是偶尔过于急躁了,应该更平静地面对孩子进步很小的状况。有一个孩子,上四年级了,基本的数字和简单的单词都不熟悉,甚至比不上三年级学生,上课注意力集中的时间特别短暂,很头疼。因为进步缓慢,有时我会产生“他在这里补习是不是浪费我们双方的时间和金钱啊”这样的想法。今天跟师傅谈起这个,师傅说:不要这样想。第一,他愿意来,证明他是愿意学,愿意改变的。第二,只要他来了,他都会有收获,不论大小。
2024年09月CCF-GESP编程能力等级认证C++编程四级真题解析
码农StayUp
c++ CCF GESP 编程能力等级认证
本文收录于专栏《C++等级认证CCF-GESP真题解析》,专栏总目录:点这里。订阅后可阅读专栏内所有文章。一、单选题(每题2分,共30分)第1题在C++中,()正确定义了一个返回整数值并接受两个整数参数的函数。A.intadd(inta,intb){returna+b;}B.voidadd(inta,intb){returna+b;}C.intadd(a,b){returna+b;}D.voida
11、指针基础
本章将是我学习c语言的最后一章,接下来将进入java的学习,祝大家奔流不息一、指针的理解CPU处理数据时会从内存中读取后再放回而内存的空间是由一个个一字节大小的空间组成的(房间),我们把房间的门牌号就称作指针1、取地址符号顾名思义就是把存放变量的地址取出来intmain(){inta=0;printf("%p",&a);return0;}在这里整形变量占四个字节,&只会取出最低位字节的地址2、解引
千年古银杏
曦微w行走在路上
千年银杏,摄影:曦微千年银杏,摄影:曦微《千年古银杏》秦岭临瞰百塔寺,银杏香浓千百年。别家金光随风去,且看本色翠相连。多少风霜雨慕雪,我自凭栏望云烟。四时黎民歌乐土,世代江山待远帆。千年银杏,摄影:曦微千年银杏,摄影:曦微千年银杏,摄影:曦微注:刚一入秋,城里四处散落的银杏树,叶子就急匆匆地改变了颜色,无论遇到朝阳还是夕照,只要有阳光照耀,银杏叶总会呈现出金光斑斓的迷离状态,造就无可比拟的金色光彩
前端 Vue.js 动画效果实现技巧
大厂前端小白菜
前端 vue.js javascript ai
前端Vue.js动画效果实现技巧关键词:Vue.js、动画、过渡、CSS动画、JavaScript动画、性能优化、交互设计摘要:本文将深入探讨Vue.js中实现动画效果的多种技巧,从基础的CSS过渡到复杂的JavaScript动画,涵盖过渡组件使用、动画性能优化、第三方库集成等实用内容。通过丰富的代码示例和实际案例,帮助开发者掌握在Vue应用中创建流畅、吸引人的动画效果。背景介绍目的和范围本文旨在
网络编程中的 Protobuf 和 JsonCpp 全面解析
筏.k
c++asio网络编程 网络 开发语言 c++ 服务器
文章目录前言一、为什么需要序列化?序列化的好处:常见序列化格式包括:二、JsonCpp与Protobuf对比三、JsonCpp简介与示例(客户端通信)JsonCpp使用示例(客户端发送请求):JsonCpp使用示例(服务器解析请求):四、Protobuf简介与示例(服务器通信)定义消息格式(user.proto)编译生成代码:服务器端序列化&发送数据接收端解析数据五、使用建议总结前言在网络编程中,
8.10少阳条辨续与温胆汤
吕思萍
一、柴胡芍药枳实甘草汤与宋本四逆散1、柴胡芍药枳实甘草汤1)主证是邪下痛,然后痛得剧烈的时候人会吐2)胸中气降不下来这个人是右胁痛,上来的气不通的话是左胁痛。治左胁痛以柴胡芍药为主,治右胁痛你枳实为主,都有。2、宋本四逆散1)四逆散,正是一个肝胆之气郁结,胡量少,可以疏肝2)阳气郁结,闷在身体中间不能传到四肢,脉弦,里热舌苔黄,心烦3)逍遥散、柴胡疏肝散,几乎所有的舒肝解郁的方都是从四逆散发展出来
2023-09-25
与非与你
01下个星期就要给表哥做伴娘了,再下个星期又要给一个好朋友做姐妹,今年不管是家人还是朋友都很多结婚了,自己的那种无措感又来了。看着别人结婚,自己已经没有当初那种想结婚的欲望了,只是觉得大家都长大了,从读书的年纪突然一下子就到了结婚生子的年纪。昨天和朋友四点半起床开车去海边看日出,一下车听到海浪声,那个风真的自由和快乐。我想如果结婚生孩子了,是否还有这样的机会说走就走的时候?是否还能像现在这么洒脱和
web前段跨域nginx代理配置
刘正强
nginx cms Web
nginx代理配置可参考server部分
server {
listen 80;
server_name localhost;
spring学习笔记
caoyong
spring
一、概述
a>、核心技术 : IOC与AOP
b>、开发为什么需要面向接口而不是实现
接口降低一个组件与整个系统的藕合程度,当该组件不满足系统需求时,可以很容易的将该组件从系统中替换掉,而不会对整个系统产生大的影响
c>、面向接口编口编程的难点在于如何对接口进行初始化,(使用工厂设计模式)
Eclipse打开workspace提示工作空间不可用
0624chenhong
eclipse
做项目的时候,难免会用到整个团队的代码,或者上一任同事创建的workspace,
1.电脑切换账号后,Eclipse打开时,会提示Eclipse对应的目录锁定,无法访问,根据提示,找到对应目录,G:\eclipse\configuration\org.eclipse.osgi\.manager,其中文件.fileTableLock提示被锁定。
解决办法,删掉.fileTableLock文件,重
Javascript 面向对面写法的必要性?
一炮送你回车库
JavaScript
现在Javascript面向对象的方式来写页面很流行,什么纯javascript的mvc框架都出来了:ember
这是javascript层的mvc框架哦,不是j2ee的mvc框架
我想说的是,javascript本来就不是一门面向对象的语言,用它写出来的面向对象的程序,本身就有些别扭,很多人提到js的面向对象首先提的是:复用性。那么我请问你写的js里有多少是可以复用的,用fu
js array对象的迭代方法
换个号韩国红果果
array
1.forEach 该方法接受一个函数作为参数, 对数组中的每个元素
使用该函数 return 语句失效
function square(num) {
print(num, num * num);
}
var nums = [1,2,3,4,5,6,7,8,9,10];
nums.forEach(square);
2.every 该方法接受一个返回值为布尔类型
对Hibernate缓存机制的理解
归来朝歌
session 一级缓存 对象持久化
在hibernate中session一级缓存机制中,有这么一种情况:
问题描述:我需要new一个对象,对它的几个字段赋值,但是有一些属性并没有进行赋值,然后调用
session.save()方法,在提交事务后,会出现这样的情况:
1:在数据库中有默认属性的字段的值为空
2:既然是持久化对象,为什么在最后对象拿不到默认属性的值?
通过调试后解决方案如下:
对于问题一,如你在数据库里设置了
WebService调用错误合集
darkranger
webservice
Java.Lang.NoClassDefFoundError: Org/Apache/Commons/Discovery/Tools/DiscoverSingleton
调用接口出错,
一个简单的WebService
import org.apache.axis.client.Call;import org.apache.axis.client.Service;
首先必不可
JSP和Servlet的中文乱码处理
aijuans
Java Web
JSP和Servlet的中文乱码处理
前几天学习了JSP和Servlet中有关中文乱码的一些问题,写成了博客,今天进行更新一下。应该是可以解决日常的乱码问题了。现在作以下总结希望对需要的人有所帮助。我也是刚学,所以有不足之处希望谅解。
一、表单提交时出现乱码:
在进行表单提交的时候,经常提交一些中文,自然就避免不了出现中文乱码的情况,对于表单来说有两种提交方式:get和post提交方式。所以
面试经典六问
atongyeye
工作 面试
题记:因为我不善沟通,所以在面试中经常碰壁,看了网上太多面试宝典,基本上不太靠谱。只好自己总结,并试着根据最近工作情况完成个人答案。以备不时之需。
以下是人事了解应聘者情况的最典型的六个问题:
1 简单自我介绍
关于这个问题,主要为了弄清两件事,一是了解应聘者的背景,二是应聘者将这些背景信息组织成合适语言的能力。
我的回答:(针对技术面试回答,如果是人事面试,可以就掌
contentResolver.query()参数详解
百合不是茶
android query()详解
收藏csdn的博客,介绍的比较详细,新手值得一看 1.获取联系人姓名
一个简单的例子,这个函数获取设备上所有的联系人ID和联系人NAME。
[java]
view plain
copy
public void fetchAllContacts() {
 
ora-00054:resource busy and acquire with nowait specified解决方法
bijian1013
oracle 数据库 kill nowait
当某个数据库用户在数据库中插入、更新、删除一个表的数据,或者增加一个表的主键时或者表的索引时,常常会出现ora-00054:resource busy and acquire with nowait specified这样的错误。主要是因为有事务正在执行(或者事务已经被锁),所有导致执行不成功。
1.下面的语句
web 开发乱码
征客丶
spring Web
以下前端都是 utf-8 字符集编码
一、后台接收
1.1、 get 请求乱码
get 请求中,请求参数在请求头中;
乱码解决方法:
a、通过在web 服务器中配置编码格式:tomcat 中,在 Connector 中添加URIEncoding="UTF-8";
1.2、post 请求乱码
post 请求中,请求参数分两部份,
1.2.1、url?参数,
【Spark十六】: Spark SQL第二部分数据源和注册表的几种方式
bit1129
spark
Spark SQL数据源和表的Schema
case class
apply schema
parquet
json
JSON数据源 准备源数据
{"name":"Jack", "age": 12, "addr":{"city":"beijing&
JVM学习之:调优总结 -Xms -Xmx -Xmn -Xss
BlueSkator
-Xss -Xmn -Xms -Xmx
堆大小设置JVM 中最大堆大小有三方面限制:相关操作系统的数据模型(32-bt还是64-bit)限制;系统的可用虚拟内存限制;系统的可用物理内存限制。32位系统下,一般限制在1.5G~2G;64为操作系统对内存无限制。我在Windows Server 2003 系统,3.5G物理内存,JDK5.0下测试,最大可设置为1478m。典型设置:
java -Xmx355
jqGrid 各种参数 详解(转帖)
BreakingBad
jqGrid
jqGrid 各种参数 详解 分类:
源代码分享
个人随笔请勿参考
解决开发问题 2012-05-09 20:29 84282人阅读
评论(22)
收藏
举报
jquery
服务器
parameters
function
ajax
string
读《研磨设计模式》-代码笔记-代理模式-Proxy
bylijinnan
java 设计模式
声明: 本文只为方便我个人查阅和理解,详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/
import java.lang.reflect.InvocationHandler;
import java.lang.reflect.Method;
import java.lang.reflect.Proxy;
/*
* 下面
应用升级iOS8中遇到的一些问题
chenhbc
ios8 升级iOS8
1、很奇怪的问题,登录界面,有一个判断,如果不存在某个值,则跳转到设置界面,ios8之前的系统都可以正常跳转,iOS8中代码已经执行到下一个界面了,但界面并没有跳转过去,而且这个值如果设置过的话,也是可以正常跳转过去的,这个问题纠结了两天多,之前的判断我是在
-(void)viewWillAppear:(BOOL)animated
中写的,最终的解决办法是把判断写在
-(void
工作流与自组织的关系?
comsci
设计模式 工作
目前的工作流系统中的节点及其相互之间的连接是事先根据管理的实际需要而绘制好的,这种固定的模式在实际的运用中会受到很多限制,特别是节点之间的依存关系是固定的,节点的处理不考虑到流程整体的运行情况,细节和整体间的关系是脱节的,那么我们提出一个新的观点,一个流程是否可以通过节点的自组织运动来自动生成呢?这种流程有什么实际意义呢?
这里有篇论文,摘要是:“针对网格中的服务
Oracle11.2新特性之INSERT提示IGNORE_ROW_ON_DUPKEY_INDEX
daizj
oracle
insert提示IGNORE_ROW_ON_DUPKEY_INDEX
转自:http://space.itpub.net/18922393/viewspace-752123
在 insert into tablea ...select * from tableb中,如果存在唯一约束,会导致整个insert操作失败。使用IGNORE_ROW_ON_DUPKEY_INDEX提示,会忽略唯一
二叉树:堆
dieslrae
二叉树
这里说的堆其实是一个完全二叉树,每个节点都不小于自己的子节点,不要跟jvm的堆搞混了.由于是完全二叉树,可以用数组来构建.用数组构建树的规则很简单:
一个节点的父节点下标为: (当前下标 - 1)/2
一个节点的左节点下标为: 当前下标 * 2 + 1
&
C语言学习八结构体
dcj3sjt126com
c
为什么需要结构体,看代码
# include <stdio.h>
struct Student //定义一个学生类型,里面有age, score, sex, 然后可以定义这个类型的变量
{
int age;
float score;
char sex;
}
int main(void)
{
struct Student st = {80, 66.6,
centos安装golang
dcj3sjt126com
centos
#在国内镜像下载二进制包
wget -c http://www.golangtc.com/static/go/go1.4.1.linux-amd64.tar.gz
tar -C /usr/local -xzf go1.4.1.linux-amd64.tar.gz
#把golang的bin目录加入全局环境变量
cat >>/etc/profile<
10.性能优化-监控-MySQL慢查询
frank1234
性能优化 MySQL慢查询
1.记录慢查询配置
show variables where variable_name like 'slow%' ; --查看默认日志路径
查询结果:--不用的机器可能不同
slow_query_log_file=/var/lib/mysql/centos-slow.log
修改mysqld配置文件:/usr /my.cnf[一般在/etc/my.cnf,本机在/user/my.cn
Java父类取得子类类名
happyqing
java this 父类 子类 类名
在继承关系中,不管父类还是子类,这些类里面的this都代表了最终new出来的那个类的实例对象,所以在父类中你可以用this获取到子类的信息!
package com.urthinker.module.test;
import org.junit.Test;
abstract class BaseDao<T> {
public void
Spring3.2新注解@ControllerAdvice
jinnianshilongnian
@Controller
@ControllerAdvice,是spring3.2提供的新注解,从名字上可以看出大体意思是控制器增强。让我们先看看@ControllerAdvice的实现:
@Target(ElementType.TYPE)
@Retention(RetentionPolicy.RUNTIME)
@Documented
@Component
public @interface Co
Java spring mvc多数据源配置
liuxihope
spring
转自:http://www.itpub.net/thread-1906608-1-1.html
1、首先配置两个数据库
<bean id="dataSourceA" class="org.apache.commons.dbcp.BasicDataSource" destroy-method="close&quo
第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/
BW / Universe Mappings
blueoxygen
BO
BW Element
OLAP Universe Element
Cube Dimension
Class
Charateristic
A class with dimension and detail objects (Detail objects for key and desription)
Hi
Java开发熟手该当心的11个错误
tomcat_oracle
java 多线程 工作 单元测试
#1、不在属性文件或XML文件中外化配置属性。比如,没有把批处理使用的线程数设置成可在属性文件中配置。你的批处理程序无论在DEV环境中,还是UAT(用户验收
测试)环境中,都可以顺畅无阻地运行,但是一旦部署在PROD 上,把它作为多线程程序处理更大的数据集时,就会抛出IOException,原因可能是JDBC驱动版本不同,也可能是#2中讨论的问题。如果线程数目 可以在属性文件中配置,那么使它成为
推行国产操作系统的优劣
yananay
windows linux 国产操作系统
最近刮起了一股风,就是去“国外货”。从应用程序开始,到基础的系统,数据库,现在已经刮到操作系统了。原因就是“棱镜计划”,使我们终于认识到了国外货的危害,开始重视起了信息安全。操作系统是计算机的灵魂。既然是灵魂,为了信息安全,那我们就自然要使用和推行国货。可是,一味地推行,是否就一定正确呢?
先说说信息安全。其实从很早以来大家就在讨论信息安全。很多年以前,就据传某世界级的网络设备制造商生产的交