前端基础夯实
关注
分享
扫一扫
文章平均质量分 87
taopoppy
学习学习
展开
-
前端基础夯实--（HTML系列）HTML基础
1、html的特点1、html不需要编译，直接可以又浏览器去运行。2、html文件是一个文本文件3、html文件必须使用html或者htm为文件后缀4、html对大小写不敏感2、HTML的基本结构<html><head> <title>标题</title></head><bady> ...原创 2018-08-19 13:04:53 · 802 阅读 · 0 评论 -
前端基础夯实--（JavaScript系列）BOM对象
1、BOM基础1、BOM就是浏览器对象模型（browser object model），BOM提供了很多对象，window，navigator，screen，history，location，document，event等等。2、window对象1、window是浏览器的一个实例，在浏览器中，window对象有双重角色，它既是通过JS访问浏览器窗口的一个接口，又是ECMAScript规...原创 2018-09-07 16:25:39 · 199 阅读 · 0 评论 -
前端基础夯实--（JavaScript系列）错误调试和处理
1、错误调试和处理1、我们在本篇博客中将会讲述JS中语法错误、运行时错误和他们的处理方法2、JS中的逻辑错误以及debugger的使用3、JS中的try catch和finally语句的使用2、语法错误1、语法错误就是不符合JS语法的错误，出现语法错误，控制台会尽心报错并告知出错的行号，但是行号不一定准确。2、常见的错误：（1）字符的漏写，少写，多写：多数这种错误会提示...原创 2018-09-10 13:36:10 · 605 阅读 · 0 评论 -
前端基础夯实--（JavaScript系列）JS变量和作用域
1、变量和作用域和内存的问题1、这篇博客将和大家分享4个内容，查漏补缺，变量，作用域，内存问题2、查漏补缺1、什么是变量？：在说明这个问题的时候需要先知道什么数据，在JS中，我们将4（数字），‘star’（字符串），true（布尔值），{}（对象），[]（数组）这些都称之为数据。有的数据只需要使用一次，有的需要多次使用，而且数值不同，那么我们就需要使用一个容器作为变化的数据的储存之地，...原创 2018-09-12 21:39:36 · 468 阅读 · 0 评论 -
前端基础夯实--（JavaScript系列）DOM事件基础
1、javaScript事件基础关于DOM事件的基础，我们将会去掌握一些基础的知识，什么是事件，HTML事件，DOM0级事件，常用的鼠标和键盘事件，还有this的指向问题。2、什么是事件1、事件就是文档或者浏览器窗口中发生的一些特定的交互瞬间。3、HTML事件1、HTML事件就是直接在html标签中添加事件来执行脚本，这种绑定事件的方法就是HTML事件。2、HTML事件的语...原创 2018-09-06 17:08:42 · 237 阅读 · 0 评论 -
前端基础夯实--（CSS系列）CSS的定位
1、CSS中的position1、关于CSS中的position的内容有标准流、定位和参数、层级等概念，我们在最后将实现一个小的Demo和网页跟随2、标准流1、标准流的布局方式就是我们使用块级元素和内联元素时候的规则，块级元素独占一行，内联元素与相邻的内联元素将在同一行中进行水平排列，如果宽度不够才会被挤到下一行中。3、定位属性1、position属性通过改变正常的标准流的属性...原创 2018-09-03 22:23:15 · 214 阅读 · 0 评论 -
前端基础夯实--（CSS系列）CSS的float浮动
1、CSS中的float1、通过本课程的学习我们将掌握float的四个参数，left，right，none，inherit，我们将利用这些属性值来实现文办环绕和水平排列2、通过本课程还会学习如何利用清除浮动来解决父级元素塌陷问题2、float的基本参数介绍1、float中四个参数的含义：float：left（左浮动）| right（右浮动） | none（默认值，不浮动） |...原创 2018-09-03 11:04:16 · 300 阅读 · 0 评论 -
前端基础夯实--（JavaScript系列）DOM基础
1、基础内容1、DOM是HTML和XML文档的API，也就是一个应用程序的边城接口，DOM的基础内容我们会去学：如何获取一个元素，如何访问一个元素的样式，如何设置和删除属性。2、DOM查找方法（两个基础查找）2.1document.getElementById("id")-功能：返回对拥有指定id的第一个对象的引用。-返回值：DOM对象-说明：id为DOM元素上id属性的值...原创 2018-09-05 14:06:00 · 248 阅读 · 0 评论 -
前端基础夯实--（CSS系列）CSS背景和列表
1、背景样式2、列表样式3、背景样式详解3.1、背景颜色1、上面的这个transparent有什么作用？主要是transparent是你希望某个元素没有背景颜色，但是同时又希望用户对浏览器颜色的设置不会影响到你的设置，那么transparent就是有用的。2、背景包括内边距padding，也就是会背景颜色会去填充内边距。同时整个div的大小也会变化：比如说下面这段代码：...原创 2018-08-30 13:09:46 · 321 阅读 · 0 评论 -
前端基础夯实--（CSS系列）CSS网页布局（圣杯和双飞翼）
1、认识布局1、布局就是以最适合浏览的方式将图片和文字排放在页面的不同位置，布局模式有很多，不同设计者有不同的设计理念。如何利用CSS来设置网页布局？我们常用的就是行布局，多列布局，圣杯布局，双飞翼布局。2、经典的行布局1、学习经典的行布局，我们需要学习基础的行布局，行布局的自适应，行布局自适应限制最大宽，行布局垂直水平居中。行布局固定宽，行布局某部位自适应，行布局导航随屏幕滚动。...原创 2018-09-04 21:10:00 · 301 阅读 · 0 评论 -
前端基础夯实--（CSS系列）CSS文本样式
1、CSS字体和文本样式1、文字有很多属性，包括颜色，字体大小，字体，加粗等。文本有行高，对齐方式，文本修饰。2、字体样式字体：font-family字体大小：font-size文字颜色：font-color文字粗细：font-weight文字样式：font-style其实在html语言中，可以使用<font>标签对文字进行样式的设置：（但是这种方式已经不被推...原创 2018-08-29 13:58:37 · 255 阅读 · 0 评论 -
前端基础夯实--（HTML系列）HTML表单
1、表单的基本结构1、表单的工作原理这里很重要的两点就是以什么样的方式来打包？还有传给服务器将由谁来进行处理？这两个问题的解决也是由form标签的属性进行设置：form标签的属性的语法：<form action=" " method=" " name=" "> 表单元素</form>比如说下面的这段代码：（1）其中action.php就...原创 2018-08-21 16:33:57 · 314 阅读 · 0 评论 -
前端基础夯实--（CSS系列）CSS盒子模型
1、盒子模型的概念2、宽度属性1、宽度属性的设置的值可以是下面几种：width：长度值 | 百分比 | automax-width：长度值 | 百分比 | automin-width：长度值 | 百分比 | auto2、通过代码理解一下max-width和min-width设置长度值。<!DOCTYPE html><html><he...原创 2018-08-31 14:24:36 · 296 阅读 · 0 评论 -
前端基础夯实--（CSS系列）CSS选择样式
1、HTML，CSS,JavaScript的关系1、html是网页内容的载体，CSS样式是外观控制，javaScript是行为，是实现网页特效效果。2、CSS叫做层叠样式表，由于手机对H5和CSS3支持效果好，所以在手机端开发经常会使用到新的按本的CSS。3、为什么要使用CSS？（1）CSS简化相关HTML的标签，网页体积小，下载快（2）解决内容与表现分离的问题（3）更好的...原创 2018-08-27 22:51:28 · 459 阅读 · 0 评论 -
前端基础夯实--（HTML系列）HTML表格
1、表格的标签和基础1、<table>标签就是用来展示一个表格，<tr>表示行，<td>表示单元格，下面来看一下表格的基本语法和结构<table> <!---表格开始--> <tr> <!--tr行标签--> <td>....<原创 2018-08-20 09:44:08 · 349 阅读 · 0 评论 -
前端基础夯实--（JavaScript系列）函数
1、函数1、函数不仅仅可以调用，还能作为参数和返回值，这一点要十分注意。2、浅谈对象1、由于在函数当中我们要去使用到面向对象的知识，所以我们这里简单的讲讲对象。2、什么是对象，对象就是值的集合，而且是任意值的集合。3、对象的创建方式有3种：（1）var 对象名 = { 多个键值对} ；（2）构造方法：var 对象名 = new Object()；（3）老版本（有兼容...原创 2018-11-15 14:40:29 · 313 阅读 · 0 评论