JS基础速成（一）

【JS基础速成（一）】的更多相关文章

JS基础速成（一）

.t1 { background-color: #ff8080; width: 1100px; height: 40px } 一.JS的变量 1.变量的声明 var num=1;//使用var生命的变量属于局部变量,只在当前作用与有效.在方法外部可以运行. //可以不用声明变量,直接赋值. num="hahahah";//不用var声明的变量,默认是全局变量,在整个JS文件中使用 function func () { // var num=1;//1.使用var定义的变量是方法里面的,…

JS基础速成（三）- DOM（文件对象模型）

.t1 { background-color: #ff8080; width: 1100px; height: 40px } 一.DOM树的基本结构 DOM节点分为三大类:元素节点(标签节点),属性节点,文本节点. 属性节点和文本节点都属于元素节点的子节点,因此操作时,需要选中元素节点,在修改属性和文本. (一).查看元素节点. 1.使用getElement系列方法: var li=document.getElementById("first"); var lis1=document.…

JS基础速成（二）-BOM（浏览器对象模型）

.t1 { background-color: #ff8080; width: 1100px; height: 40px } 一.BOM(浏览器对象模型) 1.screen对象. console.log(screen); console.log(window.screen); console.log(screen.width); console.log(screen.height); console.log(screen.availHeight);//可用高度=screen-height-底部任…

js 基础篇（点击事件轮播图的实现）

轮播图在以后的应用中还是比较常见的,不需要多少行代码就能实现.但是在只掌握了js基础知识的情况下,怎么来用较少的而且逻辑又简单的方法来实现呢?下面来分析下几种不同的做法: 1.利用位移的方法来实现首先,我们可以在body中添加一个div并且将宽度设置成百分比(自适应页面),比例具体是相对谁的百分比的话按需求来做,在这里不多说.将图片放入到div 中. 其次,样式部分将img标签全部设置成absolute:以方便定位最后,js部分说说逻辑,定义两个空数组,第一个数组用来保存初始的显示在页面的图…

js 基础

js基础知识点总结如何在一个网站或者一个页面,去书写你的js代码:1.js的分层(功能):jquery(tool) 组件(ui) 应用(app),mvc(backboneJs)2.js的规划():避免全局变量和方法(命名空间,闭包,面向对象),模块化(seaJs,requireJs) 常用内部类:Data Array Math String HTML属性,CSS属性HTML:属性.HTML属性="值":CSS:对象.style.CSS属性="值"; class和f…

js基础练习二之简易日历

今天学到了js基础教程3,昨天的课后练习还没来的及做,这个是类似简易日历的小案例,视频还没听完,今晚继续...... 先看效果图: 其实做过前面的Tab选项卡,这个就很好理解了,通过鼠标放在不同月份月份上面进而改变当前月的背景颜色,并在下面的div中显示这个月的相应信息. 新增js知识:数组,innerHTML js代码: <script type="text/javascript"> var arr= ['一月,新年伊始,該做點什麽呢....','二月,春天來了....'…

[JS复习] JS 基础知识

项目结尾,空闲时间,又把<JS 基础知识> 这本书过了一遍,温故知新后,很多知其然不知其所以然的内容豁然开朗. [1. 用于范围的标签] display :inline or block 可切换 <p>1.两个用于标出范围的标签</p> <div>2. div 属于块级元素div 属于块级元素div 属于块级元素div 属于块级元素div 属于块级元素div 属于块级元素div 属于块级元素div 属于块级元素div 属于块级元素div 属于块级元素di…

JS基础（超级简单）

1 JS基础(超级简单) 1.1 数据类型 1.1.1 基本类型: 1) Number:特别注意:NaN的检测方法:Nan!=NaN;或者使用isNaN方法 2) string 3) boolean 4) null 5) undefined 1.1.2 复杂类型 object:date,array,function 1.2 变量 var 变量名=值变量的作用域:1.全局:以页面为单位.2局部:以函数为单位.…

Node.js基础与实战

Node.js基础与实战 Node.jsJS高级进阶 NODE原理与解析 REPL交互环境模块与NPM Buffer缓存区 fs文件操作 Stream流 TCP&UDP 异步编程 HTTP&HTTPS 进程与集群网络安全关于node.js的误会昨天写了篇博客,介绍了一下我对node.js的第一次亲密接触后的感受,以为node.js很小众,出乎我意料很多人感兴趣,并且对博客中的细节问题做了评论,最多的是围绕node.js的异步与单线程展开的,当然还有很多关于node.js究竟是不是语…

