随笔分类 - 前端js知识点汇集
前端知识点汇集
摘要:一、总结 2种本地存储方式 生命周期 数据共享 存储形式 方法 window.sessionStorage 关闭浏览器 同一个窗口(页面) 键值对 存储数据sessionStorage.setItem(key,value) 获取数据sessionStorage.setItem(key) 删除数据se
阅读全文
摘要:立即执行函数的用法 1、定义 是定义函数以后立即执行该函数 2、写法(2种) 第一种:用小括号把整个函数定义和调用包裹起来 (function() { // function body }()) 第二种:用括号把函数定义包裹起来,后面加一对小括号 (function( // function bod
阅读全文
摘要:js无缝滚动实现及原理详解 【案例分析】 ①点击左(右)按钮一次,就让图片滚动一次 ②声明一个变量i, 每点击一次右侧按钮,自增1,让这个变量*图片的宽度,即为ul移动的距离 每点击一次左侧按钮,自减1,让这个变量*图片的宽度,即为ul移动的距离 ③图片无缝滚动原理 将ul中第一张图片所在的li复制
阅读全文
摘要:js入口函数(窗口加载事件) 第一种:当文档内容完全加载完成后触发的事件(包括图像、脚本文件、CSS文件等),就调用的处理函数 window.onload = function() {}//推荐使用 或者 window.addEventListener("load", function() {})
阅读全文
摘要:几种检测浏览器大小方法 方法一:媒体查询(css3的新语法) 媒体查询可以用于检测很多东西:自动检测viewpoint(视窗)的宽度和高度;设备的宽度和高度;旋转方向(智能手机横屏或竖屏);分辨率大小。 (一)直接写在css样式中 使用@media查询,可以针对不同的媒体类型类型定义不同的样式 使用
阅读全文
摘要:一、函数内部的this指向 函数内this的指向,是当我们调用函数的时候才能确定,调用方式的不同决定了this的指向不同 调用方式 this指向 普通函数调用 window 构造函数调用 实例对象,原型对象里面的方法也执行实例对象 对象方法调用 该方法所属的对象 事件绑定方法调用 绑定事件对象 定时
阅读全文
摘要:6种函数调用方式: 1、普通函数 function fn() { console.log('one day!'); } 调用方式‘: fn(); 或 fn.call(); 2、对象的方法 var o={ fn:function(){ console.log('one day!'); } } 调用方式
阅读全文