web前端自学之路
自学web前端几个月,自测初级水平,为了戒掉自己学习地惰性,开始坚持整理所学内容,记录学习心得。(ps:希望大家共勉,拒绝一切盈利目的的宣传)
黑萝卜不黑
我在成长……
展开
-
web前端 -- Day19 js基础
概念文档:document元素:页面中所有的标签,元素–element,标签–元素–对象节点:页面中所有的内容(标签,属性,文本),node根元素:html标签节点节点的属性:可以使用标签 – 元素.出来;可以使用属性节点.出来,使用文本.出来。nodeType:节点类型1–标签;2–属性;3–文本nodeName:节点的名字:标签节点–大写的标签名字,属性节点–小写的属性名字...原创 2019-03-13 09:18:17 · 225 阅读 · 0 评论 -
web前端 -- Day18 js基础
设置元素的样式方式对象.style.属性=值;对象.ClassName=值;对象.style="属性:值”;兼容代码innerText和textContent的兼容问题目前的浏览器都支持innerText,应该是属于ie的标准textContent本身是火狐支持,IE8不支持innerText和innerHTML的区别都可以设置标签的文本内容,如果要设置标签及内容推荐...原创 2019-03-11 14:36:56 · 299 阅读 · 0 评论 -
web前端 -- Day17 js基础
javaScript分三个部分ECMAScript标准:js的基本语法DOM:Document Object Model --> 文档对象模型 --> 操作页面的元素BOM:Brower Object Model --> 浏览器对象模型 --> 操作的是浏览器文档:把一个HTML文件看成是一个文档,由于万物皆对象,所以把这个文档看做一个对象。HTML:展示信息,展...原创 2019-03-11 14:27:49 · 267 阅读 · 0 评论 -
web前端 -- Day16 js基础
Date// 当前时间 – 当前的服务器的时间var dt=new Date();dt.getFullYear();//年dt.getMonth();//月---从0开始 国外和我们差一个月 + 1为中国的二月份dt.getDate();//日dt.getHours();//小时dt.getMinutes();//分钟dt.getSeconds();//秒dt.getDay()...原创 2019-03-07 14:40:51 · 254 阅读 · 0 评论 -
web前端 -- Day15 js基础
数据类型原始数据类型包括:number、string、boolean、null、undefined、object。数据类型分类:基本类型(简单类型,值类型)值在栈上,值类型之间传递的是值复杂类型(引用类型)对象在堆上,地址(引用)在栈上,引用类型之间传递的是引用(地址)空类型:null、undefined对象对象分为三种:内置对象,自定义对象,浏览器对象内置对象:系统提供自...原创 2019-03-07 09:49:04 · 258 阅读 · 0 评论 -
web前端 -- Day14 js基础
编程思想1、面向过程:凡事亲力亲为,多有的事情的过程都清楚,注重的是过程。2、面向对象:提出需求,找到对象,对象解决这个问题,我们要结果,注重的是结果。面向对象的特性:封装、继承、多态、(抽象性)创建对象的方式1、调用系统的构造函数创建对象 new Object();2、自定义构造函数创建对象var obj2 = new 自布定义构造函数();3、字面量的方式创建对象var o...原创 2019-03-07 09:40:16 · 270 阅读 · 0 评论 -
web前端 -- Day13 js基础
作用域作用域:适用范围。写代码要注意变量在哪声明和使用的问题。全局变量和全局变量1、全局变量:声明的变量是使用var声明的,那么这个变量就是全局变量,全局变量可以在页面的任何位置使用2、全局变量:在函数内部定义的变量,是局部变量,外面不能使用注:除了函数以外,其他的任何位置定义的变量都是全局变量,全局变量如果页面不关闭,那么就不会释放,就会占用内存全局作用域和局部作用域1、全局作用域...原创 2019-02-28 15:20:57 · 174 阅读 · 0 评论 -
web前端 -- Day12 js基础
函数函数是把一段相对独立的具有特定功能的代码块封装起来,形成一个独立实体,就是函数,起个名字(函数名),在后续开发中可以反复调用。函数的作用就是封装一段代码,将来可以重复使用。函数的定义:// 语法function 函数名字() { 函数体(重复的代码)}// 函数的调用函数名();1、函数可以作为参数使用,如果一个函数作为参数使用,那么我们说这个参数是回调函数。2、...原创 2019-02-28 15:04:42 · 160 阅读 · 0 评论 -
web前端 -- Day11 js基础
数组数组是一个有序的列表,可以在数组中存放任意的数据,并且数组的长度可以动态的调整。其作用是:一次性存储多个数据。数组的定义:1、通过构造函数创建数组语法:var 数组名 = new Array();注:Array()就是构造函数,数组的名字如果直接输出,那么直接就可以把数组中的数据显示出来,如果没有数据,就看不到数据var 数组名 = new Array(长度);注: 如果数组中没...原创 2019-02-28 14:45:41 · 229 阅读 · 0 评论 -
web前端 -- Day10 js基础
代码流程控制代码的执行过程,分为三种方式:顺序结构、分支结构、循环结构1、顺序结构代码执行的顺序,从上到下,从左到右执行顺序2、分支结构if语句、if-else语句 、switch-case语句、三元表达式语句// 1、分支结构:if语句。执行过程:先判断表达式的结果是true还是false,如果是true则执行代码,如果是false,大括号中的代码是不执行的。if(表达式){ ...原创 2019-02-28 14:11:34 · 169 阅读 · 0 评论 -
web前端 -- Day9 js基础
JavaScriptJavaScript简称js,分三个部分:1、ECMAScript 标准—js的基本语法2、DOM ---- Document Object Model 文档对象模型3、BOM ---- Brower Object Modle 浏览器对象模型JavaScript是什么?1、是一门脚本语言:不需要编译,直接运行2、是一门解释性语言:遇到一行代码就解释一行代码3、是...原创 2019-02-26 09:11:51 · 202 阅读 · 0 评论 -
web前端 -- Day8基础知识
文档类型<!DOCTYPE> 标签位于文档的最前面,用于向浏览器说明当前文档使用哪种 HTML 或 XHTML 标准规范,必需在开头处使用<!DOCTYPE>标签为所有的XHTML文档指定XHTML版本和类型,只有这样浏览器才能按指定的文档类型进行解析。注意事项: 一些老网站可能用的还是老版本的文档类型比如 XHTML之类的,但是我们学的是HTML5,而且HTML5的文...原创 2019-02-21 17:08:18 · 238 阅读 · 0 评论 -
web前端 -- Day7基础知识
img插入图片和背景图片的区别背景图片只是装饰作用,因此相当于不存在,而img是存在的内容.两者的优缺点:1、背景图片:只是修饰作用,控制更方便,有定位,所以小图标一般都是用背景图片。2、img图片:具有语义,可以被搜索引擎抓取,因此重要的图片建议用img插入图片。行内元素的垂直间距行内元素的本质就是一个字,所以它们的垂直间距是不受padding和margin影响的,行内元素的垂直间距...原创 2019-02-21 16:46:10 · 203 阅读 · 0 评论 -
web前端 -- Day6基础知识
列表列表包括无序列表、有序列表、项目列表(自定义列表)。在Day1中已经详细介绍过了列表,这里补充个知识点。自定义列表样式的制作步骤:1、清空列表样式;2、将列表样式图标设置为li的背景,定位方式设置为left center,例如: background: url(../images/arr.jpg) no-repeat left center;3、通过padding-left: 10p...原创 2019-02-21 16:41:31 · 243 阅读 · 0 评论 -
web前端 -- Day5基础知识
css准备工作1、清空默认边距和样式;2、设置正文的默认样式;3、设置超链接的默认样式;css继承性和层叠性1、继承性继承性指的是给父标签写属性,后代标签也可以生效;那些属性可以继承?css属性可以分成两大类:文字控制属性和区块控制属性;文字控制属性都是控制文字内容的,因此文字控制属性是可以继承的;而区块控制属性只是控制标签本身,所以区块控制属性不会继承。注意事项:超链接的颜...原创 2019-02-21 09:15:30 · 218 阅读 · 0 评论 -
web前端 -- Day4基础知识
####背景属性在css中,背景值通过background控制,它也是一个复合属性。背景图定位坐标的书写方式:1、方向特殊值:水平位置:left center right ; 垂直位置:top center bottom;2、具体像素值:例如:100px 20px ,这里可以接受负值。如果背景图固定模式设置为fixed,可展现背景图固定于屏幕。background:背景颜色 背景图 平...原创 2019-02-20 11:24:19 · 200 阅读 · 0 评论 -
web前端 -- Day3基础知识
####css&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;css是指层叠样式表(casscading style sheet),css 是专门管理网页样式的,看到一个网页漂亮的外观绝大多数的工作是由css来制作的。css最重要的特点是可以给任何标签写样式属性。css优势 涉及一些面试题1、提高页面浏览速度。使用css方法,原创 2019-02-20 11:07:23 · 214 阅读 · 0 评论 -
web前端 -- Day2基础知识
####相对路径相对路径指的是查找文件的一种关系,它的原理是从文件自身出发去查找目标文件。(使用范围:背景图、img、网页之间的链接)以引用文件之网页所在位置为参考基础,而建立出的目录路径。因此,当保存于不同目录的网页引用同一个文件时,所使用的路径将不相同,故称之为相对路径。图像文件和HTML文件位于同一文件夹:只需输入图像文件的名称即可,如。图像文件位于HTML文件的下一级文件夹:输入...原创 2019-02-19 17:28:14 · 222 阅读 · 0 评论 -
web前端 -- Day1基础知识
####网页的基本结构#####html&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;html指的是超文本标记语言(Hyper Text Markup Language),是一门专业写给浏览器的语言,并不是编程语言。所谓超文本,因为它可以加入图片、声音、动画、多媒体等内容,不仅如此,它还可以从一个文件跳转到另一个文件,与世界各地原创 2019-02-19 17:27:45 · 316 阅读 · 0 评论 -
web前端 -- 小白见解
很久之前写过静态页面,但是工作之后一直写移动端,很久没碰过了。后来自学了小程序,发现前端还是要好好学习一下的,断断续续坚持了几个月,发现效果一般。总结下来主要受自身惰性、缺少总结、缺少交流、缺少实战,因此痛定思疼,开始克服惰性,坚持日结,加强交流和多敲代码。 &nbs...原创 2019-02-19 17:26:48 · 214 阅读 · 0 评论