29个网页开发人员应该了解的技术知识2014-09-04 17:23:44

( 2人已投票,[高质量] )
分享: ╬收藏
31.3K

29个网页开发人员应该了解的技术知识,这都是本人学习中总结的经验,特此共享给大家

1: CSS设置半透明

2: min-height:不支持IE,解决方案:

3: google jquery.min.js 地址

4: chrome字体小于12px默认设置无效,解决方法是在css中添加

5: jQuery 异步调用(ajax)

6: jQuery 主动触发事件

7: jQuery 冒泡处理

8: c++ 类型定义小实例,指针用法

9: ueditor 图片路径 默认路径修改

10: 页面缓存

11: 强制不换行,超出省略显示为...

12: 强制自动换行 兼容IE FF Chrome

13: jquery中绑定事件最新用法,原bind 或是click有时对插入的新数据不能响应,此法可解决

14: jQuery 识别动态添加元素

15: apache 伪静态or.htaccess

16: jquery iframe 子操作父

17: jQuery 动画加载 ajax Loading

18: SQL语句大全  mysql(记不住的话就修改着用吧)

19: PHP 数组初始化方法

20: div居底 一个div在另一个div底部
21: jquery animate动画
22: php json 序列化处理
23: php 调试 运行时间

24: 基础正则

25: PHP查看cpu 负载 [Win32]

26: textarea标签中resize缩放属性的设置

27: CSS分栏效果

28:正则表达式常用匹配规则大全29: JS进制转换

29: JS进制转换


1: CSS设置半透明

opacity:.2;

-moz-opacity:.2;

filter:alpha(opacity=20);

2: min-height:不支持IE,解决方案:

1)min-height:500px;
_height:expression((document.documentElement.clientHeight||document.body.clientHeight)>500?"500px":"");


2)min-height:100px;
height:auto !important;
height:100px;
overflow:visible;


3: google jquery.min.js 地址

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>

4: chrome字体小于12px默认设置无效,解决方法是在css中添加

-webkit-text-size-adjust:none;


5: jquery 异步调用(ajax)
var parames={
"type1":tp1,"type2":tp2,"name":name,"version":version,"describe":describe,"lock":lock
};
$.ajax({
url:'m_softupdate.php',
type:'post',
dataType:'html',
data:parames,
error: function(){alert('error');},
success:function(data){
alert(data);
}
});

/*取值的时候$_POST['type1']就行了*/

6: jquery 主动触发事件
$("p").trigger("myEvent", ["Hello","World!"]);
$("p").trigger("click");


7: jquery 冒泡处理

通常阻止冒泡的方法是执行完后直接return false;

mouseout受干扰时里面不能有子元素,

最好用mouseenter与mouseleave 不会被里面子元素干扰


8: c++ 类型定义小实例,指针用法

#include<stdio.h>
typedef int (*FUN_PTR) ( int a, int b);
void pub(int x,int y)
{
int r=x+y;
_asm
{
mov eax,r
}}
int main()
{   int x,y,z;
FUN_PTR f;
f=(FUN_PTR)(pub);
x=3;
y=5;
z=f(x,y);
printf("%d+%d=%dn",x,y,z);
return 0;
}


9: ueditor 图片路径 默认路径修改
1:改editor_config.js把第一页面上部的imagePath !important改为imagePath:"../"
2:改imageUp.php中"uploadPath"=>"../../../../../download/",   //保存路径,跳五次到根目录   /
现在上传图片正常,但是editor中不能显示,输出代码发现图片的地址前多了/blog/controls/server/upload
那是因为我没改对文件,应修改editor_config_text.js因为我调用的是这个文件,又犯修改错文件的低级错误
以后再发生改没反应的时候,要多想想是不是改错文件了


10: 页面缓存
try {
document.execCommand('BackgroundImageCache', false, true);
} catch (e) {}


11: 强制不换行,超出省略显示为...
.text-overflow {
display:block;/*内联对象需加*/
width:31em;
word-break:keep-all;/* 不换行 */
white-space:nowrap;/* 不换行 */
overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使用。*/
}


12: 强制自动换行 兼容IE FF Chrome
word-wrap:break-word;word-break:break-all;white-space:normal;



13: jquery中绑定事件最新用法,原bind 或是click有时对插入的新数据不能响应,此法可解决
$(document).on('click', '#myList1 li a', function(evt) {});
//jquery 1.7以上用jquery on  低版本用live

$('#pEdit header').on({
click:function(){
},
mouseover:function(){
},
mouseout:function(){        
}
})

