摘要: 父页面内容 <div id="products"> <div id="article"> <h3>{{data.title}}</h3>​ <ul> {{each data.article}} <li> <a href="./subpage.html/?id={{$value.id}}" targe 阅读全文
posted @ 2021-12-26 20:16 WW&xx 阅读(188) 评论(0) 推荐(0) 编辑
摘要: 一:什么是 input 标签 input,翻译过来就是 “输入” 的意思,在 HTML 中,大多数表单都是使用 input 标签来实现的。 说明:input 是自闭合标签,可以看到它是没有结束符号的。 二:input 标签中 type 属性取值 text 单行文本框 password 密码文本框 r 阅读全文
posted @ 2021-12-26 14:58 WW&xx 阅读(1279) 评论(0) 推荐(0) 编辑
摘要: JS插件 简单说就是别人写好封装好的代码,我们可以直接拿过来用的。之前我们写的代码都是用纯js也就是原生js写的,使用js插件来实现一些常见的功能块,是很快就能实现的,同时还缩减了我们的代码量。 \1. 要想使用这个插件,首先得去官网下载需要得材料。swiper插件官方地址:https://www. 阅读全文
posted @ 2021-12-26 14:31 WW&xx 阅读(429) 评论(0) 推荐(0) 编辑
摘要: 回到顶部(jQuery写法) 通过jQuery完成一个网页滚动回到顶端的功能: 实现代码如下: html部分+jQuery引入 <div id="backTop"></div><script src="../node_modules/jquery/dist/jquery.min.js"></scri 阅读全文
posted @ 2021-12-26 14:15 WW&xx 阅读(138) 评论(0) 推荐(0) 编辑
摘要: 定义 POSITION是CSS中非常重要的一个属性,通过position属性,我们可以让元素相对于其正常位置,父元素或者浏览器窗口进行偏移。 position的属性值共有四个常用的:static、relative、absolute、fixed。 还有三个不常用的:inherit、initial、st 阅读全文
posted @ 2021-12-26 13:59 WW&xx 阅读(598) 评论(0) 推荐(0) 编辑
摘要: 一、鼠标事件click:点击事件。 mousedown:鼠标指针移动到元素上方,并按下鼠标左键时,会发生 mousedown 事件。通常与 mouseup() 方法一起使用。 mousemove:鼠标指针在指定的元素中移动时,就会发生 mousemove事件。哪怕移动一个像素,就会发生一次 mous 阅读全文
posted @ 2021-12-26 09:52 WW&xx 阅读(661) 评论(0) 推荐(0) 编辑
摘要: 块属性 div,p,ul,ol,li,h1-h6等 特点:1、可以设置宽高 2、不可以与别人共处一行 3、不设置宽度的情况下,宽度为100% 行内属性 span,a 特点:1、不可以设置宽高 2、可以与别人共处一行 3、其宽高由内容撑开 行内块属性 img,input 特点:1、可以设置宽高 2、可 阅读全文
posted @ 2021-12-26 09:31 WW&xx 阅读(24) 评论(0) 推荐(0) 编辑
摘要: 圆角边框 border-radius: 20px 10px 50px 30px; 使用border-radius制作特殊图形: 圆形 利用border-radius属性制作圆形的两个要点: ① 元素的宽度和高度必须相同 ② 圆角的半径为元素宽度的一半,或者直接设置圆角半径值为50% #div1{ w 阅读全文
posted @ 2021-12-25 15:51 WW&xx 阅读(54) 评论(0) 推荐(0) 编辑
摘要: 盒模型 定义 盒模型是布局网页的一种手段包括边框(border)、外边距(margin)、内边距(padding)、网页元素(content)、宽(width)、高(height)等元素。 边框border 边框颜色:border-color border-top-color 上边框 border- 阅读全文
posted @ 2021-12-25 15:14 WW&xx 阅读(52) 评论(0) 推荐(0) 编辑
摘要: 动画(animation) 八大属性 animation-name 检索或设置对象所应用的动画名称 必须与规则@keyframes配合使用 animation-duration 检索或设置对象动画的持续时间 animation-duration:3s; 动画完成使用的时间为3s animation- 阅读全文
posted @ 2021-12-25 13:54 WW&xx 阅读(104) 评论(0) 推荐(0) 编辑