From abeea164bddbed210259d15ee6948aef26b5b09a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=83=AD=E6=82=A6=E8=BF=8E?= <12071374+guo-yueying@user.noreply.gitee.com> Date: Fri, 29 Dec 2023 00:55:05 +0000 Subject: [PATCH] =?UTF-8?q?=E7=AC=AC=E5=8D=81=E4=B8=80=E6=AC=A1=E4=BD=9C?= =?UTF-8?q?=E4=B8=9A?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: 郭悦迎 <12071374+guo-yueying@user.noreply.gitee.com> --- ...65\346\242\257\345\257\274\350\210\252.md" | 1521 +++++++++++++++++ 1 file changed, 1521 insertions(+) create mode 100644 "39 \351\203\255\346\202\246\350\277\216/20231122 js\347\224\265\346\242\257\345\257\274\350\210\252.md" diff --git "a/39 \351\203\255\346\202\246\350\277\216/20231122 js\347\224\265\346\242\257\345\257\274\350\210\252.md" "b/39 \351\203\255\346\202\246\350\277\216/20231122 js\347\224\265\346\242\257\345\257\274\350\210\252.md" new file mode 100644 index 0000000..bc3597a --- /dev/null +++ "b/39 \351\203\255\346\202\246\350\277\216/20231122 js\347\224\265\346\242\257\345\257\274\350\210\252.md" @@ -0,0 +1,1521 @@ +# JS课堂笔记 + +scroll页面滚动事件，只要滚动条有变化，就触发该事件 + +document.documentElement表示整个html页面 + +document.documentElement.scrollTop html页面被上面卷走 + +scrollTop表示向上圈起来了多少 + + + +clientWith包括盒子本身的宽度，+padding，但不含边框 + +clientHeigh包括盒子本身的高度，+padding + +console.log(div.offsetWidth);内容+内边距+边框 + + + +行内：inline不换行，所有行内元素共用一行，不能设置高和宽 + +块状：block换行，独占一行，可以设置高和宽 div h1 p + +行内块状：inline-block即有行内的特点，又有块状的特点 img + + + +在JS中想知道对象的距离顶部或左边的距离可以用offsetTop、offsetLeft + +其实找该对象最近一级相对父元素的位置（参照物），如果找不到相对父元素，就以body为父元素 + + + +# 作业 + +### 导航 + +``` html + + + + + + + + Document + + + + +
我是顶部导航栏
+
+
秒杀模块
+
+
+ + +
+ + + + + +``` + +### 电梯 + +```html + + + + + + 小兔鲜儿 - 新鲜 惠民 快捷! + + + + + + + + +
+
+ + +
+
+ +
+
+ +

小兔鲜儿

+ +
+ +
+ +
+ + + 2 + + +
+ +
+
+
+
+ +
+
+ +
+ + + +
+ +
+
+ +
+ + + + + + +
+ + + + + +
+ +
+
+
+ +
+
+ +
+

新鲜好物新鲜出炉 品质靠谱

+ + 查看全部 + +
+ +
+ + + 睿米无线吸尘器F8 + ￥899 + + + + 智能环绕3D空调 + ￥1299 + + + + 广东软软糯米煲仔饭 + ￥129 + + + + 罗西机械智能手表 + ￥3399 + +
+
+
+ + +
+
+ +
+

人气推荐人气爆款 不容错过

+
+ +
+ + + 特惠推荐 + 我猜得到 你的需要 + + + + 爆款推荐 + 人气好物推荐 + + + + 场景使用一站买全 + 编辑精心整理推荐 + + + + 领券中心 + 发现更多超值优惠券 + +
+
+
+ + +
+
+
+

热门品牌国际经典 品质保证

+
+ + +
+
+ +
+ +
+
+
+ + +
+
+ +
+

生鲜

+ + 查看全部 + +
+ 水果 + 蔬菜 + 肉禽蛋 + 裤装 + 衬衫 + 内衣 +
+
+ +
+ +
+ + +
+

服饰

+ + 查看全部 + +
+ 行李箱 + 男士包袋 + 女士包袋 + 钱包及小提袋 + 男鞋 + 女鞋 + 拖鞋 +
+
+ +
+ +
+ + +
+

餐厨

+ + 查看全部 + +
+ 水果 + 蔬菜 + 肉禽蛋 + 裤装 + 衬衫 + 内衣 +
+
+ +
+ +
+ + +
+

居家

+ + 查看全部 + +
+ 咖啡具 + 水具酒具 + 锅具 + 餐具 + 功能厨具 + 茶具 + 清洁保鲜 +
+
+ +
+ +
+
+
+ + +
+
+
+

最新专题

+ + 查看全部 + +
+
+ +
+
+
+ +
+
+ +
+
+
客户服务
+
在线客服
+ +
+
+
关注我们
+
公众号
+
微博
+
+
+
下载APP
+
+ +
+
+ 扫描二维码 + 立马下载APP + 下载页面 +
+
+
+
服务热线
+
+ 400-0000-000 + 周一至周日 8:00-18:00 +
+
+
+
+ +
+
+ +
+ 价格亲民 + 物流快捷 + 品质新鲜 +
+ +
+

+ 关于我们 + 帮助中心 + 售后服务 + 配送与验收 + 商务合作 + 搜索推荐 + 友情链接 +

+

CopyRight © 小兔鲜儿

+
+
+
+
+ +
+ +
+ + + + +``` \ No newline at end of file -- Gitee