关于事件委托(delegate)怎么用

京京゚乐道 发表了文章 • 0 个评论 • 343 次浏览 • 2019-11-22 17:53 • 来自相关话题

给每个li添加点击事件,每次点击都要循环遍历一遍,如果有很多li 就会影响性能。先来看看普通函数怎么实现点击事件。
html
[code]<div class="box">
<ul>
<...
查看更多

一个面向对象的选项卡,再也不怕页面上多个选项卡冲突了!

京京゚乐道 发表了文章 • 1 个评论 • 347 次浏览 • 2019-11-06 18:14 • 来自相关话题

html
[code] <div class="wrap">
<input type="button" value="button0" class="...
查看更多

文本框根据输入内容自动撑开高度

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

普通文本框在输入内容多时候,会出现滚动条,部分需求里需要文本框有最小宽高,超出部分根据输入内容的高度自动撑开,代码如下:
[code] <textarea id="textarea" placeholder="我是栗子...
查看更多

es6学习笔记1

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

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

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

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

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

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


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

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

CSS3:SVG 动画

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


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

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

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

CSS3:逐帧动画

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


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

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

CSS3:补间动画

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

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

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

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

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

码云里遇到的小坑

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

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

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

[attac...
查看更多

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

半糖 发表了文章 • 0 个评论 • 794 次浏览 • 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 个评论 • 540 次浏览 • 2019-06-21 11:50 • 来自相关话题

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

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

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

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

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

让它动起来

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

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

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

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

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