js基础到精通全面教程--JS教程

适合阅读范围:对JavaScript一无所知-离精通只差一步之遥的人基础知识:HTML JavaScript就这么回事1:基础知识 1 创建脚本块 1: <script language=”JavaScript”> 2: JavaScript code goes here 3: </script> 2 隐藏脚本代码 1: <script language=”JavaScript”> 2: <!-- 3: document.write(“Hello”); …

JS基础知识总结

js基础知识点总结如何在一个网站或者一个页面,去书写你的js代码:1.js的分层(功能):jquery(tool) 组件(ui) 应用(app),mvc(backboneJs)2.js的规划():避免全局变量和方法(命名空间,闭包,面向对象),模块化(seaJs,requireJs) 常用内部类:Data Array Math String HTML属性,CSS属性HTML:属性.HTML属性="值":CSS:对象.style.CSS属性="值"; class…

js基础篇——call/apply、arguments、undefined/null

a.call和apply方法详解 call方法: 语法:call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义:调用一个对象的一个方法,以另一个对象替换当前对象. 说明: call 方法可以用来代替另一个对象调用一个方法.call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象.如果没有提供 thisObj 参数,那么 Global 对象被用作 thisObj. apply方法: 语法:apply([thisObj[,ar…

js基础知识总结（2016.11.1）

js基础知识点总结如何在一个网站或者一个页面,去书写你的js代码:1.js的分层(功能):jquery(tool) 组件(ui) 应用(app),mvc(backboneJs)2.js的规划():避免全局变量和方法(命名空间,闭包,面向对象),模块化(seaJs,requireJs) 常用内部类:Data Array Math String HTML属性,CSS属性HTML:属性.HTML属性="值":CSS:对象.style.CSS属性="值"; class和f…

Web3D编程入门总结——WebGL与Three.js基础介绍

/*在这里对这段时间学习的3D编程知识做个总结,以备再次出发.计划分成“webgl与three.js基础介绍”.“面向对象的基础3D场景框架编写”.“模型导入与简单3D游戏编写”三个部分,其他零散知识以后有机会再总结.*/ /*第一部分,webgl与three.js基础介绍,要求读者掌握JavaScript入门知识*/ //webgl原理:通过JavaScript语言在浏览器端生成glsl代码,把glsl代码送入显卡执行,把执行结果显示在浏览器中 //简单例程: //根据Tony Parisi著…

HTML+CSS+JS基础知识

HTML+CSS+JS基础知识目录对HTML+CSS+JS的理解基础知识对HTML+CSS+JS的理解基础知识插入样式表的三种方式外部样式表:<link rel="stylesheet" type="text/css" href="mystyle.css"> 内部样式表:<style type="text/css"> body {background-color: red} p {marg…

js基础 - 兼容代码

js基础 - 兼容代码 . scrollTop . chrome document.body.scrollTop . IE && firefox document.documentElement.scrollTop . 阻止事件默认行为 . 绑定事件 . 主流浏览器 e.preventDefault(); . 低版本 IE e.returnValue = false; . 没有绑定事件 return false; . 事件绑定 . 主流浏览器 obj.addEventListener(‘c…

node.js基础模块http、网页分析工具cherrio实现爬虫

node.js基础模块http.网页分析工具cherrio实现爬虫一.前言说是爬虫初探,其实并没有用到爬虫相关第三方类库,主要用了node.js基础模块http.网页分析工具cherrio. 使用http直接获取url路径对应网页资源,然后使用cherrio分析. 这里我主要学习过的案例自己敲了一遍,加深理解.在coding的过程中,我第一次把jq获取后的对象直接用forEach遍历,直接报错,是因为jq没有对应的这个方法,只有js数组可以调用. 二.知识点 ①:supera…

Three.js基础

Three.js基础探寻一 Three.js基础探寻一 1.webGL 一种网络标准,定义了一些较底层的图形接口. 2.Three.js 一个3Djs库,webGL开源框架中比较优秀的一个.除了webGL以外,Three.js还提供了基于Canvas.SVG标签的渲染器. 这是一个开源项目. 3.环境找一个喜欢的jsIDE.调试建议使用Chrome或者Firefox. 4.下载传送门 5.使用 <head> <script type="text/javascript&q…

Node.js基础知识

Node.js入门 Node.js Node.js是一套用来编写高性能网络服务器的JavaScript工具包,一系列的变化由此开始.比较独特的是,Node.js会假设在POSIX环境下运行Linux 或 Mac OS X.如果是在Windows下,那就需要安装MinGW以获得一个仿POSIX的环境.在Node中,Http是首要的.Node为创建http服务器作了优化,所以在网上看到的大部分示例和库都是集中在web上(http框架.模板库等). Node.js不是JS应用,而是JS…

js基础和工具库

/* * 作者: 胡乐 * 2015/4/18 * js 基础和工具库 * * * */ //根据获取对象 function hGetId(id){ return document.getElementById(id); } //获取标签 function hGetTagName(el , parentObj){ return parentObj?parentObj.getElementsByTagName(el):document.getElementsByTagName(el); } /…

【 js 基础】Javascript “继承”

是时候写一写 "继承"了,为什么加引号,因为当你阅读完这篇文章,你会知道,说是继承其实是不准确的. 一.类1.传统的面向类的语言中的类:类/继承描述了一种代码的组织结构形式.举个例子:"汽车"可以被看作是"交通工具"的一种特例.我们可以定义一个 Vehicle 类和一个 Car 类来对这种关系进行描述.Vehicle 的定义可能包含引擎.载人能力等,也就是所有交通工具,比如飞机.火车和汽车等都有的通用的功能描述.在对 Car 类进行定义的…

JS基础--函数与BOM、DOM操作、JS中的事件以及内置对象

前言絮叨絮叨这里是JS基础知识集中讲解的第三篇,也是最后一篇,三篇JS的基础,大多是知识的罗列,并没有涉及更难得东西,干货满满!看完这一篇后,相信许多正在像我一样正处于初级阶段的同学,经过初步的学习,会对这一门语言有了一定深入的了解,也会感受到这一门语言的强大之处.希望各位同学通过一定的学习,会得到等大的收获. 因为是最后一篇所以内容可能有点多,希望各位同学能够慢慢看,细细看,让我们一起学习,一起进步,一起感受JS的魅力. 一函数函数的声明及调用 1.函数的声明格式: func…

AJAX学习前奏----JS基础加强

AJAX学习前奏----JS基础加强知识概要: 1.js类&属性&方法的定义 2.静态属性与方法 3.构造方法 4.原型的使用 5.Object对象直接加属性和方法 6.JSON数据 7.继承关系的模拟 8.重载的模拟 9.with语句与forin语句 1.js类&属性&方法的定义类的定义: 一个函数就是一个类如何定义私有属性,私有的用var声明,公有的用this声明 <title>js模拟类的相关概念</titl…

JS基础复习： Javascript的书写位置

爱创课堂JS基础复习: Javascript的书写位置复习 js书写位置:body标签的最底部.实际工作中使用书写在head标签内一对script标签里.alert()弹出框.console.log()字面量:数字字面量:整数,浮点数,特殊字符(Infinity,NaN).字符串字面量:所有的语言, 语言中的数字,特殊字符串.变量:定义变量标识符的规则:第一个字符是字母(a-z,A-Z),下划线,$.其他字符可以是字母(a-z,A-Z),下划线,$,数字.(还不能使用js规定的关键字,保留字)…

js基础——运算符

爱创课堂前端培训--js基础运算符一.运算符运算符(Operators,也翻译为操作符),是发起运算的最简单形式.分类:(运算符的分类仁者见智,本课程进行一下分类.)数学运算符(Arithmetic operators)比较运算符(Comparison operators)逻辑运算符(Logical operators)赋值运算符(Assignment operators)按位运算符(Bitwise operators)条件 (三元) 运算符(Conditional operator) 1.…

js基础查漏补缺（更新）

js基础查漏补缺: 1. NaN != NaN: 复制数组可以用slice: 数组的sort.reverse等方法都会改变自身: Map是一组键值对的结构,Set是key的集合: Array.Map.Set都属于iterable类型,可用for...of遍历: 2. rest参数只能写在最后,前面用...标识: 一个函数接收另一个函数作为参数称之为高阶函数,比如map.reduce.filter.sort: arr.map(String) 将数组元素都变为string类型: // 数组去重 ar…