前端基础知识点

  本人现在是一名准大二计算机系的学生，准备开始写博客，一方面是想在csdn留下自己的足迹，另一方面是想通过写博客来提高自己的能力。以后会分享一些学习心得，程序代码，以及我的一些学习计划，还有每天学习后的知识总结。如果你和我一样，不甘于平凡，那么，就请给我点一个关注，我们互相交流，共同进步。

-------------------------------------------------------------------------------------------------------------------------------------------------这是一条分割线

作为一名准大二学生，我准备提前预习前端的一些知识，所以就准备写了这篇文章，文章中有自己理解的，还有百度查到的，希望会对准备学习前端的同学有帮助。
1，什么是前端？
 前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。
 2，前端的核心技术
 HTML， CSS， JavaScript。
 这三个是前端开发中最基本也是最必须的三个技能。前端的开发中，在页面的布局时， HTML将元素进行定义，CSS对展示的元素进行定位，再通过JavaScript实现相应的效果和交互。这是前端的基础，一定要把基础打牢！！！一定要把基础打牢！！！一定要把基础打牢！！！重要的事情说三遍。
 3，如何学习前端
 如果你像我一样是在校大学生，可以跟随学校的脚步，来学习前端。如果不是，或者是想在寒暑假提前预习的同学通常有三种选择：
一是报班，效果好但价格贵对时间要求高，不是所有人都能拿得出那么多时间和金钱去学习的。
二是自学，通过看书，以及网上的一些视频，这里我推荐腾讯课堂的前端课程，也是我现在在使用的。这种方法适合对前端学习进度要求不高，有耐心，和强大的意志力的人（比如我，哈哈哈哈哈），不希望花钱的同学，可以找腾讯课堂的免费教程。
4，对初学者的建议
在学习的过程中我们，要戒骄戒躁，学习编程是一个很漫长的道路，在学习的过程中我们要有耐心，要有信心，不是为了编程而编程，我们要多练多写，坚定自己的信念。
既然我们选择了这份行业，就要去热爱它，不断地学习，不断的进步。希望你的努力，最后会得到应有的回报。接下来我也会在csdn分享自己的前端学习心得以及一些知识点，希望可以关注我一下下哦。

---------------------------------------------------------------------------------------------------------------------------------------这是一条分割线

7.29
hyperText markup Language

超文本标记语言

HTML
有一对一对标签组成
头标签
**告诉搜索引擎爬虫，我们的网站是关于什么的
自己看的

展示给用户看的

--------------------------------------------------------------------------------------------------------------------------------------------这是一条分割线

7.30
空格， 回车不作为语言文本，是作为英文字母的分隔符
空格文本的表现形式
 ；
小于表现形式
<；
大于表现形式
>；

有序列表

换行符

 

    

