前端进阶指南

课程导师

何虎 何虎
8年软件开发经验,擅长互联网应用程序开发,曾研发过千万级医药行业ERP项目;5年的项目讲师、实训项目经验,讲课生动,深受学生喜爱。
00:00:00
Play
Next
00:00 / 00:00
40%
  • 2x
  • 1.5x
  • 1.25x
  • 1x
1x
13.跨浏览器兼容3部曲(下)
离线学习

下载APP离线观看

技能补充更多
  • Java 语言基础
    Java 语言基础

    学习Java基本语法、变量、流程控制、修饰符、修饰符、继承、抽象、接口、数组、异常。

  • HTML5+CSS3快速入门
    HTML5+CSS3快速入门

    HTML5+CSS3是web前端开发的常用基础语言之一,本章将分别从html5相关元素及应用、css3相关元素及应用及html5+css3实战等方面进行介绍,快速入门html5+css3。

  • Javascript初步
    Javascript初步

    Javascript是web前端开发常用技术之一,也是web前端开发必学技术之一,本章麦子学院原创JavaScript视频教程,将围绕其相关基础知识和实际应用全面讲解,让你轻松掌握并精通JavaScript的使用。

  • Web前端开发之Ajax初步
    Web前端开发之Ajax初步

    麦子学院原创web前端开发常用技术 — ajax视频教程, 主要从ajax的运行环境、元素的应用、及其数据类型的运用等方面进行介绍和实战,让学员能快速入门并精通ajax的使用。

  • 最新问答
  • WIKI资料
  • 课件下载