14: jQuery 识别动态添加元素

$(".div_main").on({

click:function(){

console.log("got it!");

}

},"#_my_button");


15: Apache 伪静态or.htaccess
比如我们有新闻页:/news/readmore.php?id=4875
我们要做成静态页:/news/top2007,4875.html

一 打开 apache 的配置文件 httpd.conf 。
二 将#loadmodule rewrite_module modules/mod_rewrite前面的#去掉
三 在 httpd.conf中添加:
<ifmodule mod_rewrite.c>
RewriteEngine On
RewriteRule /news/top2007,(d+).html$   /news/readmore.php?id=$1
</ifmodule>

四 保存httpd.conf并重启apache。

16: jquery iframe 子操作父
$(window.parent.document).find("#notification").hide();

17: jQuery 动画加载 ajax Loading
1)$("#load_wait").ajaxStart(function(){
if($(this).is(':visible')){
}else{
t = setTimeout("$('#load_wait').show()",80);//80ms不显示的话
}
}).ajaxStop(function(){
clearTimeout(t);//完成的话就取消显示了  太高明了
$(this).hide();
});

2)$.ajax({

type: "post",

url: uri,

error: function(){console.log('Error!');},

data: {arg1Name : arg1Val},

datatype:"json",

timeout: 5000,

beforeSend: function(){//do something},

success: function(msg){return msg;},

complete: function(){//do something}

})


18: SQL语句大全  mysql(记不住的话就修改着用吧)

INSERT INTO table1(name,age) VALUES("zhangSam",17);

DELETE FROM table1 WHERE uid=18 order by id desc limit 0,11;

UPDATE table1 SET NAME="LiSi" WHERE id=2;

SELECT * FROM table1 WHERE order by RAND() limit 8;

//原型

INSERT INTO table_name VALUES (value1, value2,....);

//INSERT INTO table_name (column1, column2,...) VALUES (value1, value2,....)

SELECT column_name(s) FROM table_name
SELECT column FROM table WHERE column operator value
UPDATE table_name SET column_name = new_value WHERE column_name = some_value
DELETE FROM table_name WHERE column_name = some_value

扩展:

select count(1) from table1;

$rc = mysql_affected_rows();//8


将ab表name段插入到c,重复的只插入一次

[?]为啥重复的这样就去掉了,如果换为*所有的话,就不会去掉重复,多注意
insert into test_c(name)
select name from test_a
union
select name from test_b


19: js 函数 默认值处理
function(notice){
var notice = arguments[0]?arguments[0]:"Failed";  
alert(notice);
}


19: PHP 数组初始化方法
$arr = array();
$arr = array("a"=>"Dog","b"=>"Cat","c"=>"Horse");
$arr = array(
"a"=>array(
"A"=>"AAA",
"B"=>"BBB"
),
"b"=>"Cat",
"c"=>"Horse"
);
{"a":"b","c":"d"}
{"a":[{"a":"b","c":"d"}],
"b":"dd"
}

json_encode($arr);//返回json数据类型,供js调用

20: div居底 一个div在另一个div底部
<div class="_parent">        //把这个div设为position relative;设置padding-bottom以防内容满了以后挡住东西
<div class="_child"></div>    //position absolute left:0; bottom:0;height:50px;
</div>


21: jquery animate动画
$("#box").animate({height:"300px"},1000);

22: php json 序列化处理
$s = 'a:2:{s:3:"aid";s:5:"49539";s:3:"url";s:58:"data/attachment/forum/201208/10/161044cc9plc60lc2zpkll.jpg";}';
$data = unserialize($s);//以上的数字比示长度
echo $data['url'];
echo serialize($data);//又被序列化


23: php调试 运行时间
function getmicrotime(){
list($usec, $sec) = explode(" ",microtime());
return ((float)$usec + (float)$sec);
}
$time_start = getmicrotime();
$time_end = getmicrotime();
$time = $time_end - $time_start;
echo "total in $time seconds"; //输出运行总时间


24: 基础正则
$arr2 = "AAAA|BBBB|CCCC";
$str = "this is a test CCCC";
if(preg_match_all("/$arr2/i",$str,$m)){
print_r($m);
}
[!]正规匹配能快点是strpos的二倍速度

$str3 = <<<txt
Registrant :
好样的ABC
Domain Name Server :
f1g1ns1.dnspod.net
f1g1ns2.dnspod.net
txt;

preg_match('/Registrant :(.*)Domain/is', $str3, $match);
echo "H".trim($match[1])."H";


25: PHP查看cpu 负载 [Win32]
$wmi = new COM('winmgmts://');
$processor = $wmi->ExecQuery("SELECT * FROM Win32_Processor");
foreach($processor as $obj){
$cpu_load_time = $obj->LoadPercentage;
}
echo $cpu_load_time;


26:textarea标签中resize缩放属性的设置
CSS3中新增了resize缩放属性,这个属性可以应用到任意元素。目前只有Webkit内核的浏览器才支持这个css3属性,即Google chrome和Apple safari都支持。
而textarea标签中,Webkit内核的浏览器会默认resize的值为both,
none:用户不能操纵机制调节元素的尺寸;
both:用户可以调节元素的宽度和高度;
horizontal:用户可以调节元素的宽度;
vertical:让用户可以调节元素的高度;
inherit:默认继承。


27: CSS分栏效果
#newsletter{
 -moz-column-count: 2;
 -webkit-column-count: 2;
 -moz-column-gap: 20px;
 -webkit-column-gap: 20px;
 -moz-column-rule: 1px solid #ddccbs;
 -webkit-column-rule: 1px solid #ddccbs;
 }



28:正则表达式常用匹配规则大全
验证数字:^[0-9]*$
验证n位的数字:^d{n}$
验证至少n位数字:^d{n,}$
验证m-n位的数字:^d{m,n}$
验证零和非零开头的数字:^(0|[1-9][0-9]*)$
验证有两位小数的正实数:^[0-9]+(.[0-9]{2})?$
验证有1-3位小数的正实数:^[0-9]+(.[0-9]{1,3})?$
验证非零的正整数:^+?[1-9][0-9]*$
验证非零的负整数:^-[1-9][0-9]*$
验证非负整数(正整数 + 0)  ^d+$
验证非正整数(负整数 + 0)  ^((-d+)|(0+))$
验证长度为3的字符:^.{3}$
验证由26个英文字母组成的字符串:^[A-Za-z]+$
验证由26个大写英文字母组成的字符串:^[A-Z]+$
验证由26个小写英文字母组成的字符串:^[a-z]+$
验证由数字和26个英文字母组成的字符串:^[A-Za-z0-9]+$
验证由数字、26个英文字母或者下划线组成的字符串:^w+$
验证用户密码:^[a-zA-Z]w{5,17}$ 正确格式为:以字母开头,长度在6-18之间,只能包含字符、数字和下划线。
验证是否含有 ^%&‘,;=?$” 等字符:[^%&‘,;=?$x22]+
验证汉字:^[u4e00-u9fa5],{0,}$
验证Email地址:^w+[-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*$
验证InternetURL:^http://([w-]+.)+[w-]+(/[w-./?%&=]*)?$ ;^[a-zA-z]+://(w+(-w+)*)(.(w+(-w+)*))*(?S*)?$
验证电话号码:^((d{3,4})|d{3,4}-)?d{7,8}$:–正确格式为:XXXX-XXXXXXX,XXXX-XXXXXXXX,XXX-XXXXXXX,XXX-XXXXXXXX,XXXXXXX,XXXXXXXX。
验证身份证号(15位或18位数字):^d{15}|d{}18$
验证一年的12个月:^(0?[1-9]|1[0-2])$ 正确格式为:“01”-“09”和“1”“12”
验证一个月的31天:^((0?[1-9])|((1|2)[0-9])|30|31)$    正确格式为:01、09和1、31。
整数:^-?d+$
非负浮点数(正浮点数 + 0):^d+(.d+)?$
正浮点数   ^(([0-9]+.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*.[0-9]+)|([0-9]*[1-9][0-9]*))$
非正浮点数(负浮点数 + 0) ^((-d+(.d+)?)|(0+(.0+)?))$
负浮点数  ^(-(([0-9]+.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*.[0-9]+)|([0-9]*[1-9][0-9]*)))$
浮点数  ^(-?d+)(.d+)?


29: JS进制转换
var tmp2 =  parseInt("010",2) ;//把字符串以2进制转为10进制
console.log(tmp2);//结果为2


[声明]原创内容:请尊重他人劳动成果,转载需注明文章出处链接:雪炭网SnowCoal.com







头像

snowcoal
  • 软件开发
  • 编程语言
  • 知识大全

收藏到我的私密空间

标题:29个网页开发人员应该了解的技术知识

作者:花花世界

你暂未登录,请登录后才可收藏至您的私密空间 确认取消
雪炭网

键盘操作 更便捷 -雪炭网雪中送炭-乐趣无限