Lemon.哦-优快云博客

原创 jQuery实现放大镜效果

今天就给可爱的你们介绍jQuery实现图片局部放大镜效果，以下只是参考图啊（因为小姐姐喜欢lisa 哈哈哈）放大镜效果的基本原理就是按照一个合适的比例去放大对应的相对的图片，同时放大镜部分和被放大图片的移动距离都要等比例的放大。HTML代码如下：  <div class="thumbnail">

2021-01-18 17:07:19 1276 6

原创原生js 和 jQuery 分别实现隔行变色（简单的方法）

最近小姐姐比较勤，给大家带来好用又简单的实现隔行变色的几种写法了。走过划过不要错过~原生js实现隔行变色代码如下：<script> var lis=true; var openBtn = document.getElementById("#openBtn"); openBtn.onclick=function(){ var trs=document.querySelectorAll("tbody>tr") if(lis){

2021-01-13 21:06:07 1595 12

原创浅拷贝和深拷贝的区别（详解）

今天小编给你们讲讲浅拷贝跟深拷贝吧！欢迎可爱的你们来看看，互相学习喔！浅拷贝和深拷贝最根本的区别就是是否真正获取一个对象的复制实体，而不是引用；简单来说浅拷贝就是一个改变，另一个也会变，只拷贝一层对象的属性。深拷贝就是两个对象对应两个不同的地址，修改一个对象的属性，另一个不会改变。（文字多了就会不想看了，我们来展示代码吧）浅拷贝还用代码来展示吗算了来一段吧哈哈 var obj1={"name":"隔壁老王"}; var obj2 = obj1; obj1.name =

2021-01-13 19:49:11 3350 11

原创 js 封装弹出层简单方法

1.js代码function Tanshow(){}Tanshow.prototype.$alert=function(title,content){ //弹出方法（传行参） var divDom=document.createElement("div") //创建div节点 divDom.setAttribute("id","tan") //给div设置id var h1Dom=document.createElement("h1") //创建h1节点

2021-01-11 21:33:56 1443 11

原创原生js实现图片懒加载

首先，先讲讲什么叫图片懒加载吧，当打开一个有很多图片的页面时，先只加载页面上看到的图片，等滚动到页面下面时，再加载所需的图片。然后，为什么要实现图片懒加载呢？因为减少或延迟请求数，缓解浏览器的压力，增强用户体验。第一步，获取所有图片第二步，获取页面可视区域高度第三步，获取滚动高度<body> <img src="./img/loading.gif" lazyload-src="./img/1.jpg" alt=""> <img src="

2020-12-26 20:54:04 2285 5

原创 ajax的请求步骤

1、创建ajax请求对象 let xhs=new XMLHttpRequest(); 2、创建链接（设置请求方式和请求地址） xhs.open("GET","http://127.0.0.1:2000/user",true); //xhs.open("请求方式","请求地址",异步true/同步false) 3、发送请求xhs.send();4、监听状态变化 xhs.onreadystatechange=function(){ if( xhs.readyState=

2020-12-24 00:15:35 235 1

原创分别解析 JS tab切换和 jq tab切换

CSS样式<style> *{ margin: 0; padding: 0; list-style: none; } #box{ display: flex; width: 100vw; height: 100vh; } .left{ width:

2020-12-20 21:20:26 262 2

原创 JS中Object.defineProperty()方法实现数据双向绑定

Object.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象。语法：Object.defineProperty(obj对象, prop属性, descriptor描述符)1、 obj 对象 => 给谁加2 、propName 属性名 => 要加的属性的名字【类型：String】3、 descriptor 属性描述 => 加的这个属性有什么样的特性【类型：Object】Object.defineProperty（）

2020-12-17 22:02:30 384 2

原创 JS中的冒泡排序代码实现（超详细）

给职场小白的福利！！！冒泡排序: 利用冒泡排序对数组进行从小到大的排序var a=[5,3,6,7,2,4,1]; for (i=0;i<a.length;i++){ for(j=i;j<a.length;j++){ var b; if(a[i]>a[j]){ b=a[j]; a[j]=a[i]

2020-12-16 22:42:57 1871 2

原创 js概述与基本语法

js概述js发展js是互联网最流行的脚本语言，这门语言课用于web和xml，更广泛应用于服务器，pc端，移动端；用法： html中的脚本位于script标签之间可放在head和body中js引入HTML内嵌JS<head> <script> function hi() { alert("hello world"); } </script></head>引入外部的本地JS文件<script

2020-12-14 19:03:24 167 2

Liang_nm的博客