黑马程序员技术交流社区

标题: 我有敲不完代码。。。 [打印本页]

---

作者: 向婷婷    时间: 2018-7-18 11:04
标题: 我有敲不完代码。。。

学习前端的前期准备和方法。



1.自学能力一定要强

        前端好入门，但是真的不好学。首先学习前端HTML和css是基础，很多同学选择自学，看W3school进行学习，你会发现效果并不理想，虽然小的标签和属性看起来都非常简单，案例也都能顺利的敲出来，可是你会发现写一个页面还是很吃力的，甚至是敲不出来的，想把标签与属性完全很好的结合是需要一个过程的。如果自学，那么首先要具备极强的自控自律能力，能够专心的确保学习效率，每天都有所收获才能学有所成，这是入门前端自学的作用。

再者，如果你是成手前端，那么就不学要学习了吗？答案肯定是否定的，各行各业都是要学习的，不是说入了门就成了，不学习只会带来淘汰，再者，前端技术行业的技术语言更新特别快，不学习做项目就会越来越吃力，最后被淘汰，所以说活到老学到老，学习可以选择看书看视频，现在网络很方便，视频资料也很多，要让自己时时保持学习的态度才可。

2.目标一定要明确

        做什么事都要有明确的目标，目标不明确是不会有任何成果的，学习前端也是如此，现在的前端涵盖面比较广，有PC有移动有全栈，不管你希望专于哪一个方面，心里都要有一个明确的方向，从而为之付出努力，才会收到自己想要的成果，把大目标分成逐个小的目标，每一天没一个月一一来实现它们，不久的将来我们就都是前端界的大牛了。

3.具有一定的逻辑思维能力

        逻辑思维能力还是要有的，如果思维能力不够，还特别喜爱这个行业，那么就需要通过一些方式来提高自己的思维能力，看看相关的书籍，做做相关的题目，都是可以改变的，有了足够的思维能力，不论是学习JavaScript还是学习后面的框架，包括新的语言，新的框架，新的技术都要得心应手一些，这样才会真正体会到编程的乐趣。



如何学好web前端开发



　　web前端开发是现在互联网中非常热门的一个职位，很多互联网公司都急需一批优秀的web前端开发人员，但是，要成为一名优秀的Web开发人员，并不是那么容易的事情，做任何事没有捷径可走，多学多练是必须的。下面源码时代小编为大家介绍一些学好web前端开发的十点注意!

　　一、学好HTML

　　HTML是网页的核心，因此你首先应该学好它，不要害怕，HTML很容易学习的，但也很容易误用，学懂容易要学精还得费点功夫，但学好HTML是成为Web开发人员的基本条件。

　　二、学好SQL

　　要构建动态页面就必须使用到数据库，但这么多数据库产品，该如何是好呢?别担心，它们都会遵循标准的SQL原则。

　　三、学好服务器端脚本语言

　　服务器端脚本编程也是Web开发人员的基本功之一，你只需挑选一个服务器端脚本语言，然后学好它。

　　四、学好JavaScript

　　今天大部分Web开发人员都喜欢使用jQuery，学习JavaScript的基本语法，以及如何使用JavaScript编程将会提高你的技能。

　　五、学好CSS

　　涉及到网页外观时，就需要学习CSS了，它可以帮你把网页做得更美观。

　　六、学习一点Unix和Linux的基本知识

　　这并不是必须的，但知道一点Linux命令不会伤害到你，或许你还不知道，大部分Web服务器都运行在Unix和Linux平台上，如果我是你，我会去学习一些基本的Linux命令的。

　　七、学好正则表达式

　　虽然它并不像其它知识那么重要，但学习了正则表达式后，如果使用得当将会节省你很多时间，从验证到高亮显示它够能帮到你。

　　八、了解Web服务器

　　你不必在这上面花太多精力，但对Apache的基本配置，.htaccess配置技巧有一些掌握的话，将来必定受益，而且这方面的知识学起来也相对容易，不会花多长时间。

　　九、学好Web框架

　　当你掌握了HTML，服务器端脚本语言，CSS和JavaScript后，就应该找一个Web框架加快你的Web开发速度，使用框架可以节约你很多时间，如果你使用PHP，可选的框架有CakePHP，CodeIgniter，Zend等，Python程序员喜欢使用Django和 webpy，Ruby程序员喜欢使用RoR。

　　十、熟悉版本控制系统的用法

　　熟悉使用一种优秀的版本控制系统将很有用处，你在实际工作中就会发现精通一种版本控制系统是多么幸福。

　　掌握以上十点，离成为一个优秀的web前端开发者更进一步了，如果想要好好学习或者时是转行从事web前端相关工作，可以自学或者是培训，培训的话建议可以看看源码时代，源码时代是一家专业进行web前端培训、java培训、PHP培训、ui设计培训的西南知名IT教育培训机构，学员就业率高达97%，口碑入学率高达79%，出来的学员首薪平均高达7K+，很多学员都进入名企工作。




  下面来点干货：

1.核心还是原始的javascript

2.完成了1，jQuery其实学起来很快，如果连dom元素、事件、数据类型、原型等都不了解，看起来就是一个很大的东西。

3.angular是一个思维完全不一样的框架，没有具体业务很难学全面，入门倒挺快。

4.jQuery在所有公司都有可能是加分项，虽然加分不多。angular对有些公司来说是无所谓，有些是大加分。

敲黑板

js使用正则表达式判断ip地址

<script type="text/javascript">

varip='20.255.255.255';

re=/^(d{1,2}|1dd|2[0-4]d|25[0-5]).(d{1,2}|1dd|2[0-4]d|25[0-5]).(d{1,2}|1dd|2[0-4]d|25[0-5]).(d{1,2}|1dd|2[0-4]d|25[0-5])$/

r=re.test(ip);

alert(r)

</script>

JS的高级概念你需要会，例如：闭包，面向对象的编程，JS的调式，常用的JS库，JQuery或是Ext你得会一个，Ajax技术，Ajax回调函数，正则是必须的，邮箱验证啊，有规律的字符匹配啊，都要会的，建议学校prototype的内容能让你的认识更深一层楼。

jquery 阻止事件冒泡（防止多层事件同时响应）

// 为span元素绑定click事件

$('span').bind("click", function(event) {

vartxt = $('#msg').html() + "<p>内层span元素被点击.<p/>";

$('#msg').html(txt);

event.stopPropagation(); // 阻止事件冒泡

});

// 为div元素绑定click事件

$('#content').bind("click", function(event) {

vartxt = $('#msg').html() + "<p>外层div元素被点击.<p/>";

$('#msg').html(txt);

event.stopPropagation(); // 阻止事件冒泡

});

// 为body元素绑定click事件

$("body").bind("click", function() {

vartxt = $('#msg').html() + "<p>body元素被点击.<p/>";

$('#msg').html(txt);

});

最后推荐下书籍css - the missing manual

js - 先学基础，这书很多，网上也很多， 然后就是选框架了，

jquery(上手容易，轻量级框架，推荐初学者)， 框架只是简化你的工作，不是完成工作，jquery拥有非常强大的选择器（j-query），基本可以满足大多数的DOM操作了





yui(yahoo的中量级框架)

如果你是页面重构岗位， 是偏CSS的，也需开始学习CSS3了。 如果需要涉及复杂交互，图片处理，3D运算等，那是偏JS的脚本工程师，需要开始学习HTML5中许多新增的api

---

欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)

黑马程序员IT技术论坛 X3.2