首頁  >  文章  >  web前端  >  为什么我在学习HTMLCSS的时候很快就能上手,可是JS我已经接触了2个月了,还是无从下手?

为什么我在学习HTMLCSS的时候很快就能上手,可是JS我已经接触了2个月了,还是无从下手?

WBOY
WBOY原創
2016-06-07 08:43:232178瀏覽

回复内容:

我想,学习编程语言与学习说话是类似的,都有三要素:词法,语法,背景知识
词法:决定是否能一个词一个词的读下来
语法:决定是否能明白,表达式或者语句要做什么
背景知识:决定是否能理解整个篇章在做什么
想一想,我们从出生就生活在汉语(举例而已,少数民族同胞不要仇视)的环境里,天天看、听、说,能比较顺畅的表达自己的意图用了多少年?
诚然,编程语言在这三要素上的信息量都要远小于整个汉语世界:关键字很少,TR1文法的语句有限,背景知识也只有现代科学的几十年,但是,想把这些都了解清楚也非朝夕之功可为。
HTML/CSS入门要简单一些,在入门阶段,它们看起来更像是七巧板或者积木,能抓住东西的小孩子都能玩,所以会感觉到入门容易。可是,做到高级,仍然要考验设计师的想象力的。并不是人人都可以用乐高制作一把乐高重机枪_视频在线观看。这需要背景知识和想象力。
相比之下,js家的门槛要高不少。首先是语言本身,只是简单的词法和语法就够学一阵子的了(这取决于你的编程语言经验,掌握类似的语言,学起来自然快)。但,只会词法和语法真心没什么鸟用,比如:E = mc^{2} ,我相信很多人都知道是什么,但很少人能知道怎么用它。
那么,让你觉得js入门难的倒底是什么呢? 其实是背景知识!
虽然我们很小就会说话,但并不会五言、七言、蝶恋花、江城子等等,这些东西是别人定义好的格式,我们只要拿来用,并且用得对,就会有不错的效果。这相当于编程基础里的数据结构
虽然我们很小就会说话,但有时把一件事啰里啰嗦讲半天,自己都觉得没讲明白,当然别人也没听明白。后来慢慢知道一画开天、精卫填海、画地为牢、红杏出墙等等,简洁清楚,这也是别人定义好的,很好用。这相当于编程基础里的算法
背景知识还有很多很多,如:Big Endian、农历、等差数列、角函数、傅里叶变换、AI……
一处不到一处迷,只要写代码的人用了你不知道的知识,你就会看不懂。

那么,回到正题,题主觉得js入门难,大致有两大方面的知识欠缺
  1. 编程相关的基本知识:计算机原理、数据结构、算法分析等等
  2. 浏览器工作原理及编程相关的API
想要快速入门,2是必需,而想跨过入门,成为软件工程师,1是关键。
而要成为职业WEB前端,还要了解整个前端的生态环境,那是一条永不止步的求索之路。 就多写这是我在块我在说一下吧。
题主现在应该处于:想动手写点东西,但是又不是怎么开始的这一个阶段。
其实我有很长一段时间是处于这个阶段,我看了完了《DOM艺术编程》,照着书上的例子写,基本就是抄。
然后关上书,还是什么都写不出来,老是去回想书里的下一步要做什么,自己根本没有思路。
看完《DOM艺术编程》后,最大的收获是 js操作dom元素还多少知道些,创建个div 创建个P 创建个txt 把txt插入到P 把P插入到div 然后把div插入到body。

我给题主的建议是前期多找js操作dom的例子来写,正面反馈,看得见摸得着。不会打击学习的积极性。
比如写一个焦点图的的例子。
写轮播图的HTML css

写点击的事件,把点和对应的div关联起来

用settimeout让他们动起来

点击“点”后,发现自动滚动发生混乱,想办法解决。
到这里一个最基本的焦点图的例子就写完了。在写这个例子的时候你可能用到了(以JQ举例)attr eq settimeout clearInterval 等。然后你觉得这个焦点图 点一下切换一张图太单调了,你想点一下图片有个进场的动画, 这时候你又学到了用js控制 translate3d 、left 的值。
我记得 @mu mu 大神之前用游戏来形容学习编程,我很喜欢。
<code class="language-text">游戏里常有这样的设定,开局的时候,整张地图都是雾蒙蒙的,什么也看不见。先选个地方造兵采矿,建立基地,再派兵去周围的地方探索,继续造兵采矿,占领的地方越来越多,整张地图也越来越清晰。编程也是这样,一开始的时候,什么都看不清,什么都不懂,学了几年也写不出个软件。传统的学习模式是,学习,理解,运用,而学编程的时候,可以灵活一点。把编程知识想象成一个3D网络,每个知识点都是网络中的一个节点,每个节点上有一盏灯,你学会了,灯就亮了,可以看到周围的节点,接着走,点灯,再走,再点灯,这样,灯亮的越来越多,看的越来越清楚,对于自己要走的方向也越来越有信心。基本的思想是,先用后学,缩短反馈,反复迭代。
</code>
因为js一般不只是js,他一般还要配合调用别的东西,比如你的这一部分代码,它大部分的工作是操作dom,那你就要去学习dom操作的基本知识。而且dom里面findbyclass addEvent 都是相对深入一些的知识,换句话说,你看的这个代码要的基础知识稍多了一些。 编程经验很重要吧,一个优秀的程序员,要有很多的项目来锤炼。
为技术而生,岂这么容易。 看别人的代码只需要看整块函数的意思就行了,这个其实看多了没多大问题的!要学好没有捷径只有自己动手写!!看着视频写,对着书写没有多大作用,因为发现不了问题,只要不断填坑 技术才能进步!!
<code class="language-text">var imf = function () {
	var lf = 0;
	var instances = [];
	//定义一个通过class获得元素的方法,并传入三个参数
	function getElementsByClass (object, tag, className) {
		
               var o = object.getElementsByTagName(tag);
               //定义一个数组变量,通过标签名获取元素
               //通过for循环来返回通过class获取的元素

		for ( var i = 0, n = o.length, ret = []; i </code>
举一个不太恰当的例子,不懂事儿的小孩子都可以把砖块搭建起来个模型,但是,混凝土不是谁都能玩儿的。HTML,CSS是个框架性的东西,入门会很快,看看例子,类比,都可以做个模型出来。JS是一门儿编程语言,使用场景很多,使用规则很多,并不能和HTML,CSS做比较着学的。 其实我想说,两个月了看不懂说明基础知识不够再加上练习的不够,因为我自己也是零基础学js的,在此之前学了html和css,现在学js也差不多2个月了,头一个月真的很煎熬,感觉视频里说的完全听不懂。但是多听几次多练习几次,就好一点,所以一定要自己多写代码。看不懂就再看一次再写一次,就像刚开始学html的时候,基础知识起码看了10次以上,js比起它们要难一点, 所以我打算要看20次以上。这就是我的学习方法,只作参考。 html 和 css经过浏览器解析后 一步就可以看到结果
javascript 是经过一些逻辑之后,才能得到结果。
js中,只要有一点顺序不同,或者多几步,少几步,结果就会有很大不同。

你现在就想 直接看一段复杂的javascript,当然是看天书了。 js起步容易进阶难度较大
原型链彻底搞清楚的人不多
嘿嘿
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn