原生JS

原生JavaScript实现省级联动效果——源码

一、效果图二、index.html <!DOCTYPE html> <html><head><meta charset"utf-8" /><title></title></head><body><div><select id"province" name"province" onchange"getCity(…

原生JS总结

原生JS第一章第二十章第二十一章函数进阶第二十二章函数的三种定义与四种调用第二十三章对象进阶第二十四章回调函数第二十五章 JS之瀑布流第二十六章构造函数与普通函数第二十七章公私有变量及链式作用域第二十八章闭包第二十九章 cookie与存储第三十章 cookie局限性与…

JavaScript闭包和继承

什么是闭包： 闭包的概念：闭包就是函数嵌套时，让局部变量变成自由变量的环境，是一种让局部变量进化的方式 （简单来说就是在函数内部书写函数，利用函数调用局部的变量） 闭包的应用场景&#xff…

原生js实现移动端Touch轮播图的方法步骤

Touch 轮播图 touch轮播图其实就是通过手指的滑动，来左右切换轮播图，下面我们通过一个案例，来实现下。 1. html 结构结构上，还是用ul、li来存放轮播图片，ol、li来存放轮播小圆点： 2. 样式初始化 html的…

vue使用原生js实现滚动页面跟踪导航高亮的示例代码

使用vue做一个专题页面。滚动页面指定区域导航高亮。监听滚动页面事件，对比当前页面的位置与元素的位置，如果当前滚动的区域位置大于元素的位置，导航添加class，其他去掉class进行样式切换。我使用的方法是在定位元素上添加id&am…

页面性能优化之原生JS实现图片懒加载

在项目开发中，我们往往会遇到一个页面需要加载很多图片的情况。我们可以一次性加载全部的图片，但是考虑到用户有可能只浏览部分图片。所以我们需要对图片加载进行优化，只加载浏览器窗口内的图片，当用户滚动时，再加载更…