首页 > 代码库 > 平时学习总结

平时学习总结

2024-07-22 15:17:03   218人阅读

1.1 什么是元素，标签和属性

1. 元素： 
HTML网页实际上就是由许许多多各种各样的HTML元素构成的文本文件，并且任何网页浏览器都可以直接运行HTML文件。所以可以这样说，HTML元素就是构成HTML文件的基本对象，HTML元素可以说是一个统称而已。HTML元素就是通过使用HTML标签进行定义的。 
2. 标签： 
标签就是<head>、<body>、<table>等被尖括号“<”和“>”包起来的对象，绝大部分的标签都是成对出现的，如<table></talbe>、<form></form>。当然还有少部分不是成对出现的，如<br>、<hr>等。 
标签就是用来标记HTML元素的。位于起始标签和结束标签之间的文本就是HTML元素的内容。 
3. 属性： 
为HTML元素提供各种附加信息的就是HTML属性，它总是以"属性名=属性值"这种名值对的形式出现，而且属性总是在HTML元素的开始标签中进行定义。 
示例： 
<html> <head> <title>示例标题</title> </head> <body bgcolor="red"> <p>这是示例页面</p> </body> </html> 在这个示例中，<p>这是示例页面</p>就是HTML元素，其中“这是示例页面”就是元素的具体内容了。 <head><title><body>等就是HTML标签，这是标签构成了HTML元素。 <body bgcolor="red">中的bgcolor="red"就是标签的属性，它定义了标签应该如何具体配置。 总之，元素和标签的区别也不必太在意，实际工作中我们都直接以标签统称。而属性就很容易明白了， 它就是为HTML标签添加各种附加信息或者配置选项的参数。

1.2 判断ie8 、ie9

网址：http://sofish.de/1064

<p class="ie"> 
<span style="display:block;display:none9;">嘿嘿，小子竟然也用Firefox，蓝色文字。</span> 
<!--[if IE 8]>不错不错，挺先进的嘛，使用IE8呢！文字是褐色的。<![endif]--> 
<!--[if IE 7]>你，IE7，红色文字！<![endif]--> 
<!--[if IE 6]>孩子，虽然显示的是绿色文字，不过，IE6可不是好东西呢！<![endif]--> 
</p>

1.3 substr和substring的区别

str.substr(star[,length])第二个参数可选，不选的话，截取到最后，如果length为0或者负数，那么返回的将是一个空字符串。

star从0开始

str.substring(star,end) star和end不一定谁大谁小，取得是两者之间的较小值作为截取字符串的起点。star和end都是从0开始算起。

1.3 css中的overflow属性

overflow 属性规定当内容溢出元素框时发生的事情。

说明: C:\Users\fangdx\AppData\Roaming\Tencent\Users\327680449\QQ\WinTemp\RichOle\0PD$8X%N6GXQ5ONM0GWBL8U.jpg

