在学习前端的开始,让我们一起来了解什么是HTML5时代的大前端开发和全栈开发的定义

  传统的前端:切图-标签和样式-实现效果

  H5时代的前端:

    一、需要各端的兼容开发

    二、可以用于APP开发和移动站点的开发

     三、Ajax+服务器端技术开发

     四、高级设计模式和框架(MVC)

    五、自动化工作流(Grunt)

      Grunt:是一套前端自动化工具, 一般用于:压缩文件, 合并文件,简单语法检查

    六、网站安全、SEO(搜索引擎优化)、测试、源代码管理、团队合作

    七、HTML5游戏

二、学习过程中常用的一些帮助方法

  操作系统的设置: 系统调整为最佳性能

  文件夹的显示设置

  任务栏的设置

  操作系统快捷键:win键和各种键的组合使用可以

  使我们在使用电脑的时候带来许多的方便

  常用的编辑快捷键:Alt和Ctrl键和许多键的组合

  让我们在编辑中的效率大大的提高

三、前端常用三个编译器

  Sublime

    下载地址:http://www.sublimetext.com/

    安装插件:使用Ctrl+shift+p打开命令面板

    输入install然后回车

    根据自己的需要安装相应的插件

    常用的快捷键:输入html:5 然后按Tab键,便把自动生成htm标签

    Ctrl+/:注释

    Ctrl+shift+v:粘贴并保持缩进

    Ctrl+shift+d:复制当前行

    Ctrl+shift+↑:向上移动,↓同样道理

    Ctrl+f/h:查找/查找和替换

    shift+鼠标右键:选中多行同时编辑

  Atom

    下载地址:https://atom.io/

    软件的使用和插件的安装:单击file(文件)然后单击settings(设置)里面的

    install里面安装所需的插件,可以在thems里面设置

    主题。在settings里面设置一些页面的设置,在

    keybindings 里面设置编辑快捷键,不建议修改

  Webstorm 

    在网上找了半天都找到官网的下载地址T_T丶

    其余使用和sublime、Atom一样,所以没有太多的介绍

  区别:

    Sublime:需要第三方的包

    Atom:集成度很好

    Webstorm :大项目建议使用Webstorm

四 、浏览器和网页的运行原理

  浏览器:

  帮助用户浏览网页的软件,主流的几大浏览器和他们的内核

  IE(IE浏览器):trident

  Safari(ios浏览器):webkit

  Firefox(火狐浏览器):gecko

  chrome(谷歌浏览器)Opera(欧朋浏览器):blik

  网页运行原理:

    用户请求→浏览器封装HTTP请求→DNS解析→发送请求Request→服务器接受请求→处理请求→返回响应报文→渲染页面呈现

五、关于网页的一些知识

  Internet: 因特网互联网可以实现全球信息互联的网络

  www:万维网(world wide web),他是提供网站相关服务,人们可以万维网服务进行网上聊天,网上冲浪,购物,搜索资料,查看天气,查看新闻,交友聊天

  W3C:万维网联盟,是web技术领域最具有权威和影响力的国际中立性技术标准机构

  Web:Web(互联网总称)泛指网络、互联网技术领域。表现为三种形式:超文本(hypertext)、超媒体(hypermedia)、超文本传输协议(HTTP)

  DNS:(Domain Name System,域名系统),域名和IP地址相互映射的一个分布式数据库,使得用户可以使用简单易记的域名去访问网站

  Http:超文本传输协议(HyperText Transfer Protocol,HTTP)是www浏览器(客户机)和服务器之间的应用层通讯协议。Http是用于分布式协作超媒体信息系统的快速实用协议,是通用的、无状态的、面向对象的协议,WWW是以超文本(HyperText)为基础的。超文本是一种开放的阅读信息方式,可以根据阅读者的喜好有选择的阅读信息。只要单机了某一个超连接。HTTP便开始工作。WWW客户机通过HTTP与WWW服务器建立连接。新建连接后,客户机发出服务或者需求信息的请求(还包括一些地址信息和补充信息)传递给服务器。服务器处理请求,返回岁请求的的信息或者返回一个响应指出不能答复或者请求,其中包括影响客户的要求、提供信息和服务,以及一些记录状态的信息www上的客户端接受服务器返回的应答信息并通过浏览器显示在显示屏上,然后客户端和服务器自动关闭连接。如果在上述过程中某一步出现错误,则产生错误信息返回到客户端由显示屏输出。但对于用户来说,这些过程是由HTTP自己完成的,用户要做的只有用鼠标单击,然后等待信息输出到用户的显示屏上。HTTP协议是基于TCP/IP的协议,它不仅需要保证正确的传送超文本文档,还必须能够确定传送文档中的哪一部分以及那部分内容首先显示等。其他WWW服务(如FTP、Telnet和Gopher)同样必须利用HTTP。

最新文章

  1. 在discuz二次开发模板时,diy编辑显示我“抱歉,您没有权限添加此模块
  2. dns解析对SEO产生的影响
  3. Linux 硬连接和软连接的原理 (in使用)
  4. github/python/ show me the code 25题(一)
  5. Android 读取Assets中图片
  6. C#学习日志 day 5 ------ windows phone 8.1真机调试手机应用
  7. 明天学习一下验证码的匹配和thinkphp第十三章
  8. 【Appnium+C#+Winform自动化测试系列】前言
  9. Mybatis笔记一:写一个demo
  10. ubuntu sudoers配置错误
  11. Linux内核态用户态相关知识 & 相互通信
  12. Python爬虫(三)——对豆瓣图书各模块评论数与评分图形化分析
  13. forget words out1
  14. Android 开发服务类 04_ServletForPOSTMethod
  15. Tomcat 配置用户认证服务供C#客户端调用
  16. iOS 9音频应用播放音频之iOS 9音频播放进度
  17. 转:devise使用
  18. javascrip总结43:标签上自定义属性的操作
  19. centos虚拟机复制后网络重启出错解决
  20. 【知识碎片】SQL篇

热门文章

  1. floding regions
  2. SqlServer 主重复制
  3. 如何快速查找到多个字典中的公共键(Key)---Python数据结构与算法相关问题与解决技巧
  4. web 前端1 拾遗
  5. JavaSE编码试题强化练习5
  6. vue 跳转页面返回时tab状态有误的解决办法
  7. 解决pip源问题 安装不了第三方库问题
  8. 搜索(DFS)---填充封闭区域
  9. 16、前端知识点--Object.defineProperty 的用法+双向数据绑定原理解析
  10. spark浅谈(3):