只看我参与的
  • 学习前端

    前端进阶指南教程

    这是前端进阶指南的第一节课,这节课主要分为四个部分。基本要求明确一下,看哪些同学适合学习本门课程。如图,首先需要他有编程基础,如果不知道变量、循环或者函数是什么,如果你没有用过至少一门语言来写代码,那么你就不适合这门课程。然后还有前端基础,你需要知道HTML是什么,怎么书写网页、如何用CSS来装点页...

  • 学习前端

    Sublime Text文件切换

    如图,我们进入实际操作,首先关于“sublime text”的安装就不详细说了,大家去官网下载对应的最新本。如图,首先我们打开了一个目录,首先我们要演示的第一个是文件的切换,传统打开发送就是在左侧选择打开,双击你想要打开的文件如下图:如图,输入我想打开文件的关键词。如图,比如说我打开passport...

  • 学习前端

    Sublime Text命令面板

    命令面板的调出跟文件切换面板非常相似,只是命令面板需要安卓系统P,这里面会有很多的命令。如图,比如settings,敲settings会出现跟settings有关的选项,其实这些命令的来源都是在它的菜单栏里面的内容。 如图,我们输入“set syntax”,我们想把这个文件的语法变一下,变成“set...

  • 学习前端

    sublime text配置

    接下来我们来了解如何调整sublime text的配置,可能很多同学下载sublime text的时候就是把它当成记事本来使用,也就是没有做任何自定义的配置,做一些自定义的配置可以让sublime text更适合我们的开发习惯。那么在利用刚才的命令面板我们怎么打开配置呢?如图,我们先输入prefs然...

  • 学习前端

    sublime text插件入门

    sublime text就是我在本节课的开头提到的,如果你掌握到命令面板、文件切换的面板以及自定义的配置,也就是说这些都还不够,还需要很多第三方的插件,比如说代码的自动检查。要安装插件需要先安装一个叫做“package control”的东西,“package control”在国内访问不是很方便,...

  • 学习前端

    Sublime Text必备插件

    第一个是sublime Codelntel,是一个代码自动完成的插件,大家都知道sublime本身是有自动完成的,但是它只限于单个文件之内,而sublime Codelntel是打开一个目录之后,它会扫描整个目录签订索引,然后在这个文件里面插入代码会使用其他文件的关键词来做自动完成。第二个是Emme...

  • 学习前端

    sublime Codelntel插件

    sublime Codelntel的介绍实际操作接下来进入实际操作,首先打开如下图的目录:如图,打开目录nodeblog前端开发博客系统中所有的源代码,然后安装插件的第一步是需要在package control中把它官方的去掉。如图,打开这个目录。如图,只保留添加的语言,把它官方的语言去掉。如图,接...

  • 学习前端

    Git+Gutter插件

    Git+Gutter的介绍如图,我们可以看到在状态栏下端的字符,这个里面就是git的一些状态。如图,这些带点的也是“Git+Gutter”显示的,是我的Sublime在保存的时候自动把空行里面的空白字符去掉。也就是说“Git+Gutter”它实际的效果也就是在行号的左边的位置适时的显示你当前的文件相...

  • 学习前端

    Emmet插件

    “Emmet”从官方来说它是一个加速,也就是外部开发者一个基本的工具,它能非常大的节省写HTML和CSS的速度。下面我来给大家实际演示,为了确认我安装的插件一定有“Emmet”那么我写一个新的文件把它改成HTML,如下图:如图,这就“Emmet”的功能。如图,把第五行输入“Emmet is awes...

  • 学习前端

    sublimeLinter插件

    sublimeLinter的安装和配置如图,“sublimeLinter”有一个官方网站,叫做“www.sublimeLinter.com”,因为这里面有一些配置比较繁琐,所以我在这里面简单给大家介绍一些“sublimeLinter”的安装配置方法,首先我们是通过Package Control来安装...

  • 学习前端

    Vim安装和配置的介绍

    vim的安装如图,首先vim的安装可以在百度或者谷歌上面搜索,进入它的官网,然后直接有下载区,一般来说大家如果用的是mac或者unix系统,那么其实就不需要安装vim因为系统已经自带了,除了Windows用户需要下载一个安装包,把它安装到你的系统目录下面,其实启动vim也比较简单,就是在Window...

  • 学习前端

    Vim的模式与光标

    Vim的四种模式首先我启动vim并且打开文件如下图:然后我们可以看到左下角马上变成INSERT模式,这个模式下你可以敲任何代码,然后我按“Esc”就换成NORMAL模式,这个模式下可以执行一些命令,按“u”就是撤销,从“NORMAL”进入到“INSERT”可以按“o”“i”“a”也可以按“A”到行尾...

  • 学习前端

    Vim的文本变更

    如图,比如说刚才做了修改之后,我在这里面想删除9、10行的两个var,我先按了“dw”它的意思是删除一个单词,接下来我进入行选中模式把它往右缩进。如图,这是我做了修改之后,点击“;w”保存。这是一个基本的文本变更的操作,那么实际上,我们对于文本的变更跟一般的业务里面数据的变更是很像。如图,我要进行文...

  • 学习前端

    Vim-pathogen与Airline

    Vim-pathogen插件如图,首先管理插件的插件,大家安装的时候可以搜索图上的地址,然后它的安装方式也非常简单,在图上vim的linstallation下面,有个.vim的隐藏目录,然后在里面创建“vim/autoload和vim/bundle”然后就把你的这个插件管理的这个文件克隆到.vim/...

  • 学习前端

    EditorConfig与Vim内置

    EditorConfig插件第二个就是编码风格这一块,配置你怎么缩进,然后是否保留行末的空白,这个使用到“EditorConfig”,它的安装方式跟“Vim-Airline”其实是很类似的。如图,这个安装的方式也很简单,首先需要把仓库克隆到.vim下面,然后要看它支持哪些命令,然后安装完成插件过后,...

  • 学习前端

    Emmet与Fugitive插件

    Emmet插件这是我们需要介绍的第四个插件“Emmet”,这个在sublime里面也有介绍。如图,它叫做emmet-vim,大家可以去搜索图上这个网址,它的安装方式也是非常简单的。如图,就是到“.vim”下面的bundle目录,然后克隆一下这个仓库,然后就完成了。如图,我已经安装完成了,大家可以看到...

  • 学习前端

    Syntastic插件

    这节课介绍到最后的一个插件叫做“Syntastic”,在vim里面这个插件目前是一个集中仓库。如图,这个跟之前sublime来介绍的Syntastic本身又是一种插件式的架构,可以安装各种插件也可以自己写插件,那么Syntastic是内置了一些从架构上略逊于sublimetext。如图,它的安装跟其...

  • 学习前端

    HTTP协议入门

    这节课讲解http协议的入门,实际上前端功能会在实际开发中经常的接触浏览器网络相关的,一共四个部分。1、原因如图,那么为什么我在前端进阶课程里面会给大家介绍http协议,因为绝大多少的web应用,都是构建在http协议之上的。2、是什么简单来说http协议是一种无状态、B/S(浏览器和服务器)模式应...

  • 学习前端

    浏览器基本工作原理

    浏览器打开网页时发生了什么?前端工程师在面试或者是自己工作过程中可能会经常被问到这个问题,除了我们上节课介绍的http请求的全过程之外,还有一些浏览器的基本原理,后者就是我们这节课要介绍的内容。如图,就是用户在浏览器的地址栏里面输入UIL,比如说是www.maiziedu.com,然后敲回车键,浏览...

  • 学习前端

    Chrome开发者工具

    这节课开始介绍谷歌浏览器开发者的工具,这节课介绍三部分的内容。第一部分是基本用法,包括打开关闭、常用的配置。第二部分会介绍元素面板,包括审查修改元素,然后查看、修改元素样式,然后查看、管理元素的事件。第三部分就是介绍终端面板,这里面会教大家如何审查变量,还有教大家怎么在里面运行代码,就是做非常简单的...

  • 3_课件

    3_课件

© 2012-2016 www.maiziedu.com

蜀ICP备13014270号-4 Version 5.0.0 release20160127

一名课程顾问想与您沟通

免费电话咨询