妙味茶馆

 找回密码
 注册

QQ登录

只需一步,快速开始

查看: 10045|回复: 60

妙味VIP群的亲们,你们的福利又来了!!!

  [复制链接]
leo 发表于 2014-7-27 18:06:13 | 显示全部楼层 |阅读模式

天道酬勤。当今中国社会之现状,像我等没有靠山的上学、上班族,想要改善环境,自身努力是必不可缺的。而坚持学习这个看似很简单的条件,却总是恶心着我们,简单并不代表容易。

有时间发呆,有时间闲聊,有时间打游戏,有时间看朋友圈里的笑话。。。。那可不可以有时间学学东西?

从今天起,针对VIP群里的朋友,我们每个星期都会在线给大家讲解一些课后练习,除了活跃VIP群里的学习气氛、减少扯淡聊天之外,
能够实实在在帮助一些肯下功夫学习的朋友,这也是我们的一个小小希望!

具体方案:
教学时间:7月29日-16:10~17:10
讲解内容:愉悦的滚动条
针对人群:妙味VIP①号群、妙味VIP②号群

具体实施细节:
1)大家先尝试自己实现这个效果;
2)讲师在这个时间段内准时上线,在VIP群里先回复大家相关问题,然后现场做代码编写、以及相关文字说明;
3)现场VIP群教学活动结束后,妙味论坛会分享整个过程,并发布地址链接,让没能参加的朋友也能看到;
4)时间大概在40分钟~60分钟左右;
5)每个星期定期举行,活动时间提前公布;

——还等什么?现在就赶紧开始动手制作这个效果,并记录制作过程中遇到的问题,
等活动进行时,赶紧提问吧!






妙味VIP群-全程文字分享内容-整理如下:

前言:
现在为大家整理的,是下午线上文字版的公开分享课,
开课之前,照例是各种热闹的讨论、并伴随着叽叽喳喳的各种扯淡……
以下文字,完全按聊天记录排列。为了不使阅读过于无趣,内容略有删减。

开课前:

【吐槽】小柒饰屋 15:39:30
今天不是有公开课吗
【话唠】刘伟(1056104999) 15:40:06
是4点钟
【活跃】(づ ̄3 ̄)づ (273987111) 15:45:36
喝杯水 抽支烟 上个厕所 系不系就开讲了
【潜水】瞌睡虫~~5.6(1227791082) 15:46:12
谁能告诉我公开课在哪里看?
【活跃】(づ ̄3 ̄)づ (273987111) 15:46:19
本群
【活跃】(づ ̄3 ̄)づ (273987111) 15:53:59
这不4点了嘛
【活跃】(づ ̄3 ̄)づ (273987111) 15:56:35
开课了  开会前好像都是咳咳...
【活跃】无为<jsoner@qq.com> 15:58:10
四点准时开始哈。。
【活跃】无为<jsoner@qq.com> 15:58:35
你的时间明显不准
【传说】阿凡提(1515812129) 15:58:39
不会开这么快吧

听课基础:

【话唠】刘伟(1056104999) 15:59:13
今天下午四点,开始在群里公开和大家分享一些JS方面的东东,主要是DOM方面的知识点。
在进行分享之前,还是提醒一下大家,要能完全理解我们这次分享案例的实现原理,需要熟悉下面几个知识点:
1, 文档高度:offsetHeight / 内容高度:scrollHeight
2, 常用事件:onmousedown / onmousemove / onmouseup / onmousewheel / DOMMouseScroll
3,事件对象 (获取鼠标位置,判断滚轮方向)ev.clientX / ev.clientY / ev.wheelDelta / ev.detail
4,绑定事件的第二种方式。(addEventListener()\attachEvent())
5, ev.preventDefault() 绑定事件中事件默认行为的取消

有兴趣的可以围观哈~~~

【传说】﹎ ha .!(170025481) 15:59:37
围观。
【冒泡】???<paladinv7@qq.com> 15:59:53
围观。
【活跃】深圳-D(419689092) 16:00:00
围观
【活跃】每一刻(402090261) 16:00:03

【潜水】Gresic(1519128692) 16:00:09
围观
【话唠】っ'Sheep-X²º¹⁴(710894881) 16:00:09
围观
【活跃】(づ ̄3 ̄)づ (273987111) 16:00:10

