日度归档:2020年10月11日

javascript脚本优化1–避免全局对象查找


摘要:
下文将讲述js脚本的一种优化示例–避免全局对象查找,如下所示;

实现思路:
    应该避免以下全局对象的应用
  function (){
     var a = window.location.href;
     var b = window.location.host;
   }
 -------应修改为减少全局对象调用次数的方式---
   
 function (){
     var t = window.location;
     var a = t.href;
     var b = t.host;
   } 


例:
  对数组循环时
  for(var i=0;i<array.length;i++)
   {

   }
-----------应优化为------------
   var t = array.length;
   for(var i=0;i<t;i++)
   {

   } 

css 如何将一个块元素居中呢?


摘要:
下文将通过示例的方式分享块元素居中的实现方法,如下所示;

块元素居中的实现方法:
  为块元素设置以下css样式信息  
   margin:0 auto;
 即可使块元素居中

例:
块元素居中的示例分享

<meta charset='utf-8' />
<p>
maomao365.com<br />
块元素居中的示例分享
</p>
<style>
#main
{
  width:100px;
  height:80px;
  margin:0 auto;
  border:1px dotted green;
}
</style>
<hr />
<div id="main">
   
</div>
css块元素居中的示例分享

css块元素居中的示例分享

css 如何同时为一个标签指定多个css(class)样式呢?


摘要:
下文讲述为一个html标签指定多个css(class)样式的示例分享,如下所示;

在html中为标签指定class样式时,我们通常看见的情况为:
一个元素指定一个css(class)样式,其实我们可以在class属性值中
放入一个,二个或多个class值,使一个Html元素同时拥有多个class属性值,
如下例所示:

实现思路:
     在class属性值中放入多个class,
     class属性值之间使用空格分隔(一定注意是空格分隔)

例:
为一个html标签指定多个class的示例分享

 <meta charset='utf-8' />
<p>
maomao365.com<br />
一个标签指定多个class的示例分享
</p>
<style>
.a{
   font-size:32px;
 }
.b{
   color:red;
}
</style>
<hr />
<p class="a b">
我指定被了两个class
  “a”和“b”
</p>
html标签同时指定两个class的示例分享

html标签同时指定两个class的示例分享