AYABALA博客

Page 2 of 9

【转载】wampserver如何设置局域网内可访问

刚安装好wampserver,我的版本是WampServer Version 2.5

Apache的版本是2.4.9。

如果没有特别配置的话,在pc上用localhost或者本地ip或者127.0.0.1都是可以访问的,但是如果你在其它pc或者手机(内网wifi)访问的话,是不可以的,即使用的是192.168.x.x。

继续阅读

【js】js设置样式优先级的问题

在用js去设置css样式的时候:在同一个代码块中,有些css样式的设置的权限要高于其他的样式

这样是先设置position再设置left和top,所以无法读取初始的left和top:

for (var i=0; i<aLi.length; i++) {
        //在用js去设置css样式的时候:在同一个代码块中,有些css样式的设置的权限要高于其他的样式
        aLi[i].style.left = aLi[i].offsetLeft + 'px';
        aLi[i].style.top = aLi[i].offsetTop + 'px';
        aLi[i].style.position = 'absolute';
}  //这样是先设置position再设置left和top,所以无法读取初始的left和top

解决方法:分成两个代码块

for (var i=0; i<aLi.length; i++) {
        aLi[i].style.left = aLi[i].offsetLeft + 'px';
        aLi[i].style.top = aLi[i].offsetTop + 'px';
}
for (var i=0; i<aLi.length; i++) {
        aLi[i].style.position = 'absolute';
}

【html】词汇断行word-break:break-all word-wrap:break-word 区别

它们的区别就在于:

1,word-break:break-all 例如div宽200px,它的内容就会到200px自动换行,如果该行末端有个英文单词很长(congratulation等),它会把单词截断,变成该行末端为conra(congratulation的前端部分),下一行为tulation(conguatulation)的后端部分了。

2,word-wrap:break-word 例子与上面一样,但区别就是它会把congratulation整个单词看成一个整体,如果该行末端宽度不够显示整个单词,它会自动把整个单词放到下一行,而不会把单词截断掉的。

继续阅读

【ps】PSD测量注意事项

文字右方和下方会有1像素的默认间隙;

ctrl+shift+alt+E:合并可见图层

【html】图片格式

JPG:不支持透明半透明,所有空白区域填充白色

GIF:支持透明,不支持半透明

png8:支持透明,不支持半透明

png24:支持透明,也支持半透明

 

JPG:网页中的大图,高清图(体积大);

GIF:网页中的小图标(动画图片);

PNG8:网页中的小图标;

PNG24:图像中存在半透明效果的图片;

【html】Input的size与maxlength属性的区别

maxlength=”5″,则input输入框中只能够输入5个字符

size=”5″,表示input输入框只显示5个字符,但是可以输入更多

【js】常用正则实例(数据校验)

常用正则实例(数据校验)
匹配中文:[\u4e00-\u9fa5]
行首行尾空格:^\s*|\s*$
Email:^\w+@[a-z0-9]+(\.[a-z]+){1,3}$
网址:[a-zA-z]+://[^\s]*
QQ号:[1-9][0-9]{4,9}
邮政编码:[1-9]\d{5}
身份证:[1-9]\d{14}|[1-9]\d{17}|[1-9]\d{16}x

【js】面向对象

工厂方式:构造函数
当new去调用一个函数,这个时候函数中的this就是创建出来的对象,而且函数的返回值直接就是this(隐式返回)

var a=[1,2,3];
var b=a;
b=[1,2,3,4]; //只要是赋值,必然要在内存中重新生成
//b=[1,2,3,4]; a=[1,2,3];

基本类型的比较:只要值相同就是true
引用类型的比较:必须值和引用都相同

原型:去改写对象下面公用的方法或属性,让公用的方法或属性在内存中存在一份(提高性能)

this:事件或定时器的时候特别容易出问题,尽量让面向对象中的this指向对象

继续阅读

【jq】进阶

get() //把jq转成原生
$(‘div’).get().innerHTML;
$(‘li’).get(2) == $(‘li’)[2]

offsetWidth //原生获取不到隐藏的元素宽度
outerWidth(); //可以获取隐藏的元素宽度

<div>div1<span>span</span></div>
text(); //div1span
html(); //div1<span>span</span>

继续阅读

【jq】基础

<li title=”hello”></li> // $(“li”).filter(“[title=hello]”)
chlidren() // 所有子节点

$(‘li’).html(); //当一组元素的时候,取值是一组中的第一个
$(‘li’).html(‘hello’); //当一组元素的时候,赋值是一组中的所有元素

filter():过滤(元素本身)
not():filter的反义词
has():包含(元素里面的)

next():下一个兄弟节点
prev():上一个兄弟节点
find():查找

继续阅读

Copyright © 2019 AYABALA博客

Theme by Anders NorenUp ↑