A-A+

小知识点和小技巧

2015年06月15日 日志 暂无评论 阅读 197 次
console.log(arguments)  可直接打印出function() 括号内的参数

Jquery

Jquery each中跳出循环  continue可以使用return true,break可以使用return false

svn

32.必须先建立branches,, trunk 文件夹,并且文件放在trunk中,才能从电脑端建立项目,

出现"使用tortoisesvn提交更新时,提示某个文件已过时,请更新工作副本"的问题就是这个原因

 

bootstrap:

31.字体图标div span中别放文字 通过font-face

  1.  affix  + left = 0(right=0) 固定定位

29.row 没有padding  可以取消container-fluid 和container的内边距

28 pull-left  pull-rigth   左右浮动

27. visible-lg-block      visible-lg-inline  响应式工具

26.清楚浮动,可另起一行

25.列排序  col-lg-push-2   col-lg-pull-10  可左右  多余12 出去容器,会在同一行

24.列偏移  未设置col-md-4时,是通过偏移量来计算 12-4    (只能往右)  多余12的话,会推到下一行

23,div[class*="col"]{border:1px solid red;height:50px;}
col-gl-1 小于1200px时,会变为100%宽

javascript

33.JS删除当前节点内容代码如下:

function removeEle(removeObj) { 
removeObj.parentNode.removeChild(removeObj); 
// 删除元素 
}

18.load()   jquery

  1. $(function(){
  2.     $("#div1").click(function(){
  3.         $("#div2").load("canvas.html")
  4.     })
  5. })

load( url, .seletor) 意思为 url页面中class为 seletor的内容(包括div3)

  1. $(function(){
  2.     $("#div1").click(function(){
  3.         $("#div2").load("canvas.html #div3")
  4.     })
  5. })
  6. </script>

有参数传递为get方式传递,没有则为post

  1. <script>
  2. $(function(){
  3.     $("#div1").click(function(){
  4. //        无参数传递,get方式
  5.         $("#div2").load("text.php",function(){});
  6. //        有参数,post方式
  7.         $("#div2").load("text.php",{name:"rain",age:22},function(){})
  8.     })
  9. })
  10. </script>

 

17.$("li",this)  this内 筛选 li

16.keyup和keydown

http://www.w3school.com.cn/tiy/t.asp?f=jquery_event_keydown_keyup

15.三元运算可以输出方法名吗?

$(this).hasSelected?"removeClass":"addClass"

14.JavaScript DOM编程艺术中文版

.http://www.siyuweb.com/website/web/566.html

13.each用法解析

<script>
    <!--each用法-->
    Array.prototype.each =function(fn){
        var i =0;
            l= this.length;
        for(i;i<l;i++){
            fn.call(this[i],i,this[i]);
        }
    };
        var arr = [1,2,3];
        arr.each(function(i,o){
            alert("index:"+i+'-this is'+ this+"-o is"+o+'-this == o:'+(this == o));
        })

</script>

 

12.jquery 获取标签名(tagName)

如果是为了取到tagName后再进行判断,那直接用下面的代码会更方便:

$(element).is('input')

如果是要取到标签用作到别的地方,可以使用一下代码:

$(element)[0].tagName
或:
$(element).get(0).tagName

11.手机端a标签点击后取消高亮

10.word-spacing:10px;属性增加或减少单词间的空白.下面列子实用.

该属性定义元素中字之间插入多少空白符。针对这个属性,“字” 定义为由空白符包围的一个字符串。如果指定为长度值,会调整字之间的通常间隔;所以,normal 就等同于设置为 0。允许指定负长度值,这会让字之间挤得更紧。

word-spacing

9.文字,输入框,按钮,不垂直居中对齐的时候,可以都加float:left.

6.text-indent : 14px; 如果文字左侧距离 可以用 属性规定文本块中首行文本的缩进。不必要总用padding-left:14px .

7.切图时,每做完一个模块,要记得测量尺寸,不要差一个项目,否则整站做完后,不好找回.(重要),也可以截取屏幕,调低分辨率,映着看.

8.一个模块 或者 相同内容 为一个雪碧图

no.1

<div style="width:400px; height:40px;border-bottom:1px solid #000;">
<p style="border:1px solid #000;border-bottom:none;width:70px;height:40px;line-height:40px;padding:0px;margin:0px;margin-left:20px;background:#fff";">你妹</p>
</div>

这种背景

1

<style type="text/css">
li{list-style: none}
.wrap{border-bottom: 1px solid #1D5A7D;padding:0 15px ;height:25px;}
.wrap ul{position: relative;}
.wrap li{float: left;border:1px solid #1D5A7D; width:100px;border-radius: 4px 4px 0 0 ;height:24px;line-height:24px;text-align: center;margin-right:-1px}
.wrap .active{border-bottom:1px solid #fff;background: #fff;position: relative;}
</style>

<div class="wrap">
<ul>
<li class="active">项目1</li>
<li>项目2</li>
<li>项目3</li>
</ul>

 

 

no2.一个div加浮动 它对应的父级 都应加浮动 不然这个div肯定撑不起来.这是为什么呢??

div加浮动 后,应该是马上清除浮动,而不是给父级浮动. 关于浮动,我个人的理解就是漂浮在水面上,也就是父级上。他们不再同一层所以无法把父级撑起来.
加浮动之后马上清除浮动,那添加浮动的意义何在呢?
我的意识是你的浮动写完了以后再清除就行,这样的

<div>

<div style="float:left">左</div>

<div style="float:right">右</div>

<div style="clear: both;">清除浮动</div>

</div>

 

 no.3 h1宽度不固定,下面span随h1右侧对齐

<h1>
    <b>有效整合行业高端人脉和优势有效整合行业高<br>
    <span>2015-06-23  12:00  收藏本文</span>
    </b>
</h1>

 

20150816180404

案例2:3 2

 

no.4

禁止缩放

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">

no.5

溢出有点代替
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;       把这三句话  加在你需要变成 点的 哪一行的样式里

 

php:

no.1点击选择不同的数据表或者包含不同的文件

$tab = ($_POST['userType']==1) ? 'tab1':'tab2';
select * from $tab
$file = ($_POST['userType']==1) ? 'student':'admin';
include($file.'.php');

输出最后一条mysql

$map['userip ']'= $ip;
$info= $ipinfo->where($map)->select();
echo  $ipinfo->getLastSql();exit;

 

no.2 调用方法的小技巧

 

php方法调用的小技巧

 

 

php方法调用的小技巧

phpcms

内容页下怎么调用当前父栏目下的子栏目

{pc:content action="category" catid="$top_parentid" num="25" siteid="$siteid" order="listorder ASC"}

smarty:

1.smarty中{$smarty.const.module}是否有其他相关的常量.

{$smarty.const.module}代表当前模块

{$smarty.const.SELF} 代表当前页面 ??

小知识点

$this-> success("提示信息",URL);

$this-> error("提示信息",URL);

标签:

给我留言

Copyright © web前端技术开发个人博客 保留所有权利  京ICP备14060653号 Theme  Ality

用户登录