JavaScript 获取窗口属性

2018-8-3 释然 前端技术资源

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里 获取窗口属性 查看滚动条的滚动距离  window.pageXOffset/pageYOffset  IE8及IE8以下不兼容 document.bo...

阅读全文>>

标签: javascript 获取窗口属性

评论(0) 浏览(144)

由‘==’和‘===’引出的js的隐式转换问题

2018-6-1 Mechau 前端技术资源

‘==’和‘===’都是Javascript中的比较运算符,都是比较运算符两边是否相等。对于‘==’和‘===’的区别,大家也都知道:   ‘==’仅仅是比较运算符两边的数值是否相等,如果数值相等则返回true;‘===’不仅会判断运算符两边的数值是否相等,并且还会判断两边的类型是否相等,只有数值和类型都相等才会返回true。虽然知道以上的判断依据已经能解决绝大数此类问题,但是如果...

阅读全文>>

标签: javascript

评论(0) 浏览(267)

原生js的ajax请求

2018-5-29 Mechau 前端技术资源

传统方法的缺点:       传统的web交互是用户触发一个http请求服务器,然后服务器收到之后,在做出响应到用户,并且返回一个新的页面,,每当服务器处理客户端提交的请求时,客户都只能空闲等待,并且哪怕只是一次很小的交互、只需从服务器端得到很简单的一个数据,都要返回一个完整的HTML页,而用户每次都要浪费时间和带宽去重新读取整个页面。这个做法浪费了许多带...

阅读全文>>

标签: javascript Ajax

评论(0) 浏览(255)

懒加载封装实现

2018-5-24 Mechau 前端技术资源

1.什么是懒加载?          当访问一个页面的时候,先把img元素背景图片路径替换成一张替代图片的路径(这样就只需请求一次,占位图),将图片的真实路径存储在img自定义属性中,只有当图片出现在浏览器的可视区域内时,才设置图片正真的路径,让图片显示出来。这就是图片懒加载。 2.为什么要用懒加载?      ...

阅读全文>>

标签: javascript

评论(0) 浏览(249)

js中常见的位置属性-offset,scroll,client系列

2018-5-23 Mechau 前端技术资源

【前言】        Javascript中的offset、scroll、client系列都是比较常用的坐标属性,也是比较容易混淆的知识点。 【offset家族】        offset家族一般在节点对象里面使用。      &...

阅读全文>>

标签: javascript

评论(0) 浏览(215)

常用正则表达式20例

2018-5-21 Mechau 前端技术资源

   总结了工作中可能经常会用到的各类正则表达式的写法。    方便以后进行查找,减少工作量。    1. 校验基本日期格式 var reg1 = /^\d{4}(\-|\/|\.)\d{1,2}\1\d{1,2}$/; var reg2 = /^(^(\d{4}|\d{2})(\-|\/|\.)\d{...

阅读全文>>

标签: javascript

评论(0) 浏览(192)

10种最常见的Javascript错误

2018-5-17 Mechau 前端技术资源

以下是 JavaScript 错误 Top 10:           为了便于阅读,我们将每个错误描述都缩短了。接下来,让我们深入到每一个错误,来确定什么会导致它,以及如何避免创建它。  1. Uncaught TypeError: Cannot read property  &nb...

阅读全文>>

标签: javascript

评论(0) 浏览(221)

20个最常用的javascript方法函数收集

2018-5-10 Mechau 前端技术资源

     收集了一些比较常用的JavaScript函数。      1、字符串长度截取函数      function cutstr(str,len){            var temp,icount =...

阅读全文>>

标签: javascript

评论(0) 浏览(266)

你不知道的JavaScript:有趣的setTimeout

2018-5-7 Mechau 前端技术资源

     话不多说,先上代码:      for(var j=0;j<10;J++){          setTimeout(function(){console.log(j);},5000)      }   &nb...

阅读全文>>

标签: javascript 单线程

评论(0) 浏览(309)

JavaScript 中的 call()、apply()、bind() 的详解

2018-4-22 释然 前端技术资源

如果您想订阅本博客内容,每天自动发到您的邮箱中, 请点这里 三种方法的作用 在 JavaScript 中 call、apply 和 bind 是 Function 对象自带的三个方法,都是为了改变函数体内部 this 的指向。 call、apply 和&nbs...

阅读全文>>

标签: javascript 中的 call()、apply()、bind() 的详解

评论(0) 浏览(374)

Powered by emlog 京ICP备12006971号-1 sitemap