说明: C:\Users\fangdx\AppData\Roaming\Tencent\Users\327680449\QQ\WinTemp\RichOle\19`H%6]JD{)F([KWF4SWL88.jpg

 

 v2.bootcss.com bootstrap网址

C#语法中一个问号（?）和两个问号(??)的运算符是什么意思？

C#语法中一个个问号(?)的运算符是指：可以为 null 的类型。
（2）、C#语法中两个问号(??)的运算符是指null 合并运算符，合并运算符为类型转换定义了一个预设值，以防可空类型的值为Null。
for example：
int? x = null;//定义可空类型变量
int? y = x ?? 1000;//使用合并运算符，当变量x为null时，预设赋值1000
 
 

JavaScript prototype 属性

prototype 属性使您有能力向对象添加属性和方法。
 
 
 

jquery.fn.extend与jquery.extend

jQuery为开发插件提拱了两个方法，分别是：

JavaScript代码

  • jQuery.fn.extend(object);   
  • jQuery.extend(object);   

jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。

jQuery.fn.extend(object);给jQuery对象添加方法。

fn 是什么东西呢。查看jQuery代码，就不难发现。

 JavaScript代码

  • jQuery.fn = jQuery.prototype = {      
  • 　　　init: function( selector, context ) {//….　   
  •   
  • 　　　//……   
  •   
  • };   

原来 jQuery.fn = jQuery.prototype.对prototype肯定不会陌生啦。

虽然 javascript　没有明确的类的概念，但是用类来理解它，会更方便。

jQuery便是一个封装得非常好的类，比如我们用 语句　$(“#btn1″) 会生成一个 jQuery类的实例。

jQuery.extend(object);　为jQuery类添加添加类方法，可以理解为添加静态方法。如：

 XML/HTML代码

  • $.extend({   
  •   
  • 　　add:function(a,b){return a+b;}   
  •   
  • });   

便为　jQuery　添加一个为 add　的　“静态方法”，之后便可以在引入 jQuery　的地方，使用这个方法了，

JavaScript代码
  • $.add(3,4); //return 7  

jQuery.fn.extend(object); 对jQuery.prototype进得扩展，就是为jQuery类添加“成员函数”。jQuery类的实例可以使用这个“成员函数”。

比如我们要开发一个插件，做一个特殊的编辑框，当它被点击时，便alert 当前编辑框里的内容。可以这么做：

JavaScript代码
  • $.fn.extend({        
  •         
  •      alertWhileClick:function(){        
  •        
  •          $(this).click(function(){        
  •        
  •               alert($(this).val());        
  •           });        
  •         
  •       }        
  •         
  • });        
  •         
  • $(“#input1″).alertWhileClick(); //页面上为：<input id=”input1″ type=”text”/>    

$(“#input1″)　为一个jQuery实例，当它调用成员方法 alertWhileClick后，便实现了扩展，每次被点击时它会先弹出目前编辑里的内容。

 真实的开发过程中，当然不会做这么小白的插件，事实上jQuery提拱了丰富的操作文档，事件，CSS ,Ajax、效果的方法，结合这些方法，便可以开发出更加 Niubility 的插件。

注意：

在这里还有一个特殊的地方，就是在函数开头的地方有jQuery.extend = jQuery.fn.extend，而在程序的前面已经将jQuery.prototype赋值给jQuery.fn了，所以在后面的调用中会出现 jQuery.extend()和jQuery.fn.extend()的不同调用，这两个方法调用产生的结果也不一样，jQuery.extend() 的调用并不会把方法扩展到对象的实例上，引用它的方法也需要通过jQuery类来实现，如jQuery.init()，而 jQuery.fn.extend()的调用把方法扩展到了对象的prototype上，所以实例化一个jQuery对象的时候，它就具有了这些方法，这 是很重要的，在jQuery.js中到处体现这一点

 
 

jQuery插件 -- 动态事件绑定插件jquery.livequery.js

 

动态事件绑定插件livequery， 可以利用它给相应的DOM元素注册事件或者触发回调函数。不仅当选择器匹配的元素会被绑定事件，而且后来通过JavaScript添加的元素都会被绑定事件。当元素不再和选择器匹配时，livequery会自动取消事件注册，使得开发者不再需要关注HTML元素的来源，只需要关注如何编写其绑定的事件即可

通过jQuery选择器选择一个DOM元素，livequery插件会实时地在整个DOM范围将其持久化。这意味着无论元素是先前存在的还是后来动态加载的，事件都会被绑定，就像是CSS给元素添加样式一样。同时，这款插件几乎在没占用什么资源的情况下就做到了这些功能

livequery下载地址： http://plugins.jquery.com/project/liveQuery

 
 
 
html/css

display:block就是将元素显示为块级元素，display:inline则将元素显示为行内元素。

display：inline-block将元素显示为行内元素，但是元素的内容作为块元素处理。旁边的内联元素和该对象显示在同一行，并且允许空格，但是该元素具有块元素的特性，可以设置其高度，宽度等属性。在同一行内有不同高度内容的元素时，通常要设置对齐方式如vertical-align: top;来使元素顶部对齐。

 
zoom:1的作用：

触发IE浏览器的haslayout、解决ie下的浮动等一些问题。zoom属性是IE浏览器的专有属性，Firefox等浏览器不支持。它可以设置或检索对象的缩放比例。

 
media=screen:
media=“”指定这个CSS用于何种设备。具体参数如下：

screen (缺省值)，提交到计算机屏幕；
print， 输出到打印机；
projection，提交到投影机；
aural，扬声器；
braille，提交到凸字触觉感知设备；
tty，电传打字机 (使用固定的字体)；
tv，电视机；
all，所有输出设备

平时学习总结


联系
我们