在我们点击一个网址,到它能够呈现在浏览器中,展示在我们面前,这个过程中,电脑里,网络上,究竟发生了什么事情。 服务器启动监听模式 那我们就开始了,故事其实并不是从在浏览器的地址栏输入一个网址,或者我们抓着鼠标点击一个链接开始,事情的开端要追溯到服务器启动监听服务的时候,在某个未知的时刻,一台机房里普 Read More
posted @ 2017-05-09 10:16 heshan珊 Views(7681) Comments(0) Diggs(1) Edit
一、在div里面有子元素div1时,div在没有设置overflow:hidden或者是border属性时,div的margin-top的值为div/div1中的margin-top的最大值。上面的结果如图: 注意:div1在div中的margin-top值为0px; 二、当父级div设置了上述属性 Read More
posted @ 2017-04-20 16:50 heshan珊 Views(7196) Comments(1) Diggs(1) Edit
1、用于保存页面信息:如自动登录,记住用户名 2、对于同一个网站只有一套cookie,它是以域名为单位的,一个域名就是一套,数量大小有限4k-10k,同时会具有过期时间 3、JS中通过document.cookie进行调用 a、设置:在cookie中利用document.cookie=”user=n Read More
posted @ 2017-04-19 20:57 heshan珊 Views(295) Comments(0) Diggs(0) Edit
利用document.compatMode可以用来判断浏览器的模式是标准模式还是混杂模式, (1) CSS1Compat表示的是标准模式 (2) BackCompat表示的是混杂模式 不同的模式获取宽高的方式是不一样的,为了兼容一般要么对浏览器的工作模式加以判断严要么则是利用利用||运算兼容 标准模 Read More
posted @ 2017-04-19 20:39 heshan珊 Views(261) Comments(0) Diggs(0) Edit
实现瀑布流的要点: (1)等宽不等高 (2)可以利用懒加载 一、利用纯JS方式实现瀑布流: HTML文件如下: 2、CSS文件内容: 3.JS文件: 上诉的图片根据自己的图像的文件夹的位置而定:实现的效果如下所示: 二、利用CSS样式实现瀑布流布局(不过懒加载部分需要结合JS,基本的瀑布流的布局可以 Read More
posted @ 2017-04-19 19:44 heshan珊 Views(341) Comments(0) Diggs(1) Edit
0.从一道题说起 问,以上代码何时alert“end”呢? 测试一下:答案是:永远都不会alert。 解析:JavaScript引擎是单线程的,事件触发排队等候。所有任务按照触发时间先后排队处理。 上例中,排队的顺序状态是: | var t=true ; | while(t){}; | alert( Read More
posted @ 2017-04-12 10:46 heshan珊 Views(6016) Comments(21) Diggs(1) Edit
在讨论bind()方法之前我们先来看一道题目: 对于上面这道题目,答案并不是太难,主要考点就是this指向的问题,altwrite()函数改变this的指向global或window对象,导致执行时提示非法调用异常,正确的方案就是使用bind()方法: 当然也可以使用call()方法: 本文的重点在 Read More
posted @ 2017-04-05 10:22 heshan珊 Views(63880) Comments(4) Diggs(2) Edit
一、JS为何是单线程的? JavaScript语言的一大特点就是单线程,也就是说,同一个时间只能做一件事。那么,为什么JavaScript不能有多个线程呢?这样能提高效率啊。(在JAVA和c#中的异步均是通过多线程实现的,没有循环队列一说,直接在子线程中完成相关的操作) JavaScript的单线程 Read More
posted @ 2017-03-31 11:50 heshan珊 Views(16521) Comments(0) Diggs(1) Edit
一、属性的归属问题 JS对象中定义的属性和方法如果不是挂在原型链上的方法和属性(直接通过如类似x的方式进行定义)都只是在该对象上,对原型链上的没有影响。对于所有实例共用的方法可直接定义在原型链上这样实例化的的时候就不用对每个实例定义该属性方法,所有的实例均具有该方的引用见最后的输出。 二、JS中有关 Read More
posted @ 2017-03-23 20:31 heshan珊 Views(1678) Comments(0) Diggs(0) Edit
onchange事件适用于input\textarea\select元素上,支持各大浏览器,该事件只有在键盘或者鼠标操作改变对象属性,且失去焦点时触发,脚本触发无效; oninput事件适用于input\textarea\select元素,支持出IE外各大浏览器,该事件只有在键盘或者鼠标操作改变对象 Read More
posted @ 2017-01-16 15:22 heshan珊 Views(249) Comments(0) Diggs(0) Edit