es6学习笔记1

半糖 发表了文章 • 0 个评论 • 105 次浏览 • 2019-07-10 14:38 • 来自相关话题

函数--箭头函数
 
普通函数
function 名字(){

}
 就可以写成这个亚子
()=>{}

1、如果只有一个参数,()可以省
2、如果只有一个return,{}可以省
 
举栗[co...
查看更多

关于PC端浏览器宽度变化的时候进行监控以及遇到的问题及解决方法

ry 发表了文章 • 0 个评论 • 167 次浏览 • 2019-07-05 18:12 • 来自相关话题


UMC~KJ{}PBAE{@}MY1MD{_R.png

在这个专题中的视频用的是zy.media插件,这个插件的问题就是刷新的时候宽高才发生变化,所以当浏览器的窗户缩小的时候,这块的样式会变乱,解决方案是通过$(window).resize(function() { })...
查看更多

CSS3:SVG 动画

hardy 发表了文章 • 0 个评论 • 135 次浏览 • 2019-07-04 17:15 • 来自相关话题


CSS3 动画已然足够强大,不过还是有一些它做不到的地方,例如轨迹(路径)动画的实现。配合 SVG,可以让 Web 动效有更多的可能性。

案例实战 - 实现一个购物袋的 loading 动效

下面以一个购物袋...
查看更多

CSS3:逐帧动画

hardy 发表了文章 • 0 个评论 • 204 次浏览 • 2019-06-28 09:20 • 来自相关话题


前面我们花了很大的篇幅去讲解「补间动画」的开发,除了因为它最常见,还因为其中间的许多实现思路(如「动效的审查与分解」、「基于 AE 动效稿还原动画」)同样适用于本小节将要介绍的另一种常见的基础动画形式 —— 「逐帧动画」。

[size=16][b]什么是逐...
查看更多

CSS3:补间动画

hardy 发表了文章 • 0 个评论 • 161 次浏览 • 2019-06-24 15:00 • 来自相关话题

我们已经知道如何利用 CSS3 让网页元素动起来,也知道怎么样让它变得立体,接下来为大家讲解在实际工作过程中最为常见的两种基础动画形式 ——「补间动画」和「逐帧动画」,先从「补间动画」说起。
[quote]
「补间动画」(Tween Animation)指的是...
查看更多

Es6语法实现的转盘抽奖效果——可配置转盘的抽奖概率

shentao 发表了文章 • 0 个评论 • 308 次浏览 • 2019-06-24 09:31 • 来自相关话题

最近公司要做一个转盘抽奖的效果,但是我们可以控制转盘抽奖的概率,自己用es6简单的实现了下,中间虽然遇到一些问题,但最终都是解决了,下面说一下我的思路。[code]<!DOCTYPE html>
<html lang="en&quo...
查看更多

码云里遇到的小坑

半糖 发表了文章 • 0 个评论 • 306 次浏览 • 2019-06-23 15:32 • 来自相关话题

多人一起开发项目时候,选择把代码提交到码云(gitee.com)会很便捷,但是刚接触的话,命令太多真让人头大,可能不小心一个错误命令就会删掉本地一整天的劳动成果

新手上路,遇到的都是很基础的问题
1、提交代码到线上时候报错,如下

[attac...
查看更多

js将html生成图片,移动端长按保存

半糖 发表了文章 • 0 个评论 • 294 次浏览 • 2019-06-21 15:26 • 来自相关话题

需要的js资源:[url=http://gitee.com/junxiu55/js/b ... as.js]gitee.com/junxiu55/js/blob/master/createdImg/js...
查看更多

CSS3:聊一聊 3D

hardy 发表了文章 • 0 个评论 • 217 次浏览 • 2019-06-21 11:50 • 来自相关话题

我们在前面的案例中制作了一个立方体,其实就已经接触到了 3D。
所有东西一跟 3D 扯上关系,复杂指数都是噌噌噌往上走。不过也正常,毕竟多了一个维度,要有三维应有的尊严。
3D Transforms 要怎么写?能写翻牌效果吗?能写翻书效果吗?能写出立体书的效果...
查看更多

数组--常用到的一些基本操作

半糖 发表了文章 • 0 个评论 • 94 次浏览 • 2019-06-14 15:41 • 来自相关话题

长度
const array = [ 1, 2, 3, 4, 5 ] 
console.log(array.length) //=> 5

修改内容
**添加到末端 Append**[code]const...
查看更多

让它动起来

hardy 发表了文章 • 0 个评论 • 92 次浏览 • 2019-06-14 14:51 • 来自相关话题

在现实生活中,人们的大脑习惯了被动态的东西所吸引,适当的动画效果可以为网页添加有价值的交互和反馈,提升用户的情感体验。
 
动效开发 —— 先「动」而后「效」,为网页添加动态元素的方法有很多:
 
[list]
[*]GIF、Flash —— 廉颇老矣,尚能饭...
查看更多

promise基本使用——简单的运动效果

shentao 发表了文章 • 0 个评论 • 86 次浏览 • 2019-06-14 11:30 • 来自相关话题

 一开始接触到promise的时候也是比较懵逼的,不太理解他们的奥秘在哪儿,以及我们为什么要使用它,随着深入的了解,觉得他很大程度了解决了我们之前的回调地域的问题,还有关于数据请求异步的方式,promise极大程度的解决了我们的代码多层嵌套难以阅读理解的问题。...
查看更多

js操作数组对象进行相同项合并处理

hardy 发表了文章 • 0 个评论 • 135 次浏览 • 2019-06-14 09:48 • 来自相关话题

最近工作中遇到数据处理,其中数组合并处理个人感觉有点意思,下面整理了自己进行数组相同项合并的处理方法,仅供参考:
1.首先由原始的数组arr数据,
2.然后创建一个map空对象和一个arr1空数组,通过判断map中是否含有某项来判断数组arr1是否添加数据,
...
查看更多

generator-实例:KOA

hardy 发表了文章 • 0 个评论 • 90 次浏览 • 2019-06-07 17:29 • 来自相关话题

咱们之前讲了generator怎么用,也讲了各种例子,比如上次的runner,咱们再来说说另外一个例子,让大家更明确的看一看generator能用在哪。
实际上generator在一个地方用的还蛮多,它在另外一个框架里也有用到,就是KOA,不知道大家有没有见过...
查看更多

ES5 forEach数组遍历源码的实现

shentao 发表了文章 • 0 个评论 • 105 次浏览 • 2019-06-04 11:57 • 来自相关话题

工作中我们经常使用forEach方法遍历数组,但是光会用还是不够的,要是我们能够了解底层源码的实现,对我们的js理解可能会更上一层楼。
 首先先分析下forEach的调用方式以及每个参数代表的是什么?
图片4.png

 forEach...
查看更多