2021年12月
swiper基础调用
摘要： 在html中构建好几张图或者几个字(每张图要用class名为swiper-slide的小div包裹并全由class名为swiper-wrapper的div包裹) 在js命令行中: var mySwiper=new Swiper('.swiper',{ //loop : true,无限循环 //aut 阅读全文
posted @ 2021-12-07 14:40 又等花开风起 阅读(255) 评论(0) 推荐(0)
swiper环境的基础搭建
摘要： swiper是什么?: swiper是一款轻量级的轮播图插件，不仅支持pc端更是为移动端而生，用它可以快速地做出一个轮播图，或者扩展使其做出复杂的轮播效果。 下载swiper方法: 1在官网下载 2在文件夹cmd命令行{ 1.npm init -y//格式化 2.npm i swiper@版本 3创 阅读全文
posted @ 2021-12-07 14:35 又等花开风起 阅读(95) 评论(0) 推荐(0)
初识jQuery
摘要： 使用jQuery时在script中打代码其实是调用别人做好的函数,去实现效果,打的代码皆是调用命令 jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的CSS选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器 阅读全文
posted @ 2021-12-07 14:28 又等花开风起 阅读(39) 评论(0) 推荐(0)
2021年11月
@keyframes设置 transform属性,animation引用
摘要： 各单位注意: CSS 中仅有 background-color, background-position, 和 background-size 属性支持动画效果 对于transform在css中的应用: @keyframes slide { from{transform: translateX(0) 阅读全文
posted @ 2021-11-23 13:52 又等花开风起 阅读(369) 评论(0) 推荐(0)
关于盒模型属性注释
摘要： 盒模型组成部分 盒模型的组成：content(内容区)+padding(填充区)+border(边框区)+margin(外界区)。 不同部分的说明： content(内容)：盒子的内容，显示文本和图像。 border(边框)：围绕在内边距和内容外的边框。 padding(内边距)：清除内容周围的区域 阅读全文
posted @ 2021-11-08 12:50 又等花开风起 阅读(132) 评论(0) 推荐(0)
css样式解析认知
摘要： css基础 css层叠样式特点: 1.继承性 2 .层叠性 可被覆盖 内部样式(body)和外部样式(css)的区别 1.css外部样式编程中后来着居上,越往后越说了算 2.行内样式>头部样式>=外部样式 3.越精确越说了算,id>class>标签 4.!important优先级最最高,但是不到迫不 阅读全文
posted @ 2021-11-07 12:48 又等花开风起 阅读(75) 评论(0) 推荐(0)
初学代码注释和演示等
摘要： <!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>hello,world!</title></h 阅读全文
posted @ 2021-11-07 12:47 又等花开风起 阅读(56) 评论(0) 推荐(0)
初识h5
摘要： B/S架构: B是browser（浏览器）用户使用的所有客户端（部分手机app小程序等等，都可以把它视为浏览器，s是server（服务器）。浏览器发出请求，通过互联网协议，发送至S端服务器，S端把网页文件发送给前端，B端浏览器收到文件后，浏览器解析成图形页面，可用户操作。 关于html html5是 阅读全文
posted @ 2021-11-07 12:46 又等花开风起 阅读(192) 评论(0) 推荐(0)