摘要：
Zepto 的介绍 #什么是 Zepto zepto是轻量级的JavaScript库，专门为移动端定制的框架。 与jquery有着类似的API，俗称：会jquery就会用zepto #zepto的特点 针对移动端 轻量级，压缩版本只有8kb左右 响应，执行快 语法、API大部分同jquery一样，学 阅读全文
posted @ 2020-12-14 11:56
人心不古
阅读(183)
评论(0)
推荐(0)
摘要：
jQuery 设置宽度和高度 宽度操作： $(selector).height(); //不带参数表示获取高度 $(selector).height(200); //带参数表示设置高度 宽度操作： $(selector).width(); //不带参数表示获取宽度 $(selector).width 阅读全文
posted @ 2020-12-14 11:55
人心不古
阅读(80)
评论(0)
推荐(0)
摘要：
文本主要内容 样式和类操作 节点操作 #样式操作和类操作 作用：设置或获取元素的样式属性值。 #样式操作 1、设置样式： //设置单个样式： css(属性，值); $("div").css("background-color","red"); //设置多个样式： css(json); $("div" 阅读全文
posted @ 2020-12-14 11:53
人心不古
阅读(130)
评论(0)
推荐(0)
摘要：
前言 jQuery提供的一组网页中常见的动画效果，这些动画是标准的、有规律的效果；同时还提供给我们了自定义动画的功能。 #显示动画 方式一： $("div").show(); 解释：无参数，表示让指定的元素直接显示出来。其实这个方法的底层就是通过display: block;实现的。 方式二： $( 阅读全文
posted @ 2020-12-14 11:50
人心不古
阅读(235)
评论(0)
推荐(0)
摘要：
引入 jQuery 的原因 在用 js 写代码时，会遇到一些问题： window.onload 事件有事件覆盖的问题，因此只能写一个事件。 代码容错性差。 浏览器兼容性问题。 书写很繁琐，代码量多。 代码很乱，各个页面到处都是。 动画效果很难实现。 如下图所示： jQuery的出现，可以解决以上问题 阅读全文
posted @ 2020-12-14 11:46
人心不古
阅读(154)
评论(0)
推荐(0)
摘要：
一、什么是better-scroll better-scroll 是一款重点解决移动端（已支持 PC）各种滚动场景需求的插件 #滚动原理 1. 与浏览器滚动原理一致，父容器高度固定，子元素内容撑开，必须产生滚动条，才能滚动。 2. better-scroll只处理容器（wrapper）的第一个子元素 阅读全文
posted @ 2020-12-14 11:41
人心不古
阅读(710)
评论(0)
推荐(0)
摘要：
一、什么是swiper 开源、免费、强大的触摸滑动插件 Swiper常用于移动端网站的内容触摸滑动 Swiper能实现触屏焦点图、触屏Tab切换、触屏多图切换等常用效果 #二、如何使用 1.首先加载插件，需要用到的文件有swiper.min.js和swiper.min.css文件 <link rel 阅读全文
posted @ 2020-12-14 11:39
人心不古
阅读(190)
评论(0)
推荐(0)
摘要：
一、折线图 1. 获取画布画笔 2. 封装画线的方法 3. 画坐标轴 4. 循环数据画横轴 > 4.1 画刻度 > 4.2 刻度文字 > 4.3 画折线 > 4.4 画点 5. 纵轴刻度文字 #二、柱状图 1. 获取画布画笔 2. 封装画线的方法 3. 画坐标轴 4. 循环数据画横轴 > 4.1 画 阅读全文
posted @ 2020-12-14 11:36
人心不古
阅读(193)
评论(0)
推荐(0)
摘要：
一、canvas画布 Canvas是HTML5中新出的一个元素，开发者可以通过JS脚本动态绘制图像。 #1. 创建canvas画布 在页面中创建canvas标签,并设置其id和宽高 (不要通过css设置,会有bug) <canvas id="myCanvas" width="500" height= 阅读全文
posted @ 2020-12-14 11:34
人心不古
阅读(213)
评论(0)
推荐(0)
摘要：
一、音频audio、视频video #1. 如何使用 <audio src="horse.mp3" controls loop="loop" autoplay="autoplay"> <source src="horse.ogg" type="audio/ogg"> <source src="hor 阅读全文
posted @ 2020-12-14 11:33
人心不古
阅读(89)
评论(0)
推荐(0)
浙公网安备 33010602011771号