2021年12月19日
swiper前进后退按钮
摘要： <div class="swiper"> <div class="swiper-wrapper"> <div class="swiper-slide">Slide 1</div> <div class="swiper-slide">Slide 2</div> <div class="swiper-s 阅读全文
posted @ 2021-12-19 21:58 sjn2002 阅读(14) 评论(0) 推荐(0)
swiper轮播图
摘要： 需要swiper.min.css animate.min.cssswiper.min.js swiper.animate.min.jsapp.js jquery.js 在body中添加 <div class="swiper-container"> <div class="swiper-wrapper 阅读全文
posted @ 2021-12-19 21:34 sjn2002 阅读(6) 评论(0) 推荐(0)
2021年12月9日
js获取dom方法
摘要： 1.通过id获取 <div id="btn"> <script> let btn=document.getElementById('btn') </script><div>2.通过class获取 <div class="btn"> <script> let btn=document.getEleme 阅读全文
posted @ 2021-12-09 11:07 sjn2002 阅读(13) 评论(0) 推荐(0)
js的引入方式
摘要： 1.内部引入 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body></body></html> <script type="text/javascript">ale 阅读全文
posted @ 2021-12-09 10:35 sjn2002 阅读(19) 评论(0) 推荐(0)
2021年12月8日
if条件语句
摘要： 语句1 if(条件){ }else{语句2} 条件满足执行语句1，不满足，执行语句2 if(条件1){ 语句1}else if(条件2){ 语句2}else{ 语句3}条件1满足，执行语句1.如果条件一不满足，判断条件语句2是否满足 阅读全文
posted @ 2021-12-08 20:57 sjn2002 阅读(8) 评论(0) 推荐(0)
js变量
摘要： 1.变量命名规则 由大写或小写字母、下划线、美元符号组成 不能以数字开头 严格区分大小写 不能使用Js中的关键字和保留字（class) 要尽量做到见其名，知其意，名字起得有意义，用小驼峰命名法 2.声明变量 用关键字var、const、let var：最常用的声明变量关键字 let：块级作用域 。在 阅读全文
posted @ 2021-12-08 20:46 sjn2002 阅读(20) 评论(0) 推荐(0)
js函数
摘要： 1.函数定义 function 函数名{ 参数1，参数2} 函数名的命名规范和变量命名一样, 只能是字母、数字、下划线、美元符号, 不能以数字开头 2.函数调用 函数名（实参1，实参2） 3.函数表达式：使用function关键字声明一个函数，但未给函数命名，最后将匿名函数赋予一个变量，叫函数表达式 阅读全文
posted @ 2021-12-08 20:38 sjn2002 阅读(9) 评论(0) 推荐(0)
js数组
摘要： 1.创建数组 var arr1 = new Array(); //创建一个空数组 或者 var arr1 = []; //创建一个空数组 2.获取数组长度 用length获取长度 var arr=[1,2,3,4] console.log(arr.length); 3.数组排序 js中用方法sort 阅读全文
posted @ 2021-12-08 20:29 sjn2002 阅读(9) 评论(0) 推荐(0)
浮动
摘要： div是块级元素，在页面中独占一行，自上而下排列，也就是流。即使在同一行中能容纳两个div，两个div也不会共处一行。也就是标准流中的div。 浮动就是解决让多个div可以共处一行。 浮动（float)left左浮动，right右浮动。clear清除浮动 div的顺序是HTML代码中div的顺序决定 阅读全文
posted @ 2021-12-08 20:19 sjn2002 阅读(8) 评论(0) 推荐(0)
css盒模型
摘要： css盒模型用于封装HTML周围的元素，它包括：边距，边框，填充，和实际内容。 1.Margin(外边距) - 清除边框外的区域，外边距是透明的 Border(边框) - 围绕在内边距和内容外的边框 Padding(内边距) - 清除内容周围的区域，内边距是透明的 Content(内容) - 盒子的 阅读全文
posted @ 2021-12-08 18:34 sjn2002 阅读(8) 评论(0) 推荐(0)