JavaScript入门的5条建议

你是否已经初步掌握了html和css,但完全不知道从何入手JavaScript?如果是,那么这篇文章一定会对你有所帮助,这里总结了5条建议,帮助JavaScript初学者总结学习方法,提高学习效率。

一、多看视频少看书

对初学者而言,看书的效率是很低的,书上的内容大多会展示核心代码,而视频为了演示效果,会展示全部代码。初学者自学需要的是全部代码,只看核心代码必定会留下踩不完的坑。所以,初学者一定要多看视频少看书。

二、写代码的时间要多于看书和看视频的时间

学习JavaScript,一定要以写为主,而不是以看为主。学习时间的一半以上要留给写代码,剩下的时间用来看书和看视频。几乎所有初学者都有这个问题,就是拿一本书(或视频)看3个小时但是一行代码都没写。这样的结果就是,3个小时最多只利用了1个小时。太浪费时间了。正确的学习方法是:看到一行代码就写一行代码,就算不会抄也得抄写来,然后研究明白它。

三、不可盲目追新技术

  • react,vue,angular,和你没关系
  • node,express,koa,和你没关系
  • grunt,gulp,webpack,和你没关系

JavaScript这几年变化很快,但是对于初学者来说要摒弃浮躁的气氛,静下心来打好基础。记住:自己是初学者,玩的东西就是:JavaScript和jQuery,工具就用一个编辑器和一个浏览器,这些就够了,别的不要碰.

如果你想学习web前端可以来这个群,首先是二九一,中间是八五一,最后是一八九,里面有学习资料可以下载。

四、jQuery还没过时

上一条写了初学者要玩jQuery,有些朋友会说jQuery已经淘汰了,bala bala。jQuery确实注定要被淘汰,但是现在还差得远呢。首先,jQuery对于初学者非常友好,甚至不会js都可以学jQuery。并且目前市面上的网站和应用,仍然是jQuery居多,所以如果你是自学,jQuery是必学的。

五、学习的顺序

  1. 熟悉基本概念:变量,数据类型,函数,运算符,表达式,对象(自定义对象,内置对象)。这些基本概念一定要熟悉,熟悉到什么程度,看见一个概念,立刻就能写出示例代码,就够了。
  2. 熟悉DOM:树状结构,节点分类,添加节点,删除节点,修改属性,绑定事件。
  3. 熟悉jQuery:选择器、操作属性和样式、绑定事件、节点操作、动画方法。
  4. 用jQuery实现网页上看到的页面效果,比如轮播图,菜单的各种效果,返回顶部等。
  5. 试着用原生的js实现jQuery的常用方法。比如addClass,removeClass,index这些。

上面5条如果没能做到,就不要想着闭包,原型继承,ES6新特性这些东西了。

总结:学习要循序渐进,操之过急轻则影响学习效率,重则因挫败感而放弃学习。希望大家都能早日学有所成。

时间: 2024-08-29 09:33:14

JavaScript入门的5条建议的相关文章

给新手入门推广几条建议

中介交易 SEO诊断 淘宝客 云主机 技术大厅 我不喜欢说废话,太耽误时间,我相信大家来这里跟我一样,要么是学经验的,要么是学技术的,要么是工作需要的,无聊的也不可能进来这里看废话了. 第一条:首先在心底弄清楚自己将要推广的网站是什么类型的,针对哪些人群,哪些地区,哪些类别的.如果一开始连这都没有弄清楚的话,你后面的工作会很累,而且会感觉一点头绪都没有,推广的效果也事倍功半! 例如我以前学的都是计算机软件应用和管理,也从没有做过网站推广之类的.我现在做的求艺网推广,也是我的第一次网站推广的工作,

20条学习javascript的编程规范的建议_javascript技巧

1.使用js文件管理代码 所有代码尽量放在js文件中,然后再html文件中使用script引入,引入时注意放在body标签后面,并且不使用type或者language. 2.书写缩进 使用4个空白格缩进,注意不要使用tab键进行缩进. 3.断句 注意行长,每行不超过80个字符,超过时要进行适当断句,断句应该再操作符后面进行,最理想的是在逗号(,)后面进行断句,断句后下一行使用8格缩进. 4.注解 一般使用单行注释,块注释一般用于文档. 5.变量声明 所有变量使用之前先声明,未声明的变量会自动作为

