- 博客(17)
- 收藏
- 关注
RSS订阅原创 10.ECharts
ECharts1.概念ECharts是一个使用 JavaScript 实现的"数据可视化"库, 它可以流畅的运行在 PC 和移动设备上数据可视化：将数据通过图表的形式展示出来2.ECharts显示图表的原理ECharts4.0之前, 底层是使用canvas标签来实现图表绘制的ECharts4.0开始, 为了提升移动端性能, 还支持 SVG 渲染点此进入ECharts官网3.E...
2020-02-22 21:48:09
191
原创 9.SVG
SVG1.概念SVG英文全称为Scalable Vector Graphics，意思为可缩放的矢量图。2.矢量图矢量图是用XML格式定义, 通过各种「路径」和「填充颜色」来描述渲染的的图片矢量图优点和缺点:优点: 放大后不会失真, 体积小缺点: 不易制作色彩变化太多的图象3.SVG使用方式内嵌到HTML中(直接在HTML中绘制)通过浏览器直接打开SVG文件 注意点:...
2020-02-22 00:19:55
370
原创 8.canvas
canvas1.概念Canvas是H5新增的一个标签, 我们可以通过JS在这个标签上绘制各种图案，Canvas 拥有多种绘制路径、矩形、圆形、字符以及图片的方法。2.使用 // 通过js代码拿到canvas标签 let oCanvas = document.querySelector("canvas"); //从canvas标签中获取到绘图工具 l...
2020-02-20 23:21:54
198
原创 7.动画插件小合集
动画插件小合集Animate.csswow.jsscrollReveal1. Animate.css概念其实swiper-animate就是参考Animate.css演变出来的一个插件,Animate.css和swiper-animate一样都是用于快速添加动画的,Animate.css的使用1.引入animate.css的文件<link rel="styl...
2020-02-18 23:55:38
384
原创 6.swiper
swiper1.swiper概念Swiper是纯javascript打造的滑动特效插件，面向PC、平板电脑等移动终端。Swiper能实现触屏焦点图、触屏Tab切换等常用效果。Swiper开源、免费、稳定、使用简单、功能强大，是架构移动终端网站的重要选择。 注意： Swiper是滑动特效插件，用鼠标滚轮无效果，需要用鼠标拖动或者触屏滑动。2.swiper的使用引入swiper对...
2020-02-18 22:35:34
151
原创 5.滚动插件iScroll
滚动插件iScroll1.iScroll概念iScroll是一个高性能，资源占用少，无依赖，多平台的javascript滚动插件。能让项目有滚动，缩放，平移，无限滚动，视差滚动，旋转功能。2.iScroll基本使用按照iScroll的规定搭建HTML结构引入iScroll创建iScroll对象, 告诉它谁需要滚动3.iScroll的版本针对iScroll的优化。为了达到更...
2020-02-17 18:59:02
217
原创 4.3Zepto之swipe事件
swipe事件手指快速的往左边滑动/或者右边滑动/或者上边滑动/或者下边滑动 swipeLeft: 向左边轻扫 swipeRight: 向右边轻扫 swipeUp: 向上边轻扫 swipeDown: 向下边轻扫html部分<div class="box"><div class="box-top"> <ul> &l...
2020-02-17 14:12:03
352
原创 4.2Zepto之移动端Touch事件
移动端Touch事件1.Zepto实现tap事件虽然tap事件是Zepto自己封装的事件, 但是无论如何封装肯定都是通过原生JS来实现的在原生的JS中专门为移动端新增了如下几个事件：<font color：“red”>...
2020-02-17 13:34:55
348
原创 4.1Zepto之基本使用
Zepto之基本使用1.zepto概念Zepto 是一个轻量级的针对现代高级浏览器的 JavaScript库，它与jQuery有着类似的api。Zepto其实就是专门用于移动端的轻量级的jQuery。2.Zepto和jQueryjQuery更多是在PC端被应用，Zepto更多是在移动端被应用，正是因为jQuery用在PC端, 所以jQuery考虑了很多低级浏览器的的兼容性问题, ...
2020-02-17 13:10:32
125
原创 3.4ES6/7/8新特性之async函数
async函数1.async函数async函数是ES8中新增的一个函数, 用于定义一个异步函数async函数函数中的代码会自动从上至下的执行代码2.await操作符await操作符只能在异步函数 async function 中使用await表达式会暂停当前 async function 的执行，等待 Promise 处理完成。若 Promise 正常处理(fulfilled)，其...
2020-02-16 17:05:08
125
原创 3.3ES6/7/8新特性之Generator函数
Generator函数1.概念Generator 函数是 ES6 提供的一种异步编程解决方案Generator 函数内部可以封装多个状态, 因此又可以理解为是一个状态机。2.定义 Generator 函数在普通函数的function后面加上 * 即可eg: function* gen() { }3.Generator函数和普通函数区别3.1调用...
2020-02-16 16:29:23
151
原创 3.2ES6/7/8新特性之Iterator接口
Iterator1.基本概念Iterator又叫做迭代器, 是一种接口，这里的接口和现实中接口一样, 是一种标准一种规范例如: 电脑的USB接口有电脑USB接口的标准和规范, 正式因为有了标准和规范，所以A厂商生成的USB线可以插到B厂商电脑的USB接口上。它规定了不同数据类型统一访问的机制, 这里的访问机制主要指数据的遍历，在ES6中Iterator接口主要供for…of消费。2.默认...
2020-02-16 13:30:06
113
原创 3.1ES6/7/8新特性之Symbol
Symbol1.Symbol的概念1.Symbol是ES6中新增的一种数据类型, 被划分到了基本数据类型中.基本数据类型: 字符串、数值、布尔、undefined、null、Symbol引用数据类型: Object2.Symbol的作用用来表示一个独一无二的值3.如果生成一个独一无二的值?let xxx = Symbol();4.为什么需要Symbol?在企业开发中如果需要对一...
2020-02-16 12:46:30
112
原创 2.2异步编程之promise
异步编程之promise学习promise时，其中我觉得then()很重要，所以此篇学习总结中代码部分主要是展现then().1、promisepromise是ES6中新增的异步编程解决方案, 在代码中的表现是一个对象。2.创建Promise对象new Promise(function(resolve, reject){…});注意：( promise对象不是异步的, 只要创建pro...
2020-02-14 00:04:44
97
原创 2.1异步编程之JavaScript：单线程
异步编程之JavaScript：单线程最近在学习异步编程，巩固了一下js,以下是我最近学习整理的内容，记录一下~1.JS是单线程的JS是单线程的，所以JS中的代码都是串行的, 前面没有执行完毕后面不能执行。2.同步代码和异步代码除了"事件绑定的函数"和"回调函数"以外的都是同步代码2.1程序运行会从上至下依次执行所有的同步代码2.2在执行的过程中如果遇到异步代码会将异步代码放到事...
2020-02-13 13:36:58
106
原创 jQuery之动效：stop方法相关规律
jQuery之动效：stop方法相关规律stop()方法中关于传参问题有如下总结代码$("button").eq(1).click(function () { // 立即停止当前动画, 继续执行后续的动画 // $("div").stop(); // $("div").stop(false); // $("div").stop(false, false);// 立即停止当前和后续...
2020-02-01 14:03:26
123
原创 jQuery之事件相关：事件命名空间
事件命名空间想要事件的命名空间有效,必须满足两个条件1.事件是通过on来绑定的2.通过trigger触发事件注意利用trigger触发子元素带命名空间的事件, 那么父元素带相同命名空间的事件也会被触发. 而父元素没有命名空间的事件不会被触发利用trigger触发子元素不带命名空间的事件,那么子元素所有相同类型的事件和父元素所有相同类型的事件都会被触发举例//李四的命名空间//...
2020-01-31 12:45:12
147
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人