摘要：
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>我的购物车-品优购</title> <meta name="description" content="品优购JD.COM-专业的综合网上购物商城,销售家 阅读全文
posted @ 2022-04-24 15:56
罗砂
阅读(82)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2022-04-24 15:38
罗砂
阅读(73)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2022-04-24 15:37
罗砂
阅读(79)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2022-04-24 15:36
罗砂
阅读(67)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2022-04-24 15:36
罗砂
阅读(45)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2022-04-24 15:34
罗砂
阅读(42)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2022-04-24 15:33
罗砂
阅读(43)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2022-04-24 15:33
罗砂
阅读(79)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2022-04-24 15:32
罗砂
阅读(32)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2022-04-24 15:31
罗砂
阅读(40)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2022-04-24 15:31
罗砂
阅读(32)
评论(0)
推荐(0)
摘要：
上： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-eq 阅读全文
posted @ 2022-04-24 15:30
罗砂
阅读(59)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2022-04-24 15:29
罗砂
阅读(67)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2022-04-24 15:29
罗砂
阅读(24)
评论(0)
推荐(0)
摘要：
链式编程 链式编程时是为了节省代码量，看起来更优雅。 $(this).css('color','red').sibling().css('color',' ') <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta 阅读全文
posted @ 2022-04-24 15:28
罗砂
阅读(43)
评论(0)
推荐(0)
摘要：
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2022-04-24 15:00
罗砂
阅读(51)
评论(0)
推荐(0)
摘要：
jQuery设置样式 $('div').css('属性','值') 隐式迭代 遍历内部DOM元素（伪数组形式存储）的过程就叫做隐式迭代。 简单理解：给匹配到所有元素进行循环遍历，执行相应的方法，而不用我们再进行循环，简化我们的操作，方便我们调用。 <!DOCTYPE html> <html lang 阅读全文
posted @ 2022-04-24 14:54
罗砂
阅读(101)
评论(0)
推荐(0)
摘要：
原生JS获取元素方式很多，很杂，而且兼容性情况不一致，因此jQuery给我们做了封装，使获取元素统一标准 $("选择器") //里面选择器直接写CSS选择器即可，但是要加引号 基本选择器 名称 用法 描述 ID选择器 $("#id") 获取指定ID的元素 全选选择器 $(" * ") 匹配所有元素 阅读全文
posted @ 2022-04-24 14:45
罗砂
阅读(40)
评论(0)
推荐(0)
摘要：
1.用原生JS来获取的对象就是DOM对象 2.jQuery方法获取的元素就是jQuery对象 3.jQuery对象本质是：利用$对DOM对象包装后产生的对象(伪数组形式储存) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> 阅读全文
posted @ 2022-04-24 14:14
罗砂
阅读(98)
评论(0)
推荐(0)
摘要：
1.$是jQuery的别称，在代码中可以使用jQuery代替$，但一般为了方便，通常都直接使用$。 2.$是jQuery的顶级对象，相当于原生JavaScript中的window。把元素利用$包装成jQuery对象，就可以调用jQuery的方法 <!DOCTYPE html> <html lang= 阅读全文
posted @ 2022-04-24 13:54
罗砂
阅读(79)
评论(0)
推荐(0)
摘要：
1.等着DOM结构渲染完毕即可执行内部代码，不必等到所有外部资源加载完成，jQuery帮我们完成封装。 2.相当于原生js中的DOMContentLoaded。 3.不通风与原生js的load事件是等页面文档、外部的js文件、css文件、图片加载完毕才执行内部代码 4.更推荐使用第一种方式 <!DO 阅读全文
posted @ 2022-04-24 13:48
罗砂
阅读(54)
评论(0)
推荐(0)
摘要：
案例分析 1.把数据存起来，用到本地存储 2.关闭页面，也可以显示用户名，所以用到localStorage 3.打开页面，先判断是否有这个用户名，如果有，就在表单里面显示用户名，并且勾选复选框 4.当复选框发生改变的时候change事件 5.如果勾选，就存储，否则就移除 <!DOCTYPE html 阅读全文
posted @ 2022-04-24 13:08
罗砂
阅读(50)
评论(0)
推荐(0)
摘要：
1.生命周期永久生效，除非手动删除 否则关闭页面也会存在 2.可以多个窗口（页面）共享（同一浏览器可以共享） 3.以键位对的形式存储使用 存储数据： localStorage.setItem() 获取数据： localStorage.getItem() 删除数据： localStorage.remo 阅读全文
posted @ 2022-04-24 11:47
罗砂
阅读(356)
评论(0)
推荐(0)
摘要：
1.生命周期为关闭浏览器窗口 2.在同一个窗口（页面）下数据可以共享 3.以键值对的形式存储使用 存储数据： sessionStorage.setItem() 获取数据： sessionStorage.getItem() 删除数据： sessionStorage.removeItem() 删除所有数 阅读全文
posted @ 2022-04-24 11:35
罗砂
阅读(90)
评论(0)
推荐(0)
摘要：
框架，顾名思义就是一套架构，它会基于自身的特点向用户提供一套较为完整的解决方案。框架的控控制权在框架本身，使用者要按照架所规定的某种规范进行开发。 插件一般是为了解决问题专门存在，其功能单一，并且比较小。 前端常用的框架有Bootstrap、Vue、Angular、React等。既能开发PC端，也能 阅读全文
posted @ 2022-04-24 11:18
罗砂
阅读(54)
评论(0)
推荐(0)
摘要：
实现功能： 页面滚动某个地方就显示，否则隐藏 点击可以返回顶部 下面详细地说明具体的实现步骤： ① 滚动到某个地方后显示 ② 事件：使用scroll页面滚动事件 ③ 如果被卷去的头部（window.pageYOffset）大于某个数值 ④ 点击返回顶部的图片，使用window.scroll(0, 0 阅读全文
posted @ 2022-04-24 09:16
罗砂
阅读(283)
评论(0)
推荐(0)
浙公网安备 33010602011771号