【冒泡】XionVi<xionvi@qq.com> 16:00:15
g
【活跃】虎子哥(386093525) 16:00:24
视频录下来吗
【活跃】虎子哥(386093525) 16:00:34
上班呢  怎么办
【传说】阿凡提(1515812129) 16:00:37
上班时间不给看啊
【活跃】无为<jsoner@qq.com> 16:00:37
没有视频哈,文字版。
【潜水】Gresic(1519128692) 16:00:42
文字版
【活跃】ljrong(343136178) 16:00:49
test test 文字版直播
【活跃】无为<jsoner@qq.com> 16:00:51
到时会整理发到论坛的。。
【活跃】每一刻(402090261) 16:02:06
为了今天的课,把中级全部刚刚看完!

正式上课:

【活跃】无为<jsoner@qq.com> 16:09:51
现在开始了,就在这里
【活跃】无为<jsoner@qq.com> 16:11:33
我们要分享的是土豆的自定义滚动条效果,这个大家清楚了哈。
【活跃】无为<jsoner@qq.com> 16:11:52
那么,我们可以把整个自定义滚动条效果拆分成两个小实例,一个是滚动条的拖动效果,一个是内容的上下滚动。
【潜水】兔儿(1944871894) 16:12:13
具体今天活动的介绍:http://bbs.miaov.com/forum.php?m ... 8888&extra=page%3D1
【活跃】无为<jsoner@qq.com> 16:12:20
接下来我们就一个个地来分析这两个效果的原理。
【活跃】无为<jsoner@qq.com> 16:12:34
大家可以打开编辑器,跟着一起做
【活跃】无为<jsoner@qq.com> 16:12:41
我放慢一点。

滚动条拖动效果的实现:

【活跃】无为 分享文件 16:13:16
"QQ群分享.rar" 下载
QQ群分享 .rar (66.16 KB, 下载次数: 798)
回复

使用道具 举报

dengfuqiu 发表于 2014-7-27 18:28:34 | 显示全部楼层
默默地先顶一下
回复 支持 反对

使用道具 举报

trtst 发表于 2014-7-27 18:35:00 | 显示全部楼层
支持一下!  学到知识很不错!  赞一个!
回复 支持 反对

使用道具 举报

发奋图强 发表于 2014-7-27 18:44:58 | 显示全部楼层
唉  不做练习的时候心里面特别难受 做练习的时候浑身难受,,,
回复 支持 反对

使用道具 举报

 楼主| leo 发表于 2014-7-27 18:46:24 | 显示全部楼层
发奋图强 发表于 2014-7-27 18:44
唉  不做练习的时候心里面特别难受 做练习的时候浑身难受,,,

这么说来,还是选择后者吧,因为前者我们帮不了你,后者做不出来练习浑身难受的事,嘿嘿,有解,在VIP群活动时提问就可以啦~~~
回复 支持 反对

使用道具 举报

babynight 发表于 2014-7-27 18:57:30 | 显示全部楼层
支持一下,目前能够把自定义的滚动条个写出来,但是,滚动条的高度根据内容的多少变化的比例,这个还不会。。期待着视频!
回复 支持 反对

使用道具 举报

 楼主| leo 发表于 2014-7-27 18:59:49 | 显示全部楼层
babynight 发表于 2014-7-27 18:57
支持一下,目前能够把自定义的滚动条个写出来,但是,滚动条的高度根据内容的多少变化的比例,这个还不会。 ...

呵呵,看清楚哦,这次活动,讲师在线和大家交流沟通为主,以文字形式和大家讨论,不是视频课程哈,

活动过后,会把相关的代码及聊天记录,发到论坛,供不能来参加的朋友查阅。
回复 支持 反对

使用道具 举报

yunstudio 发表于 2014-7-27 21:27:15 | 显示全部楼层
交流的方式是在群里吗,打字吗,那老师会多累,怎么不用YY语言啊或者周末搞个沙龙活动啊
回复 支持 反对

使用道具 举报

潇潇 发表于 2014-7-27 22:24:03 | 显示全部楼层
先支持一下。群里面代码沟通是不是很累啊,思维如果慢一点,可能就跟不上节奏了。
回复 支持 反对

使用道具 举报

ken 发表于 2014-7-28 14:23:34 | 显示全部楼层
一直想做这个效果,终于等到了,妙味真好
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

QQ|Archiver|小黑屋|妙味课堂 ( 京ICP备08102442号

GMT+8, 2017-1-21 23:21 , Processed in 0.327111 second(s), 24 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表