Web 前端基础笔记
好好学习嘿嘿嘿
不要惧怕计划的庞大身躯,也不要忽略聚沙成佛塔的力量。
展开
-
【Web前端笔记-基础】第十六课,节点操作(DOM核心)
一:简介节点(复习):页面上的所有元素都可以当成是节点。节点的作用:获取元素,我们的DOM提供了两种获取元素的方法,一种是通过一些方法来获取(例如我们之前用过的getElementById等),但是,这些方法非常繁琐,而且逻辑性也不强,只要用到就得一个一个都获取到。另一种方法就是用节点来获取,可以先获得一个节点,之后便可通过这个节点来获取它的兄弟或者父子。这样非常方便,逻辑性也强了些,就...原创 2019-12-05 11:25:15 · 583 阅读 · 0 评论 -
【Web前端笔记-基础】第十五课,Javascript的元素属性及属性值问题
一:获取元素属性值element.属性(获取内置属性:元素自带属性,如id,class) element.getAttribute("属性") (获取自定义属性:下面介绍)二:设置元素属性值element.属性=“值” (内置属性设置) element.setAttribute("属性","值") (自定义属性设置) element.removeAttribute("...原创 2019-11-29 11:27:19 · 288 阅读 · 0 评论 -
【Web前端笔记-基础】第十四课,Javascript的排他思想
一:排他思想如果有同一组元素,想要某个元素实现某种样式,需要用到排他思想。先将其他元素的这个属性清空(干掉他人)。 在这个特殊元素下添加表现(留下自己)。二:小案例1.百度换肤,点击相应的图片,背景变成相应的图片。例子:<!DOCTYPE html><html> <head> <meta charset="utf-8...原创 2019-11-29 11:01:34 · 358 阅读 · 0 评论 -
【Web前端笔记-基础】第十三课,Javascript的DOM和BOM基础部分
一:基础概念Web APIs 是W3C组织的标准。 Web APIs 我们主要学DOM和BOM的部分 Web APIs 是JS所独有的 主要学习页面交互的功能 需要使用JS基础部分作基础二:API和Web APIAPI:是指应用程序编程接口,是一些预定义的函数,目的是提供应用程序与开发人员于某软件或硬件得以访问一组历程的能力,而又无需访问源码或理解内部工作机制的细节。Web ...原创 2019-11-21 16:01:37 · 295 阅读 · 0 评论 -
【Web前端笔记-基础】第十二课,初识Javascript
目录一:概要简介二:如何写一段JS代码并运行。三:输入和输出语句四:变量五:数据类型六:运算符七:逻辑控制八:函数九:JavaScript的作用域十:JavaScript的预解析问题十一:对象十二:new关键字的执行过程。十三:遍历对象十四:内置对象十五:数组十六:简单数据类型和复杂数据类型一:概要简介JavaScri...原创 2019-11-07 13:06:14 · 642 阅读 · 0 评论 -
【Web前端笔记-基础】第十一课·初识 CSS,CSS属性
一:z-index属性z-index属性是权重的意思,它负责管理谁压盖着谁的任务。 权重值越大,它的等级越大,那么它就越不容易被压盖着。 只有定位元素才有z-index属性,它的默认值为0。 如果多个元素的z-index相同,那么代码在下面的元素会压盖这代码在上面的元素。例子:<!DOCTYPE html><html> <head>...原创 2019-10-18 18:16:12 · 165 阅读 · 0 评论 -
【Web前端笔记-基础】第十课·初识 CSS,CSS属性(定位)。
Position:定位position在英文里是定位的意思,这里主要是用来实现对元素的定位。 CSS的定位分成3种:固定定位(fixed),相对定位(relative)和绝对定位(absolute)。 在给元素定位时,一定要注意配合坐标来使用:left(定位元素离左边多远),right...原创 2019-10-18 15:36:14 · 169 阅读 · 0 评论 -
【Web前端笔记-基础】第九课·初识 CSS,CSS属性
一:盒模型什么是盒模型:在了解盒模型之前,要先来了解一下盒子是什么,通俗的来说,盒子就是用来装东西的,那在这里,就是用来存储网页上的所有元素的,在Css中,它包含content(内容),padding(内边框),margin(外边距),border(边框)。所以,一个盒子的重要属性包括:width(一般不用设置,由内容撑开),height,padding,border,margin。盒子...原创 2019-10-16 17:12:26 · 199 阅读 · 0 评论 -
【Web前端笔记-基础】第八课·初识 CSS,CSS属性
一:!important属性important属性是用来提高属性的权重的,其属性无穷大。语法格式:属性:值 !important要注意:提升的是属性的权重,而不是选择器的权重,它的作用域只是当前属性。例子:<!DOCTYPE html><html> <head> <meta charset="utf-8"> &l...原创 2019-10-10 16:50:40 · 331 阅读 · 0 评论 -
【Web前端笔记-基础】第五课·初识 CSS,CSS概述+选择器+属性
一:CSS定义什么是CSSCSS就是层叠样式表(Casading Style Sheets),通常称为CSS样式表,或者是级联样式表。主要用于设置HTML中的文本,内容(字体,大小,对齐),图片外形(宽高,边框样式,边距等),以及版面的布局等外观样式。CSS以HTML为基础,提供了丰富的功能。还可以针对不同的浏览器设置不同的样式。HTML和CSS的关系HTML结构层:负责从语...原创 2019-09-25 11:31:13 · 233 阅读 · 0 评论 -
【Web前端笔记-基础】第四课·初识 HTML,标签学习2
四:html标签图片标签图片标签:<img />图片标签是一个单标签,用来在网页中插入图片。例子:<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>图片标签的应用</title> </head>...原创 2019-09-23 13:00:26 · 40265 阅读 · 0 评论 -
【Web前端笔记-基础】第三课·初识 HTML,标签学习
一:标签的分类标签主要分为单标签和多标签。单标签是单个出现的,像我们常用的换行标签<br />多标签是成对出现的,像我的html骨架中的<head></head>二:标签之间的关系标签之间的关系分为两种:嵌套关系和并列关系嵌套关系:嵌套关系也叫做父子关系,是说一个标签在另有一个标签的内部,例如我们骨架中所学到的<head>...原创 2019-09-20 10:08:27 · 546 阅读 · 0 评论 -
【Web前端笔记-基础】第二课 初识 HTML
一:浏览器的相关介绍什么是浏览器浏览器就是帮助用户访问网站/网页的软件。常见的浏览器及其内核常见浏览器|Opera| 使用所占比:2.31% |所用内核:blink||–|--|–|| FireFox | 使用所占比:12.21%| 所用内核:gecko || Chrom | 使用所占比:64.72% | 所用内核:blink || Safari | 使用所...原创 2019-09-18 19:08:39 · 152 阅读 · 0 评论 -
【Web前端笔记-基础】第一课 前端概述
一:什么是WEB前端 还原**活**的设计,也就是将设计师设计好的图片,用代码编辑成HTML页面效果的网页。传统的前端 进行切图 编写标签和样式 实现效果HTML5时代的前端 各种端的兼容开发 移动app开发和移动站点开发 ajax及服务器端技术开发 高级设置模式和框架 自动化工作流 网站安全,SEO,测试,源代码管理,团队合作,游戏,特效。全栈时代 集前...原创 2019-09-18 09:40:44 · 319 阅读 · 0 评论