php中如何设计队列
1、需要队列程序,提供加入队列接口和取队列接口。2、需要存储队列、文件或数据库。3、需要定期程序取出队列并执行。4、其它扩展功能:优先级、日志、定时等。实例|–db.php //数据库操作|–db.sql //建立队列需要用到的基本表结构|–doQueue.php //执行队列任务|–Queue.class.php //队列核心业务在这...
2024-01-10css滑动门技术是什么
1、使各种特殊形状的背景能够适应元素中的文本内容,并自由拉伸和滑动。2、宽度足够长的背景图,同时设置在链接和链接文本的背景上,一左一右拉伸。实例a { display: inline-block; height: 33px; background: url(images/ao.png) no-repeat; color: #FFF; text-decoration: none; line-height: 33px;} a span {...
2024-01-10css精灵图技术是什么
1、将页面所涉及的所有零星背景图像集中到大图中,然后将大图用于网页。用户访问页面时,只需向服务器发送一次请求。2、直接使用background-position等属性来准确定位所需的背景部分。实例<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Title</title></head><body> <div> <span></sp...
2024-01-10css权重的计算规则
1、用四位数串来表示权重。每个数字代表一个级别,从左到右,级别依次降低,级别之间没有进位。每个选择器的贡献值叠加了最终权重值。2、继承风格的权重为0。行内风格的权重大于所有选择器。!important命令表示优先级。权重相同时,采用层叠。实例#box ul li a.cur {color:red;} #box li .cur {colo...
2024-01-10CSS中的三大特性
1、层叠性,如有样式冲突,按CSS书写顺序,以最终样式为准。2、继承性,子标签将继承父标签的某些样式。如字号、文字颜色等文字属性。3、优先级,当两个或多个规则同时应用于一个元素时,需要考虑权重。实例<style> /* ul和li的权重 0,0,0,1 + 0,0,0,1 = 0,0,0,2 */ ul li { color: green; }...
2024-01-10css中有哪些命名规范
1、小写字母加连字符(又称烤串命名法),禁止下划线和驼峰命名。2、布局:以g命名空间。3、状态:以s为命名空间。表示动态、交互状态。4、工具:以u为命名空间。表示不耦合业务逻辑的可重用工具。5、组件:以m为命名空间。表示可重用、移植的组件模块。实例/* bad */.mod_example { padding-left:...
2024-01-10css媒体查询的使用
1、尽量把媒体查询放在相关规则附近,不要放在文档底部,否则很容易被后来维护的人遗忘。2、媒体查询针对每一个种屏幕(大、中、小)的分别单独组织为一个文件。实例.element {}.element-avatar {}.element-selected {} /* base-media-small.css */@media (min-width: 480px) { .element { } .elemen...
2024-01-10css选择器的使用规范
1、分组选择器时,将单独的选择器单独放在一行。2、为选择器中的属性添加双引号。3、最好不要超过5级选择器级。4、每个选择器独占一列,除最后一个选择器外,其它每一列选择器均以逗号结尾。实例/* bad */.selector, .selector-secondary { padding-left: 15px;} /* good */.selector,.selector-secondary { ...
2024-01-10css代码的规范整理
1、缩进用四个空格。2、在每个声明块的左花括号之前添加一个空格。3、声明块的右花括号应单独设置。4、每个声明语句:之后插入一个空格,前面没有空格。5、所有的声明句子都以分号结束,不能省略不写。实例/* bad */.mod-example { padding-left: 15px} /* good */.mod-example { padding-left: 15...
2024-01-10js构造继承的缺点
1、实例不是父类的实例,只是子类的实例。2、能够继承父类的实例属性和方法,不能继承原型属性/方法。3、函数无法复用,每个子类都有父类实例函数的副本,影响性能。实例function Star(name,age){this.name=name this.age=age this.sayName=function(){ console.log(this.name) ...
2024-01-10