1.  

   无序列表 很重要

    

       

   • 图片标签
     \

     
     anchor 锚
     a标签作用
     1超链接
     2锚点
     3打电话给谁谁打电话
     4协议限定符

     表单标签
     

     
         

     
             username:         οnfοcus="if(this.value=='请输入用户名'){this.value='';this.style.color='#424242'}" οnblur="if            (this.value==''){this.value='请输入用户名';this.style.color=''}">
         

     
         

     
             password:
         

     
         
     
     ****用户登录
     
         **单选框
     
     勇敢迈出第一步，还在陆续更新中。。。。。

                                                                  Web前端的发展与未来

                                                                                               -------摘自博客园

          

     对于web前端开发，对现今前端的发展，中国的发展还很落后，中国没有Jquery，没有Node.js，其中最主要的一点是，中国的前端比较封锁，大家都没有分享的觉悟。回头看看，那些发展比较快的行业、软件，为什么发展那么快，最重要的他们愿意分享，开源自己的代码。我很喜欢做前端开发。要说做业务是挑战自己，做前端开发也是很挑战自己的，因为信息更新速度很快，要断的学习，去研究。下面是我来网上转来的一篇文章，写的很有道理。希望我们做前端开发的人心能静下了，好好的学习。因为要学习的知识太多了。在这里我说一句，三百六十行，行行出状元！

         关于一个WEB前端的职业规划，其实是有各种的答案，没有哪种答案是完全正确的，全凭自己的选择，只要是自己选定了，坚持去认真走，就好。在这里，我只是 简要说一下自己对于这块儿内容的理解。有一个观点想要分享给大家的是：任何规划和目标的实现都依赖于知识的积累，而知识的积累来源于学习及学习后大量的实 践。我提供一个实践途径，我们可以在工作之余的时间在网上或外包公司那里接一些私单做，因为目标不是赚钱，我们可以用最低的价格来提升自身竞争力，获得大 量订单就意味着获得大量的实践机会，同时，还有一些收入作为工作成就感之外的安慰奖，还是不错的。

     一、职业方向定位

     首先，只有确定好自己的职业方向，才能做好职业规划。在我看来，做WEB前端技术能够找到的职业方向有以下几种：

     （1）资深WEB前端工程师

         这个方向算是一个WEB前端最基本的选择了，在国外，很多老外都能够把自己的专业做到极致，能一辈子就在一个专业领域不断学习和积累。主要在于内因和外因 两方面，内因是老外通常思想比较简单直接，容易一直专注于一个领域；外因是国外的环境很好，能够良好的支撑这样的职业发展道路。反观国内，从内因来 讲，WEB前端技术人员还是蛮浮躁的，通常会因为WEB前端知识的更新速度太快而觉得学习起来辛苦，最终转向后台或其他道路。从外因来讲，WEB前端人员 没有获得公平的待遇，可能从HTML页面制作就开始并沿袭下来的，从来WEB前端人员都比后端人员低一等，貌似前端就是“浅显”的代名词、后端就是“深 奥”的代名词，这也直接造就了前端人员的收入无法和后端人员媲美，同时直接影响到前端人才市场的活跃程度。另一方面，前端的技术入门较容易，造成另一个极 端情况：人员泛滥、人才稀缺。我想对所有的WEB前端工程师说：面包总会有的，要耐得住寂寞！我个人比较推荐这个职业发展方向，因为，在这个方向下，只要 足够耐心、厚积薄发，成功的概率是非常高的。同时，这是一条最单纯的路，我们更多的是花费精力在技术的钻研上，而不是办公室政治等其它琐事。

     （2）资深WEB架构师

         说功利点儿，我喜欢这个方向，既兼顾了工作的单纯性、又能够减少实际Coding的工作量能腾出更多时间钻研技术。在国内，WEB前端工程师遇到较多的情况是总是反复编写着同样的代码，总是面对着同样的技术和产品，容易感觉枯燥。由于我们拥有最为广泛的WEB相关知识沉淀，使得我们更加容易成为一名架构 师。这个职业发展方向不如第一种来得平滑，主要是作为一名架构师不得不学习：后端技术、DBA、Platform等内容，而这种学习通常需要实际操刀做项 目，不是自己在家里写两个Demo就好的，这就势必会遭遇一段时间的阵痛期。虽然不是很平滑，但是，对于一个大局观好、悟性好、知识面广的前端工程师，我 推荐你们努把力，走一条光荣的架构师之路吧。

     （3）自己创业

         其实，自己创业是最好的道路、也是成功率最低的道路，挑战和机遇并存。这里，作为一个前端技术人员，需要将自己的视野更多放在行业的动态、产业链的动态、 相关产品领域的动态，把关注细节的优势继续保持，同时，增强自己把控一个产品乃至一个公司命运的能力。但是，这条道路和技术之路稍有分歧，后续将不再赘 述。

     （4） 转岗管理或其他

         由于这条职业道路和WEB前端技术之路关系不大，故而，这里不做过多讨论，但是，无论是否走上这条道路，我觉得对于任何技术之路，更好的大局观、更广泛的 视野是良好发展的必备条件，拥有良好的大局观和更广泛的视野别无他法，只能不断的进行知识的横向拓展和积累，同时，多在横向拓展知识的时候进行实践，把知 识变成技能。

     二、职业发展目标

          我都有一个最终的目标，在这个目标之上，我们需要给自己制定一系列学习和成长计划，制定的方法如下：

     第一、梳理知识架构；

         梳理知识架构的目的在于，我们要了解清楚，哪些技术是前置、哪些技术是后继，那些技术是深度、哪些技术是广度，按照这两个维度梳理好知识架构之后，我们才能准确地制定清晰的成长目标、高效的成长计划。

     二、职业发展目标

          我都有一个最终的目标，在这个目标之上，我们需要给自己制定一系列学习和成长计划，制定的方法如下：

     第一、梳理知识架构；

         梳理知识架构的目的在于，我们要了解清楚，哪些技术是前置、哪些技术是后继，那些技术是深度、哪些技术是广度，按照这两个维度梳理好知识架构之后，我们才能准确地制定清晰的成长目标、高效的成长计划。

     第二、分解目标；

         我认为，大抵可分解为三个阶段，包括：起步阶段、提升阶段、成型阶段。这三个阶段分别对应着不同的目标：

     起步阶段：

     1、基本知识的掌握

         在我们梳理的知识架构中，按照我们分析的两个维度里最前置的、最浅显的部分，作为打基础的阶段，必须要在这个过程中更多投入到实践中去，我们通常做的多了、熟练了，就认为这部分知识和内容掌握

     2、常用工具的掌握

         对于常用工具的掌握应该掌握一些有大公司或专业团队背景的流行工具，这些工具的熟练掌握能够提升专业度、职业度，同时，能提升我们的工作效率。我们只有在 检验自己对于知识和技能熟练程度的时候，才会自虐式的用Notepad去编写页面、css和脚本等内容。

     3、沟通技巧的掌握

         通常做技术的人会被定位为“不善沟通”的人，这是为什么呢？究其原因，主要是因为多跟程序和代码打交道，跟人的沟通较少导致。这种时候我们要特别注意增加 和人沟通的机会，着重提升这块儿的能力。另一方面，我们通常被称为“不懂沟通技巧”的人。作为一个技术人员，包括我自己，似乎天生就有一些难以接受挑战的 缺陷。在国内，我们的技术人员通常都是自己制定方案、自己执行方案，在执行过程中又缺乏相关产品、交互设计等人员的沟通，大多是在自己的思路贯彻下进行开 发，久而久之，我们习惯于信任自己的观点、在自己的视角看问题，对于挑战总是百般地“据理”力争。我们需要更多提升的是，如何在对方的视角看问题、如何在 用户的视角看问题。

     4、良好的开发习惯

         开发习惯是养成的，一旦有不好的习惯，对于将来去修正带来的将是很大的麻烦，我们在培养良好开发习惯一定要从起步时做起，例如：写代码之前先分析、先写文 档、先写注释。定义变量最好能用直接可理解的语义，最好是拼音，别整英文，尤其是生僻单词，将来自己忘了还要开金山词霸。文件最好有有意义的文件夹命名来 管理，文件名最好有意义，需要版本号的最好能和项目版本号一同更新……等等。

     提升阶段：

     1、高级技术的掌握

            在提升阶段对于知识和技能掌握，我们需要从梳理好的知识架构中选择更深一层次的技术进行学习，选择之前，我们先通过类比或预估的方法，衡量自身学习的难点，以学习难点和自己最不感兴趣的部分为主。这样推荐大家的原因是：这个阶段我们兴趣正浓，已经度过了苦涩的起步阶段，到达了兴奋的提升阶段，我们要用兴趣和兴奋去挑战最困难的部分，在我们信心受挫和兴趣浓厚之中找到平衡。同时，辅以其他的深层次知识一起学习和研究。

     2、产品思想的学习

         没有正确的产品思想，很难设计出良好的程序，无论从界面、交互，还是接口、逻辑，不能够理解产品、理解用户需求，我们会给自己造成很大的麻烦，例如：我们 千辛万苦用最新技术、最复杂的实现做出的功能，却得不到使用者或领导、同事的认可。为了使我们的工作和学习更加有效率、避免无用功，我们需要不断的学习产 品的思想，只有理解了产品的思路，我们才知道用我们的技术去输出什么。

     3、各种框架的学习

         框架是我们提高工作效率的优秀手段，对于框架的学习是成长必经之路。我们学习框架的路线通常应该是：使用——》分析——》个性化定制——》模仿编写自己的框架。只有大量的使用，才能明白设计框架者在设计背后的思路，只有了解到设计的思路，才能做正确全面的分析，只有正确全面的分析才能支撑我们去对其裁剪或 扩展，只有经过实际分析、修改别人的框架，才有可能写出优秀的、自己的框架。学习通常的路线是：学习、理解、模仿、创造。

     4、富客户端应用的学习

        随着带宽和计算机性能的提升，以及WEB2.0的如火如荼，富客户端应用充斥着互联网，如果你不懂得富客户端应用，你就不能称之为一个合格的前端技术人 员。可以按照：Flash动画—>Flash编程—>Flex—>Air—>Silverlight动画—>Silverlight编程 的步骤学习，先学Flash后学Siverlight的原因，一来Silverlight还不太成熟，二来，实际Silverlight借鉴了很多 Flash的思想，最好在学习的时候不要本末倒置。

     5、各种网络协议的学习

         WEB前端技术就是云上的技术，云的协议有N种，我们应该着重学习：TCP/IP，UDP，HTTP，POP3，SMTP这几种协议，在开发WEB前端应 用过程中，这些协议是我们的技术的载体，有时候决定了我们的应用是否能实现、有时候决定了我们的应用是否高性能，同时，这些协议还是我们和后端技术交互的 重要手段，这些协议就像是密码字典，帮助我们把后端传输过来的密文解释成我们前端技术能够理解的明文。

     6、程序设计

         这个阶段我们需要学习OO、UML、设计模式、设计方法……，我们要让技术开发工作变成有目的性、有计划性，并且，这些目的和计划必须有理论的支持，这 样，我们设计出来的程序才能够更优秀、我们的开发才更有效率，这样，我们的技术才能有所提升。为什么要学习程序设计呢？主要是，就算我们不用Flash的 ActionScript编写程序的前端逻辑，我们至少要把我们自己的Javascript函数、包的定义规划起来，避免将来自己或他人维护代码的时候出 现问题。程序设计能力，在技术人员仍然被看作是程序员的这个年代，是灰常、灰常重要滴。

     成型阶段：

         到了这个阶段，我也没什么好说的了，如果能达到这个阶段，就证明后续的成长之路是异彩纷呈的，是成为一个资深WEB前端工程师，还是成为一个资深WEB架 构师，亦或其他，都要具体分析自身的特点和兴趣所在。如果是资深的前端工程师，我觉得更重要的是去作新技术的研究，互联网技术发展速度日新月异，不断学习 新技术，否则就被淘汰。此外，我建议在知识的广度、深度方面最好能挑选一个自己最擅长和最感兴趣的一两个领域深入钻研，不要挑太多，多而不精。如果是资深 的WEB架构师之路，我建议要深入了解后台技术，这种深入了解一定要伴随着实际的项目开发，基本方法是：按照别人设计的架构实现几个Server—>自 己设计并实现几个Server。