HTML基础入门学习准备篇

在学习前端的开始,让我们一起来了解什么是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。

转载于:https://www.cnblogs.com/wxblogs/p/7798869.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/370686.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

asp.net尚未在web服务器上注册_最新版Web服务器项目详解 00 项目概述

点 击 关 注 上 方"两猿社"设 为"置 顶 或 星 标",干 货 第 一 时 间 送 达。互 联 网 猿 | 两 猿 社TineyWebServerLinux下C轻量级Web服务器,助力初学者快速实践网络编程,搭建属于自己的服务器…

python正则r的作用_Python正则表达式,这一篇就够了!

原标题:Python正则表达式,这一篇就够了!大多数编程语言的正则表达式设计都师从Perl,所以语法基本相似,不同的是每种语言都有自己的函数去支持正则,今天我们就来学习 Python中关于 正则表达式的函数。re模块…

服务器微信了早上好,每天早上好的问候语 微信早安问候语合集66句

1、没有伞的孩子,必须努力奔跑!早安!2、你不能改变过去,但你可以改变未来。早安!3、坚持了才叫梦想,放弃了就只是妄想。早安!4、忘掉失败,不过要牢记失败中的教训。早安!…

如何得到某个文件的旧版本

下载某个文件的旧版本 如果想要得到某个文件的旧版本,只需在该文件上单击右键,选择Updata to revision…即可。 系统会提示输入版本号。 例如要下载soc_1的第五个版本,只需填入5即可。如图7。 查看完版本5的文件后,如果想在此回到…

Google Guava EventBus和Java 7 WatchService用于事件编程

这篇文章将介绍如何使用Guava EventBus将更改发布到Java 7 WatchService检测到的目录或子目录中。 Guava EventBus是向应用程序添加发布/订阅通信的好方法。 Java 7 java.nio.file软件包中新增的WatchService用于监视目录中的更改。 由于EventBus和WatchService已在以前的文章中…

Bootstrap-table 部分浏览器显示不出来

一、问题 近日,写了一个ASP.Net项目,但是bootstrap-table在别人的电脑上显示不出来,在自己的电脑上能显示,有些浏览器也是能显示,但部分浏览器就是显示不出来。找了很多原因,最后有个老师和我说是内核版本的…

DBMS-基本概念

文件处理系统(file-processing system)的主要弊端: 数据冗余和不一致(data redundancy and inconsistency)、数据访问困难(difficulty in accessing data)、数据孤立(data isolation…

python多大孩子可以学_孩子学编程最佳年龄是多大

儿童编程教育已经悄悄地掀起了编程低龄化的热浪。但是很多人会疑惑,到底孩子学编程最佳年龄是多少呢?下面小编就为大家解答一下。孩子学编程最佳年龄 首先,孩子的学习黄金时期是非常重要的。从6岁开始,大多数孩子都可以掌握对基本…

上传文件到华为云云服务器,上传文件到云服务器

上传文件到云服务器 内容精选换一换登录Windows操作系统的弹性云服务器时,需使用密码方式登录。因此,用户需先根据创建弹性云服务器时使用的密钥文件,获取该弹性云服务器初始安装时系统生成的管理员密码(Administrator帐户或Cloudbase-init设…

JUnit规则

第一次偶然发现JUnit Rule批注时,我对此概念有些恼火。 在测试用例中拥有一个公共领域似乎有些奇怪,因此我不愿意定期使用它。 但是一段时间后,我习惯了这一点,事实证明,规则可以通过多种方式简化编写测试的过程。 这篇…

微pe工具箱是微软的吗_微PE工具箱V2.0更新10内核

本帖最后由 韦小宝2 于 2017-3-22 21:26 编辑微PE工具箱V2.0发布更新了,链接:http://pan.baidu.com/s/1c9whpO 转载自无忧论坛 07年,第一个XP内核通用PE工具箱发布。17年,第一个WIN10内核的微PE工具箱就此诞生。64位纯内核&#x…

jq实现轮播图

之前设计了一个校团委网站,里面有一个轮播图效果,上网后查看了许多方法,觉得下面这个方法最为适用,记录下来 js代码: $(document).ready(function () {//无缝切换轮播var i 0;//索引var clone $(".banner .imgL…

关于图片预加载的思考

引子&#xff1a; 很多时候&#xff0c;我们在写html页面的时候&#xff0c;当需要在页面中加入图片时&#xff0c;我们很自然地把图片直接用<img>标签放在了<body>里面&#xff0c;这本来是没有多大问题的。 但是当图片数量很多的时候&#xff0c;问题就来了。H…

oracle安装中桌面模式与服务器模式的去别

桌面模式只能本机使用。 服务器模式可以在网络中使用&#xff0c;也就是网络中的其他服务器可以使用。 所以安装时&#xff0c;如果是生产环境肯定是服务器模式。一般也都是服务器模式。 转载于:https://www.cnblogs.com/zhjx0521/p/7803691.html

python不能创建字典的是_用Python创建带有重复键的字典

用Python创建带有重复键的字典 我有以下列表&#xff0c;其中包含重复的具有不同值的汽车注册号。 我想将其转换为字典&#xff0c;该字典接受汽车登记号的多个键。 到目前为止&#xff0c;当我尝试将列表转换为字典时&#xff0c;它消除了键之一。 如何制作具有重复键的字典&a…

python中int是什么的缩写_python中int是什么类型

python中的基本数据类型1:虽然python中的变量不需要声明&#xff0c;但使用时必须赋值整形变量浮点型变量字符型2:可以一个给多个变量赋值&#xff0c;也可以多个给多个变量赋值3:python3中有6个标准数据类型Number(数字)*True1*False0*数值的除法(/)总是返回一个浮点数&#x…

redis cli命令

redis安装后&#xff0c;在src和/usr/local/bin下有几个以redis开头的可执行文件&#xff0c;称为redis shell&#xff0c;这些可执行文件可做很多事情。 可执行文件作用redis-server 启动redisredis-cliredis命令行工具redis-benchmark基准测试工具redis-check-aofAOF持久化文…

高级ZK:异步UI更新和后台处理–第2部分

介绍 在第1部分中&#xff0c;我展示了如何在ZK应用程序中使用服务器推送和线程来执行后台任务。 但是&#xff0c;这个简单的示例具有一个重大缺陷&#xff0c;这使其对于实际应用程序而言是一种不好的方法&#xff1a;它为每个后台任务启动了一个新线程。 JDK5引入了Execut…

css清除浮动的原理

最近学习css发现了高度塌陷时候要清除浮动,为了理解清楚浮动原理,网上找了不少资料,发现都写的不是很清楚,而且都是一模一样的内容,我在里分享一下我对清楚浮动原理的理解, 如果你已经很了解什么是浮动和浮动的效果你可以直接跳转到三.如何清除浮动(重点)阅读 一.什么是浮动首…

SpringBoot03 项目热部署

1 问题 在编写springBoot项目时&#xff0c;经常需要修改代码&#xff1b;但是每次修改代码后都需重新启动&#xff0c;修改的代码才会生效 2 这么实现IDEA能够像Eclipse那样保存过后就可以自动进行刷新呢 将springBoot项目进行热部署即可 3 如何实现SpringBoot项目的热部署01 …