![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端基础夯实
文章平均质量分 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 · 674 阅读 · 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 · 176 阅读 · 0 评论 -
前端基础夯实--(JavaScript系列)错误调试和处理
1、错误调试和处理1、我们在本篇博客中将会讲述JS中语法错误、运行时错误和他们的处理方法2、JS中的逻辑错误以及debugger的使用3、JS中的try catch和finally语句的使用2、语法错误1、语法错误就是不符合JS语法的错误,出现语法错误,控制台会尽心报错并告知出错的行号,但是行号不一定准确。2、常见的错误:(1)字符的漏写,少写,多写:多数这种错误会提示...原创 2018-09-10 13:36:10 · 546 阅读 · 0 评论 -
前端基础夯实--(JavaScript系列)JS变量和作用域
1、变量和作用域和内存的问题1、这篇博客将和大家分享4个内容,查漏补缺,变量,作用域,内存问题2、查漏补缺1、什么是变量?:在说明这个问题的时候需要先知道什么数据,在JS中,我们将4(数字),‘star’(字符串),true(布尔值),{}(对象),[](数组)这些都称之为数据。有的数据只需要使用一次,有的需要多次使用,而且数值不同,那么我们就需要使用一个容器作为变化的数据的储存之地,...原创 2018-09-12 21:39:36 · 434 阅读 · 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 · 184 阅读 · 0 评论 -
前端基础夯实--(CSS系列)CSS的定位
1、CSS中的position1、关于CSS中的position的内容有标准流、定位和参数、层级等概念,我们在最后将实现一个小的Demo和网页跟随2、标准流1、标准流的布局方式就是我们使用块级元素和内联元素时候的规则,块级元素独占一行,内联元素与相邻的内联元素将在同一行中进行水平排列,如果宽度不够才会被挤到下一行中。3、定位属性1、position属性通过改变正常的标准流的属性...原创 2018-09-03 22:23:15 · 176 阅读 · 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 · 261 阅读 · 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 · 222 阅读 · 0 评论 -
前端基础夯实--(CSS系列)CSS背景和列表
1、背景样式2、列表样式3、背景样式详解3.1、背景颜色1、上面的这个transparent有什么作用?主要是transparent是你希望某个元素没有背景颜色,但是同时又希望用户对浏览器颜色的设置不会影响到你的设置,那么transparent就是有用的。2、背景包括内边距padding,也就是会背景颜色会去填充内边距。同时整个div的大小也会变化:比如说下面这段代码:...原创 2018-08-30 13:09:46 · 257 阅读 · 0 评论 -
前端基础夯实--(CSS系列)CSS网页布局(圣杯和双飞翼)
1、认识布局1、布局就是以最适合浏览的方式将图片和文字排放在页面的不同位置,布局模式有很多,不同设计者有不同的设计理念。如何利用CSS来设置网页布局?我们常用的就是行布局,多列布局,圣杯布局,双飞翼布局。2、经典的行布局1、学习经典的行布局,我们需要学习基础的行布局,行布局的自适应,行布局自适应限制最大宽,行布局垂直水平居中。行布局固定宽,行布局某部位自适应,行布局导航随屏幕滚动。...原创 2018-09-04 21:10:00 · 265 阅读 · 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 · 217 阅读 · 0 评论 -
前端基础夯实--(HTML系列)HTML表单
1、表单的基本结构1、表单的工作原理这里很重要的两点就是以什么样的方式来打包?还有传给服务器将由谁来进行处理?这两个问题的解决也是由form标签的属性进行设置:form标签的属性的语法:<form action=" " method=" " name=" "> 表单元素</form>比如说下面的这段代码:(1)其中action.php就...原创 2018-08-21 16:33:57 · 267 阅读 · 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 · 253 阅读 · 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 · 402 阅读 · 0 评论 -
前端基础夯实--(HTML系列)HTML表格
1、表格的标签和基础1、<table>标签就是用来展示一个表格,<tr>表示行,<td>表示单元格,下面来看一下表格的基本语法和结构<table> <!---表格开始--> <tr> <!--tr行标签--> <td>....<原创 2018-08-20 09:44:08 · 319 阅读 · 0 评论 -
前端基础夯实--(JavaScript系列)函数
1、函数1、函数不仅仅可以调用,还能作为参数和返回值,这一点要十分注意。2、浅谈对象1、由于在函数当中我们要去使用到面向对象的知识,所以我们这里简单的讲讲对象。2、什么是对象,对象就是值的集合,而且是任意值的集合。3、对象的创建方式有3种:(1)var 对象名 = { 多个键值对} ;(2)构造方法:var 对象名 = new Object();(3)老版本(有兼容...原创 2018-11-15 14:40:29 · 276 阅读 · 0 评论