前端学习记录之Javascript-DOM

【前端学习记录之Javascript-DOM】的更多相关文章

前端学习记录之Javascript-DOM

简介为了快捷方便,在工作和项目中,一直都是使用的框架,比如jqeruy,vuejs,react等.然后在长时间使用框架后,往往有一个后遗症,就是对于原生的Javascript基本上已经不知道怎么写了(这是我个人情况,大神们肯定不是的). 因此,最近一段时间,本人都是在重新温习原生的Javascript,发现好多知识点都已经遗忘了:做为一个想往上进步的前端程序猿,这肯定是不行的.所以,在这里梳理一下,最近复习的一些知识点. DOM 操作 DOM 是 Document Object Model (…

前端学习记录 week 1

前端学习记录 week 1 基础知识 CSS盒模型所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用.CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容 Margin - 清除边框外的区域,外边距是透明的. Border - 围绕在内边距和内容外的边框. Padding - 清除内容周围的区域,内边距是透明的. Content(内容) - 盒子的内容,显示文本和图像. CSS3新增box-sizing…

前端学习第二弹: JavaScript中的一些函数与对象（1）

前端学习第二弹: JavaScript中的一些函数与对象(1) 1.apply与call函数每个函数都包含两个非继承而来的方法:apply()和call(). 他们的用途相同,都是在特定的作用域中调用函数. 接收参数方面不同,apply()接收两个参数,一个是函数运行的作用域(this),另一个是参数数组.call()方法第一个参数与apply()方法相同,但传递给函数的参数必须列举出来. 举个例子: function Person(name,age) { this.name=name; t…

前端学习笔记之JavaScript

JavaScript概述 JavaScript的历史 1992年Nombas开发出C-minus-minus(C--)的嵌入式脚本语言(最初绑定在CEnvi软件中),后将其改名ScriptEase(客户端执行的语言). Netscape(网景)接收Nombas的理念,(Brendan Eich)在其Netscape Navigator 2.0产品中开发出一套livescript的脚本语言.Sun和Netscape共同完成,后改名叫JavaScript. 微软随后模仿在其IE3.0的产品中搭载了一…

前端学习实践笔记--JavaScript深入【3】

这章主要讨论闭包和原型,以及面向对象和继承. 闭包闭包充分利用了JS里面作用域的概念,作用域的好处是内部函数可以访问定义它们的外部函数的参数和变量.使用闭包主要是为了读取函数内部的变量或者将函数内部的变量始终保持在内存中,而不让JS垃圾回收机制回收,所以使用闭包会降低系统性能的,应该避免尽量少用. 具体看下面三个例子: var elems = document.getElementsByTagName('a'); for(var i = 0; i<elems.length; i++){ ele…

前端学习实践笔记--JavaScript深入【2】

趁热继续再来学习一波,接下来主要介绍函数,object,数组,面向对象,new实例化. 在介绍“对象”之前,首先得梳妆打扮一番吧,那这梳妆打扮主要有两条路线,一条是淑女范(利用函数对象化),一条是邻家小姐范(利用object),大家各有所好嘛, 那先分别介绍两种路线的具体梳妆方式. 函数我们都知道JS是一门动态语言,所以可以动态的为函数添加或去除方法和属性,这其实就是对象所需要的东西.所以有说函数就是对象. 正因为如此,所以我们再区分你到底是想要创建一个对象,还是仅仅想实现一个函数的时候,通过…

前端学习实践笔记--JavaScript深入【1】

这一年中零零散散看过几本javascript的书,回过头看之前写过的javascript学习笔记,未免有点汗颜,突出“肤浅”二字,然越深入越觉得javascript的博大精深,有种只缘身在此山中的感觉,茫茫然而不得其要领,索性在一边写博文中,求得突破,乃至更上一层楼. 看过的书籍推荐: <javascript语言精粹> Douglas Crockford <javascript设计模式> Addy Osmani <javascript设计模式> Ross Harmes…

前端学习笔记之HTML DOM操作

HTML DOM 当网页被加载时,浏览器会创建页面的文档对象模型(Document Object Model). DOM节点类型文档节点 (document,唯一) 元素节点 (那些个标签div,p之类) 属性节点(class,src这种) 文本节点(插入在p,div内的文本) document中的open()定义和用法 open() 方法可打开一个新文档,并擦除当前文档的内容. 语法 document.open(mimetype,replace) 参数描述 mimetype 可选.…

Web前端学习笔记之JavaScript、jQuery、AJAX、JSON的区别

官网的英文解释: javascript和jQuery有点关系,js是一种脚本语言,主要用于客户端,现在主要用于实现一些网页效果. jquery是js的一个库,你可以认为是对js的补充,提供了很多方便易用的方法,兼容性也好很多,个人更喜欢用jquery. AJAX全名是Asynchronous Javascript And XML,意思是异步JavaScript和XML.是一种创建交互式网页的技术.简单点说就是能不通过后台在网站前台进行数据库操作了. json(JavaScript Object…

前端学习记录（HTML篇）

HTML Hyper Text Markup Language,超文本标记语言,不是一种编程语言,而是一种标记语言思想:网页中有很多数据,不同的数据可能需要不同的显示效果,一个标签相当于一个容器,想要修改容器内数据的样式,只需要改变容器的属性值,就可以实现容器内数据样式的变化. 语言结构介绍:  <!DOCTYPE html>  &…