最先需要学习的是 HTML，HTML 是开发设计网页页面最基础的语言表达，CSS 和JavaScript 的使用是根据 HTML 的，因此务必先学习培训 HTML，将网页页面的基本上框架搭建下去，在使用 CSS 开展装饰。学习培训 HTML 以后，在开展 CSS 的学习培训，或是二者同时进行学习培训。如果将 HTML 构建的网址比成是毛胚房，那样 CSS 便是对它开展室内装修。
CSS 是用于变更款式设计方案的，装饰网址，提高客户体验度。最终学习培训 JavaScript。JavaScript 用于界定网页页面的个人行为，提高网页页面的互动性。在我们将一个房屋装修完成后，就必须考虑到其程序模块，也就是想让它完成哪种实际 *** 作。HTML、CSS、JavaScript 三门语言表达的学习培训并没分为很清楚的主谓层级，完全可以交叉学习培训，提升印像，且可以让你更快的知道源代码的应用。
但是需要注意的是，大家学习时必须从最基础的英语的语法标识开始学习，循序渐进，提高学习效率。如果只是做一个静止的网页页面，上边的是彻底足够了，可是假如想要做动态性的，这个时候就要逐渐学习php了。 新手入门php相比于JS会更不便一些, 由于运作php必须有许多关键点要解决, 因此一本好的入门书籍是非常重要的, 这一w3school上面的php帮不上什么忙了。
入掌握JavaScript：因为你是想倾向于前端工程师，因此务必深入了解JavaScript，对JavaScript原型链、功效域链、程序设计模式都深入分析。多参照顺利的OOP程序设计模式，多研究框架源代码：如jQuery、prototyp、Ext等，都会有非常好的研究价值。
Javascript是执行顺序是至上而下的，除非特别说明, Javascript代码不会等到页面加载完毕后才执行。
例如：
一个网页里含有以下HTML代码
<div id="ele">welcome to www.jb51.net</div>如果在这行HTML代码前，加入如下Javascript代码：
<script type="text/javascript">
document.getElementById('ele').innerHTML= 'welcome to my blog'
</script>
运行该页面，会得到这样的错误信息：“document.getElementById(‘ele') is null。”原因是，当上面的javascript运行时，页面上还没有ID为‘ele'的DOM元素。
解决办法有两种：
1. 把javascript代码放在HTML代码之后：
<div id="ele">welcome to www.jb51.net</div>
<script type="text/javascript">
document.getElementById('ele').innerHTML='welcome to my blog'
</script>
2. 等到在网页加载完毕后，运行该javascript代码。可以使用传统的解决办法（load）：首先加HTML的body加入“<body load="load()”>,”然后在load()函数里调用上述javascript代码。这里要着重介绍的是用jQuery来实现：
<script>
$(document).ready(function(){
document.getElementById('ele').innerHTML= 'welcome to my blog'
})
</script>
//当然,既然用到了jQuery,更简单的写法是：
<script>
$(document).ready(function(){
$('#ele').html('welcome to my blog') //这里也可用.text()方法
})
</script>
可以把上述jQuery代码放在页面的任何位置，它总是等到页面加载完毕后才执行。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）