文章分类 - 前端_JAVASCRIPT
lazy加载
摘要：浏览器渲染页面的时候，遇到图片标签或者css中的背景图片设置，先会到本地缓存中寻找是否已经下载了这张图片，如果已经下载过了就直接从缓存中加载；否则会到图片指定的路径下载到本地缓存。而且这种下载是阻塞式的（部分浏览器内核已经实现异步加载图片。比如火狐）。也就是说在下载这些图片的时候，页面渲染处于暂停状
阅读全文
mousewheel/DOMMouseScroll
摘要：滚轮事件的兼容性差异有些不拘一格，不是以往的IE8-派和其他派，而是FireFox派和其他派。 包括IE6在内的浏览器是使用onmousewheel，而FireFox浏览器一个人使用DOMMouseScroll. 经自己测试，即使现在FireFox 19下，也是不识onmousewheel。需要注意
阅读全文
原生JS实现addClass,removeClass,toggleClass
摘要：jQuery操作class的方式非常强大，但是目前还有一些人不知道如何使用或者由于项目统一性的原因无法使用jquery. 在此写了一个利用原生js来实现对dom元素class的操作方法 1.addClass:为指定的dom元素添加样式 2.removeClass:删除指定dom元素的样式 3.tog
阅读全文
this两篇
摘要：第一篇： this是Javascript语言的一个关键字。 它代表函数运行时，自动生成的一个内部对象，只能在函数内部使用。比如， 代码如下: function test(){ this.x = 1; } 随着函数使用场合的不同，this的值会发生变化。但是有一个总的原则，那就是this指的是，调用函
阅读全文
判断浏览器类型的方法
摘要：1.在chrome控制台上输入navigator.userAgent，结果如下： "Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/47.0.2526.106 Safari/537.3
阅读全文
shim和polyfill有什么区别
摘要：https://zhidao.baidu.com/question/1767408997770762580.html在JavaScript的世界里,有两个词经常被提到,shim和polyfill.它们指的都是什么,又有什么区别?一个shim是一个库,它将一个新的API引入到一个旧的环境中,而且仅靠旧
阅读全文
js如何控制css伪元素内容（before，after）
摘要：@(CSS 笔记)[伪元素|css3] 曾经遇到的问题，在对抗UC浏览器屏蔽需要把内容输出到css 伪元素中输出。有个疑问如何用js控制它。于是在 segmentfault 提问，如下是对问题的整理： 如何用js控制css伪类after 简单粗暴的方式： 简单粗暴的方式，直接在html中添加样式覆盖
阅读全文
function与Function
摘要：函数是JavaScript中很重要的一个语言元素，并且提供了一个function关键字和内置对象Function，下面是其可能的用法和它们之间的关系。 使用方法一： var foo01 = function() //or fun01 = function() { var temp = 100; th
阅读全文
for-in循环(for-in Loops)
摘要：for-in循环应该用在非数组对象的遍历上，使用for-in进行循环也被称为“枚举”。 从技术上将，你可以使用for-in循环数组（因为JavaScript中数组也是对象），但这是不推荐的。因为如果数组对象已被自定义的功能增强，就可能发生逻辑错误。另外，在for-in中，属性列表的顺序（序列）是不能
阅读全文
DOM元素的特性（Attribute）和属性（Property）
摘要：1.Attribute和Property这两个单词，翻译出来都是“属性”，《js高级程序设计》书中翻译为“特性”和“属性”，以示区别。 简单理解，Attribute就是dom节点自带的属性，例如html中常用的id、class、title、align等： 而Property是这个DOM元素作为对象，
阅读全文
checkbox使用注意点
摘要：如上多个checkbox， 全选按钮用于控制下面按钮，代码如下： function clickAllCheckbox(item){ if($(item).is(":checked")){//全选 //先全选，再全不选，都没问题，若再勾全选按钮，则出问题 $(".processslaveCheck")
阅读全文
Google Chrome Frame
摘要：Google Chrome Frame，官方的正式中文名称为“谷歌浏览器内嵌框架”。 Google Chrome Frame是Google推出的一款免费的Internet Explorer专用插件。使用此插件，用户可以通过Internet Explorer的用户界面，以Chrome内核的渲染方式浏览
阅读全文
函数声明与函数表达式
摘要：在ECMAScript中，创建函数的最常用的两个方法是函数表达式和函数声明，两者期间的区别是有点晕，因为ECMA规范只明确了一点：函数声明必须带有标示符（Identifier）（就是大家常说的函数名称），而函数表达式则可以省略这个标示符： 函数声明： function 函数名称 (参数：可选){ 函
阅读全文
parseInt与Number方法
摘要：使用parseInt()你可以从字符串中获取数值，该方法接受另一个基数参数，这经常省略，但不应该。当字符串以”0″开头的时候就有可能会出问题，例如，部分时间进入表单域，在ECMAScript 3中，开头为”0″的字符串被当做8进制处理了，但这已在ECMAScript 5中改变了。为了避免矛盾和意外的
阅读全文
九个Console命令，让js调试更简单
摘要：http://blog.csdn.net/kimsoft/article/details/52275888 一、显示信息的命令 1: <!DOCTYPE html> 2: <html> 3: <head> 4: <title>常用console命令</title> 5: <meta http-equ
阅读全文
函数节流（throttle）与函数去抖（debounce）
摘要：http://www.cnblogs.com/fsjohnhuang/p/4147810.html 一、前言 以下场景往往由于事件频繁被触发，因而频繁执行DOM操作、资源加载等重行为，导致UI停顿甚至浏览器崩溃。 1. window对象的resize、scroll事件 2. 拖拽时的mousemov
阅读全文
JavaScript工具库之Lodash
摘要：2015-04-11 16:08 by 破狼, 34941 阅读, 5 评论, 收藏, 编辑 你还在为JavaScript中的数据转换、匹配、查找等烦恼吗？一堆看似简单的foreach，却冗长无趣，可仍还在不停的repeat it！也许你已经用上了Underscore.js，不错，你已经进步很大一步
阅读全文
在 Typescript 2.0 中使用 @types 类型定义
摘要：http://www.cnblogs.com/haogj/p/6194472.html 在 Typescript 2.0 中使用 @type 类型定义 基于 Typescript 开发的时候，很麻烦的一个问题就是类型定义。导致在编译的时候，经常会看到一连串的找不到类型的提示。解决的方式经过了许多的变
阅读全文
lodash
摘要：英文：https://lodash.com/docs#matches 中文：http://lodashjs.com/ http://www.cnblogs.com/whitewolf/p/4417873.html | 作者 David Iffland ，译者 姚琪琳 发布于 2015年3月31日.
阅读全文
浙公网安备 33010602011771号