CSS3学习笔记
常用CSS3样式
文字
线性渐变
只有基于Webkit的浏览器才支持此特性，Firefox不支持：
|
1 2 3 4 5 |
selector { background: -webkit-linear-gradient(#3ADB69, #059CF7); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } |
背景
限制背景图片大小
注意：不能和背景颜色一起使用，但是可以和渐变背景一起使用：
|
1 2 3 4 5 6 7 8 9 |
selector { /* 不能和background-color配合 */ background: -webkit-linear-gradient(0deg, #3ADB69, #059CF7, #3ADB69); background: -o-linear-gradient(0deg, #3ADB69, #059CF7, #3ADB69); background: -moz-linear-gradient(0deg, #3ADB69, #059CF7, #3ADB69); background: linear-gradient(0deg, #3ADB69, #059CF7, #3ADB69); background-repeat: no-repeat; background-size: 3px 100%; /* 背景宽度3像素，高度100% */ } |
线性渐变
CSS格式说明：
从左向右的渐变：
你可以为direction指定任意的渐变角度：
设置占位符样式
要设置表单元素placeholder的样式，需要为不同浏览器设置伪元素/类的样式：
CSS选择器
我们知道CSS由一…
阅读全文
14 years ago
0
HTML5学习笔记
相对HTML4的变化
文档声明
HTML5文件的扩展名仍然是html或者htm，内容类型仍然是text/html，但是文档类型、编码格式等信息的声明有所简化：
|
1 2 3 4 5 6 7 8 9 10 |
<!DOCTYPE html> <!-- HTML DocType声明--> <html lang="en"> <head> <meta charset="UTF-8"><!-- 编码格式声明，推荐UTF-8 --> <title>HTML5 Study</title> </head> <body> <!-- body元素可以省略 --> </body> </html> |
语法
HTML5在语法方面充分考虑了对HTML4的兼容性，以及便利性。
标记的省略
| 类型 | 说明 |
| 不允许结束标记 | 这类元素不得书写结束标记，仅支持 <br/> 或者 <br> 的形式。大部分不包含文本节点的元素在此类中，例如img、br、input、link、meta、param等 |
| 可选结束标记 | 结束标记可有可无，均合法。例如p、li、option、t… |
14 years ago
0
AspectJ编程学习笔记
AOP基本概念
| 名词 | 含义 |
| 切面（方面，Aspect） | 一个关注点的模块化，这个关注点实现可能横切（crosscutting）多个对象切面的例子包括：事务控制、日志记录、权限控制等在AspectJ中，切面表现为Java类，其源码具有AspectJ的特殊语法增强，… |
14 years ago
1
15
Spring与Quartz的任务调度比较
任务调度代码比较
Spring 2.x 任务调度示例
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 |
<bean id="demoJob" class="org.springframework.scheduling.quartz.MethodInvokingJobDetailFactoryBean"> <!-- 目标Bean --> <property name="targetObject"> <bean class="cc.gmem.demo.DemoService" /> </property> <!-- 目标方法 --> <property name="targetMethod" value="doStuff" /> <!-- 防止并发执行 --> <property name="concurrent" value="false" /> </bean> <!-- 简单触发器 --> <bean id="simpleTrigger" class="org.springframework.scheduling.quartz.SimpleTriggerBean"> <property name="jobDetail" ref="demoJob" /> <!-- 启动后，调度开始的时间 --> <property name="startDelay" value="0" /> <!-- 每隔2000ms调度一次 --> <property name="repeatInterval" value="2000" /> </bean> <!-- Cron触发器 --> <bean id="cronTrigger" class="org.springframework.scheduling.quartz.CronTriggerBean"> <property name="jobDetail" ref="demoJob" /> <property name="cronExpression" value="15 0/2 * * * ?" /> </bean> <!-- 调度工厂Bean --> <bean class="org.springframework.scheduling.quartz.SchedulerFactoryBean"> <property name="triggers"> <list> <ref bean="simpleTrigger" /> <ref bean="cronTrigger" /> </list> </property> </bean> |
Spring 3.x 任务调度示例
配置文件方式
|
1 2 3 4 5 6 7 |
<!-- 任务调度器配置，pool-size为线程池大小，限制了同时最多被调度的任务 --> <task:scheduler pool-size="100" id="scheduler" /> <!-- 任务计划列表，支持固定频率、固定延迟、Cron表达式等 --> <task:scheduled-tasks scheduler="scheduler"> <task:scheduled fixed-rate="120000" method="doStuff" ref="demoService" /> <task:scheduled cron="15 0/2 * * * ?" method="doStuff" ref="demoService" /> </task:scheduled-tasks> |
Quartz任务调度示例
特性比较
| 比较项 | Spring2.x | Spring3.x | Quartz |
| 优… |
14 years ago
0
GNU Make学习笔记
make
概述
对于任何编译器可以通过Shell调用的编程语言，均可以通过GNU Make（以下称make）构建。make可以用于任何这样的任务：如果某些文件所依赖的文件发生了变化，则自动更新这些文件。
需要编写makefile文件来使用make，该文件中包含了文件之间的依赖关系、提供更新每个文件的命令，在makefile所在目录中运行make命令，即可完成文件更新，make会根据文件名GNUmakefile、makefile、Makefile依次寻找，可…
阅读全文
14 years ago
0
Spring知识集锦
配置
Spring各种注入方式的区别
| 注入方式 | 说明 |
| @Resource | 来源：JSR250 (Common Annotations for Java) 注入方式：
|
14 years ago
0
Linux内核学习笔记（五）
调试
内核的调试比用户级程序困难的多，并且风险高——内核中的一个错误可能导致系统立即崩溃。驾驭内核调试的能力很大程度上取决于经验和对内核的深刻理解。
通过打印来调试
内核提供的打印函数 printk() 与对应的C库函数功能几乎相同，但是它有一些特殊的特性：
健壮性
printk()函数是个弹性极佳的函数，可以在中断上下文、进程上下文、持有任何锁时、…
阅读全文
14 years ago
0