首先，向那些参加我的《jquery线下课》的伙伴致歉，由于一场让我紧张莫须有的有史以来最强的暴雨并没有来，最后不得不推迟了《jquery线下课》，
但是推迟几天是可以的，如果不来就不正常了。
所以你原来我也来了，不原谅我也来了，原谅我不原谅我我也扑面而来了。
那我到底讲什么？一句话我要授人以渔，还要授人以红烧鱼。
1.png
首先，jquery是js界一个类似于瑞士军刀一样的工具。为什么是瑞士军刀，
1）功能齐全，基本上你需要的日常功能这个的工具都有。
2）很多功能用的却很少，有些甚至你都不知道那个工具是干嘛用的，即使有用的你也用的，很显然你不用瑞士军刀的勺子吃饭，不会用瑞士军刀的刀子切菜。
3）很臃肿，没有几个人每天出门带着瑞士军刀的。
4）有时候个别功能确实有用，比如开啤酒家里没有瓶起子的时候还是有用的。这个就像jquery的一些插件。
所以，jquery是一个很有用，在移动端时代也有点尴尬的东西。用太臃肿，不用手边有没有太合适的工具。
所以我看到很多学生用几百块钱买的瑞士军刀切菜效果却没有10块钱的菜刀用着舒服的时候，我深切的感到jquery没有错
而是用的人错了。比如我一次给一个学生调试他的项目，发现他用jquery+vue配合，而jquery的目的仅仅是为了实现选择器的功能，
你能说是jquery不好吗？或者说这样的问题是教给他几个jquery案例能解决的吗？瑞士军刀用在旅游上很好，但是你用在日常厨具就错了。
好我们总结下都有什么问题。
3.png
知道了问题所在似乎解决方案很简单。
讲了这么多无非就是一件事呗，旅游用瑞士军刀，家里切菜用菜刀，正确的使用工具就行了，拧螺丝去十元店买个扳手就完事了。
这个是最终的目标，而不是解决方案，问题就在于怎么样才能知道自己用的是否合适。最简单就是直接教他怎么用。
这个是瑞士军刀的螺丝刀，这个是开瓶器，这个是开红酒的，这个是剪指甲的，螺丝刀是拧螺丝的。这个方法好处就是短平快。
那我课上教他他们什么呢，实际项目学生经常用他们又不会的东西。
这个分两块。
一块是特效一块是数据交互。
特效部分：
其实jquery项目里面特效真的很少，你去看小米，腾讯和国内很多知名网站就知道，基本上页面里面最复杂的效果不过是轮播图了。
但是就是这么一个效果为啥大家不会呢？
以为我们讲过轮播图怎么写，但是没说过一个页面里面怎么多个轮播图复用，自动播放如何多个之间定时器不互相干扰，轮播图嵌套怎么做，还有
怎么样做成插件，或者是用json如何配置轮播图的表现。
另外一块数据交互就更简单了，一个是跨域请求数据，一个是ajax，那么jquery ajax怎么使用如何注意问题，比如如何解析数据，跨域请求数据的时候如何处理同源策略还有如何处理远端数据，比如说刚才我说的轮播图，没有一个是页面内写死的，肯定是通过后台请求的数据接口，那么轮播图跟数据交互结合，很多同学就翘辫子了。
所以我要尽可能的直接解决来了的同学实际在项目中jquery的困惑。
4.png
但是这个是有缺点的，治标不治本。我教一个学生定时器应用，我说好你写个倒计时吧，他非常流畅迅速的写出来了，然后我说你写个验证码效果吧，然后他又迅速的写出来，然后很高兴觉得自己会了，然后我说我觉得你应该没会，据我了解你只是记忆了我的思路，并没有学会如何应用，这样我们简要的测试下给你15分钟写一个验证码倒计时，要求页面关了重新打开，倒计时秒数从我关闭的那一秒开始倒计时。
然后他吭哧了半个小时，告诉我我不知道咋写……
这就是大部分学生的现状和很多学生在工作中遇到的最大问题，他们就相当于一个诊所的实习医生，培训机构就是坐诊大夫，本来医科大学科班要5-8年，现在要半年能够当医生，那么问题就来了，他们拿着体温计说小赵给病人量下体温，然后对着体温计给小赵讲，你看这个病人38.9度，高烧，得开些退烧药。但是他并没有时间给他讲他行医十年以上，一进来根据 医生的形态面向，还有脉搏，以及病人的描述综合判断，你已经有98%的把握他是感冒了，但是小赵不具备这个能力，他学到的是你的最终结果，病人高烧开退烧药，那么以后他去医院当实习医生或者自己开诊所了，只知道38.9度开点退烧药，对烧确实对了，人都凉了，凉透了，
人家是肺炎，你把烧确实退了，人死翘翘了，这样是不行的……
回到代码，我就问那个学生，现在你给我重复一遍我让你干嘛？然后重复了三遍他才清楚自己干嘛，然后那我又问他你写这些代码技术上全是对的，但是我问你这个跟你要干的事儿有关系吗？他摇摇头，然后我让他去缕清思维，分布去写，他说原来是这样，下次我就知道类似的变形怎么写了……
那么如何治本：
两方面一个是原理上，一个是思维上。
技术上必须讲清楚jquery的实现原理，插件的实现原理，模块化怎么玩，$.ajax 这么一个函数为啥你改个url就能工作，这样以后他们就能自己尝试构建自己的代码库，而不是大自然的插件搬运工。我们没办法一步步交给学生望闻问切的教给每一个学生，但是至少要让他知道高烧的起因有哪几种，对应是退烧还是消炎如何判断，而更深层的身体的机理，你得去求教谁或者补充哪些医学资料。
思维上要教会学生如何提有用的问题，如何将一个复杂的问题分布拆分解决。如下图所示。
5.png
最后说下学习方法，有学生跟我要我上课的课件，我说为什么要?他说我回去看看。我说我下课都不看，你下课会看吗？所有上课学会，下课不用看。
你想要课件是因为你上课担心学不会，学不会你就问，你有了课件就会觉得我不会可以回去看，事实上只不过把我的代码搬到了另外一个硬盘存储而已，我在场你都学不会我不在你会学会？只不过图一个心安而已。没必要。现在互联网上资料很多，跟放在自己电脑没区别，但是并没有因为网络的方便而造就很多优秀的程序员。所以要强迫自己学的东西当天就会，学一个会一个，学一个会一片。
7.png
好那我们看看我们今天这篇文章的思维导图，复习一分钟，我们看看你记住多少我想表达的。看看这些回忆起来是不是一分钟的事儿，而且思路很清晰。
6.png
好我们试着一分钟记住所有，看看你能不能一分钟内把这个文章我想强调的记住。
问题我们讲了插件很有用，治标解决方案我们强调了特效和交互，特效有轮播图，数据交互有通过数据交互配置轮播图和数据，治本要从思维和源码入手，最后提高要注意不要存硬盘，而是学一个会一片。
8.png
总结一句话，如果一堂课一篇文章不能让你吸收百分之60以上那么是低效的，好的老师就要针对不同的学生使用不同的工具和训练方法。
最后，如果大家觉得这篇文章有用请转发，你的举手之劳可能就会帮助你的朋友，下周末（7月9日）大彬哥的jquery线下课，欢迎报名原价报名299/人，转发朋友圈者报名费减免99，不包食宿，女生有特殊需求的可以单聊（嘻嘻）。报名二维码：扫码转账 备注真名就OK.
abc.png
最后一句，js大法好，信彬哥，得永生。
网友评论