浅谈关于JavaScript API设计的一些建议和准则

  这篇文章主要介绍了浅谈关于JavaScript API设计的一些建议和准则,文中列举了许多知名的JS API进行辅助说明,极力推荐!需要的朋友可以参考下 设计是一个很普遍的概念,一般是可以理解为为即将做的某件事先形成一个计划或框架. (牛津英语词典)中,设计是一种将艺术,体系,硬件或者更多的东西编织到一块的主线.软件设计,特别是作为软件设计的次类的API设计,也是一样的.但是API设计常常很少关注软件发展,因为为其他程序员写代码的重要性要次于应用UI设计和最终用户体验. 但是API设计,作为

10条建议 着手开始Web2.0实施

专家精选10条建议助你着手构建一个更动态的Web站点,跃入Web2.0时代-- 如今Web2.0的宣传铺天盖地,很难找到一个可靠的策略来让公司的网站更加动态.在这里我们给出10条建议,这些建议均来源于领先的已经铺平道路的专家和IT经理.它们将帮助你接触Web2.0,并且理解它的生产力.力量和存在的问题. 1 使用WordPress或者TypePad开始blog 这两家网站提供免费的hosting和简单的.只需要几分钟就可以掌握的工具.值得关注的还有,两家公司还出售一种公司版本的博客软件(Type

10条建议帮助你创建更好的jQuery插件

  本文总结了帮助你创建更好jQuery插件的10条建议.分享给大家供大家参考.具体说明如下: 在开发过很多 jQuery 插件以后,我慢慢的摸索出了一套开发jQuery插件比较标准的结构和模式.这样我就可以 copy & paste 大部分的代码结构,只要专注最主要的逻辑代码就行了.使用相同的设计模式和架构也让修复bug或者二次开发更容易.一套经过验证的架构可以保证我的插件不出大的问题,不论插件简单还是复杂.我在这里分享10条我总结的经验. 1. 把你的代码全部放在闭包里面 这是我用的最多的一

JavaScript入门之基本函数详解_基础知识

总的来说,函数在JavaScript中可以: ◆ 被赋值给一个变量 ◆ 被赋值为对象的属性 ◆ 作为参数被传入别的函数 ◆ 作为函数的结果被返回 ◆ 用字面量来创建 函数对象 1.1 创建函数 创建JavaScript函数的一种不长用的方式(几乎没有人用)是通过new操作符来作用于Function"构造器": 复制代码 代码如下: var funcName = new Function( [argname1, [... argnameN,]] body ); 参数列表中可以有任意多的参

将 Web 应用性能提高十倍的10条建议

将 Web 应用性能提高十倍的10条建议 提高 web 应用的性能从来没有比现在更重要过.网络经济的比重一直在增长:全球经济超过 5% 的价值是在因特网上产生的(数据参见下面的资料).这个时刻在线的超连接世界意味着用户对其的期望值也处于历史上的最高点.如果你的网站不能及时的响应,或者你的 app 不能无延时的工作,用户会很快的投奔到你的竞争对手那里. 举一个例子,一份亚马逊十年前做过的研究可以证明,甚至在那个时候,网页加载时间每减少100毫秒,收入就会增加1%.另一个最近的研究特别强调一个事实,

javascript入门教程基础篇_javascript技巧

一. 简介 1. 什么是javascript JavaScript 是网景(Netscape)公司开发的一种基于客户端浏览器.面向(基于)对象.事件驱动式的网页脚本语言. 2. 为什么要使用javascript 表单验证 网页特效 小游戏 Ajax 3.快速入门 在程序中,如果想编写js代码,有两种办法: 1)在html文件中,在一对script标记中,直接编写 <script language='javascript'> document.write('hello'); </scrip

jQuery性能优化28条建议你值得借鉴_jquery

jQuery性能优化28条建议 一直在寻找有关jQuery性能优化方面的小窍门,能让我那臃肿的动态网页应用变得轻便些.找了很多文章后,我决定将最好最常用的一些优化性能的建议列出来.我也做了一个jQuery性能优化的简明样式表,你可以打印出来或者设为桌面背景. 一.选择器性能优化建议 1. 总是从#id选择器来继承 这是jQuery选择器的一条黄金法则.jQuery选择一个元素最快的方法就是用ID来选择了. 复制代码 代码如下: $('#content').hide(); 或者从ID选择器继承来选