这篇文章是对于编程小白新手来说的,对于已经在编程路上蹦跶的菜鸟,老鸟,大牛,请忽略~~哈哈!

　　1.打字速度是必备的素养！

　　　　　　a) 打字速度是必备的素养！

　　　　　　b) 可以使用市面上常见的打字练习工具,比如金山打字通等.不要练习中文打字，只练习英文打字就行了。英文文章一定要练习到每分钟100字母以上。

　　2.认识单词：

　　　　　　学习前端将来会学到很多新的单词，新的单词也不要慌，及时查询出来就行了，安装有道词典可以为我们节约很多的时间。

　　3.将学习当成兴趣：

　　　　　　把学习当游戏。我们都喜欢游戏，把学习融合到游戏里，从游戏里找到成就感。经常鼓励自己,相信自己。

　　4. 可以提高开发速度的几个设置：

• 将所有文件的后缀名(扩展名)显示出来。（图解）

Win10,win8:

Win7:

             

 

 

• 将文件的排列方式改为详细信息，并且名称一定要能够全部显示出来 。
• 使用小的任务栏。
• 将常用的工具锁定到任务栏

　　5.学会使用快捷键

    　　　　习惯性的使用快捷键可以提高我们的开发效率，下面是window系统下面的一些快捷键。

　　　　　　常用：

　　　　　　Ctrl+C:复制

　　　　　　Ctrl+V:粘贴

　　　　　　Ctrl+X:剪切

　　　　　　Ctrl+S:保存

　　　　　　Ctrl+A:全选

　　　　　　Ctrl+Z:撤销上一个操作

　　　　　　CTRL＋Y：还原上一个操作

　　　　　　win+E:打开资源管理器    

　　　　　　Alt+tab:切换程序(注意整个操作过程alt常按)

　　　　　　Win+D(鼠标点击屏幕的右下角)：切换到桌面

　　　　　　Win+R：快速运行，打开软件，cmd命令行等

　　　　　　calc:运行计算器

　　　　　　mspaint:运行画图工具

　　　　　　notepad:运行记事本

　　　　　　Win+L:锁屏。

　　　　　　F5:刷新

　　　　　　Alt +f4:退出程序

　　　　其它：

　　　　　　Win+数字键：打开/显示超级任务栏第N个图标代表的程序

　　　　　　Win+方向键：最大化、还原/最小化窗口

　　　　　　Ctrl＋Alt＋Del：显示以下选项：锁定该计算机、切换用户、注销、更改密码和启动任务管理器

　　　　　　CTRL＋SHIFT＋ESC：打开任务管理器

　　6. 学会上网：

　　　　　　这里的上网不是我们日常生活的上网打游戏，上网看小电影，或者上网看NBA直播。而是如果将来在我们学习的过程遇到了问题，可以借助网络来帮助我们解决这些问题。比如说将来在学习的时候遇到了一些自己不懂的名词，可以百度一下，遇到自己之前没有听说过的技术也可以百度一下。（总结：在编程领域，没有天生的大神，只有别人知道你不知道，如果要想你比别人知道的多，请多使用百度吧）

　　　　　　当然,专业的学习查询方式可以查询W3Cschool,MDN等,Google在国内因为某些众所周知的原因被限制了…..

　　　　　　W3c在线教程: http://www.w3school.com.cn/;

　　　　　　菜鸟教程: http://www.runoob.com/

 　7.认识浏览器和服务器：

　　　　１   什么是浏览器什么是服务器：

　　　　　　　　我们的认知：就是一个图标，可以双击打开，在地址栏中输入完内容之后会显示对应的页面。

　　　　　　　　我们看不到的内容：

　　　　　　　　当我们在浏览器的地址栏上面输入内容之后，浏览器会发送请求到服务器，服务器接收并处理以后，将请求的页面读取出来返回到浏览器，浏览器接收到响应回来的内容以后，会通过浏览器的内核将响应内容渲染成一个完整的页面，并且显示出来。

　　　　　　　　1.2　　什么是浏览器：

　　　　　　　　浏览器是指可以显示网页服务器或者文件系统的HTML文件（标准通用标记语言的一个应用）内容，并让用户与这些文件交互的一种软件。

　　　　　　　　浏览器的特点：

　　　　　　　　　　 可以显示服务器中的html文件

 　　　　　　　　　  可以让用户与这些文件交互。

　　　　　　　　1.3什么是服务器：

　　　　　　　　服务器，也称伺服器，是提供计算服务的设备。由于服务器需要响应服务请求，并进行处理，因此一般来说服务器应具备承担服务并且保障服务的能力。

　　　　　　　　服务器的特点：

　　　　　　　　 处理请求

　　　　　　　　必须保证24小时开机状态

　　　　２   浏览器的分类

   　　　　主流浏览器：chrome，firefox，Safari，ie，opera····

　　　　　注意：虽然市面上的浏览器有很多，我们在学习过程中主要使用到的浏览器是chrome、firefox

　　　３   使用开发人员工具来查看请求和响应：

　　　　３.1  右键，选择审查元素。

　　　　３.2  打开开发人员工具。

　　　　３.3  打开notwork:

　　　　３.4  浏览器发出的请求：

　　　　３.5  浏览器请求的详细信息 

　　　　３.6  浏览器请求数据的原理：

　　　　　　就是浏览器让请求的页面直接去服务器上找，找到了以后将这个文件中的内容通过repsonse响应回浏览器。

　　４   请求协议：http协议：

　　　　４.1  请求报文。

　　　　４.2  响应报文。

　　　　４.3  Url:(地址)地址栏上我们输入的内容。

　　　　　　Url的组成：协议://服务器的ip地址:端口号/请求的页面

　　５   页面的本质：

　　　　　　虽然页面上只有一句，但是在源代码中有很多的内容：

　　　　　　　　原来浏览器所做的事情是将服务器响应回来的response进行从上到下的解析（渲染），将最后的页面效果显示出来。

　　６   浏览器内核：

　　　　　　内核（Rendering Engine）：可大概译为“渲染引擎”，不过我们一般习惯将之称为“浏览器内核”。负责对网页语法的解释（如标准通用标记语言下的一个应用HTML、JavaScript）并渲染（显示）网页。

　　　　内核的分类：

　　　　　　Trident[?tra?dn:t]：ie , 猎豹安全浏览器,360极速浏览器,百度浏览器...

　　　　　　Gecko[?geko?]：Firefox

　　　　　　Webkit[webkit]：Safari

　　　　　　Blink：Chrome，Opera

　　　　　　不同的内核在渲染同一内容的时候会有差别。

　　　　　　浏览器内核渲染页面是从上到下依次渲染

　　　　　　世界上的第一个html页面：http://www.w3.org/History/19921103-hypertext/hypertext/WWW/TheProject.html

标签：

版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有