JavaScript
文章平均质量分 59
ruirui_1996
这个作者很懒,什么都没留下…
展开
-
全局变量的细节问题(1-1-3)
第一节:预解释作用域this原理及应用课时3:全局变量的细节问题在全局作用域中,带var和不带var的关系:区别:带var的可以进行预解释,所以在赋值的前面执行不会报错;不带var的是不能进行预解释的,在前面执行会报错相同点:num2 = 12;相当于给window增加了一个叫做num2的属性名,属性值为12; var num = 12; 首先它相当于给全局作用域增加了一个全局变量num,但原创 2017-08-28 18:32:07 · 315 阅读 · 0 评论 -
第一周、课时13:js中三个循环之for-in循环
js中三个循环之for-in循环作用:用来循环一个对象中的属性名和属性值的 for (var key in obj){ console.log(key); //每一次循环获取的属性名 }对象中有多少组键值对就循环多少次 获得属性值:console.log(obj[key]); 不能写obj.key 顺序:首先循环数字从小到大,再把剩下的属性按照写的顺序循环原创 2017-09-08 13:43:55 · 251 阅读 · 0 评论 -
第一周、课时15:综合案例——选项卡
综合案例——选项卡html代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>选项卡</title> <link rel="stylesheet" type="text/css" href="3.css" /></head><body><div id="table">原创 2017-09-08 21:06:10 · 297 阅读 · 0 评论 -
基础课专题——页面中常用的几种输出方式
页面中常用的几种输出方式在控制台输出:console.log(“内容”);Elements:页面中的元素都在其中,经常用这个元素来调试样式Network:包含所有的资源文件(css外链文件、js外链文件、html页面、所有图片、向后台请求的数据接口),并告诉我们每一个文件加载完成的时间。(对于时间过长的需要进行优化)Sources:包含项目中的html、css、js所有的源码。(扒一个网站可以原创 2017-09-09 14:43:58 · 421 阅读 · 0 评论 -
移动端基础及响应式布局
目录1.移动端概述和hybird模式 2.响应式布局基础 3.响应式布局之流式布局 4.做移动端项目之前的准备 5.响应式布局demo 6.rem响应式布局 7.swiper的使用和轮播图 8.综合案例-微信场景应用1.移动端概述和hybird模式移动端:运行在移动设备上的产品 产品大部分都只需要适配ios和安卓系统即可 响应式布局:在不同的设备上都能给予客户最好的操作体验 移动原创 2017-11-24 19:02:23 · 4708 阅读 · 0 评论 -
移动端事件及事件应用
目录1.移动端事件基础 2.移动端常用的事件库 3.移动端轮播图css样式和响应 4.移动端轮播图图片延迟加载1.移动端事件基础PC端常用事件 事件名 作用 click 当鼠标点击时触发 mouseover 当鼠标指针移动到元素上时触发 mouseout 当鼠标指针移出元素时触发 mouseenter 当鼠标指针移动到元素上时触发(不支持冒泡) mou原创 2017-11-30 11:15:39 · 3089 阅读 · 0 评论 -
本地存储
目录1.本地存储 2.ejs模板引擎 3.iscroll 4.webapp之使用less构建响应式布局 5.webapp之数据绑定和本地存储 6.webapp之实现比赛集锦区1.本地存储在客户端运行的js是不能操作用户电脑磁盘中的文件的,为了保护客户端的安排。 js中的本地存储:使用js向浏览器的某一个原创 2017-12-05 17:15:02 · 347 阅读 · 0 评论 -
第一周、课时12:js三个循环之for循环
js三个循环之for循环 for (var i=0;i<5;i++){ console.log(i); }设置初始值设置循环的执行条件执行循环体中的内容每一轮循环后都执行i++操作break和continue:break:在循环体中出现了break,整个循环结束continue:出现continue,当前这一轮的循环结束,继续下一轮的执行在循环体中只要遇原创 2017-09-08 10:57:25 · 228 阅读 · 0 评论 -
第一周、课时10:js中三个判断的语法
js中三个判断的语法1、三个判断:if-else、三元运算符、switch-case 2、 几种情况:if-else可以解决js中所有的判断需求三元运算符应用于简单的if-else情况switch-case应用于不同值情况下的不同操作3、if-else: if (条件){ 执行条件1成立的代码 }else if(条件2){ 执行条件2成立的代码原创 2017-09-08 10:38:21 · 344 阅读 · 0 评论 -
作用域链(1-1-2)
第一节:预解释作用域this原理及应用课时2:作用域链如何区分私有变量和全局变量:在全局作用域下声明的(预解释的时候)的变量是全局变量在私有作用域中声明的变量和函数的形参都是私有的变量在私有作用域中,代码执行的时候遇到了一个变量,首先需要确定他是否为私有的变量,如果是私有的变量,那么和外面的没有任何的关系;如果不是私有的,则往当前作用域的上级作用域进行查找,如果上级作用域也没有则继续查找,一直原创 2017-08-28 18:30:55 · 254 阅读 · 0 评论 -
预解释(变量提升)(1-1-1)
第一节:预解释作用域this原理及应用预解释(变量提升)1、js中的数据类型包括:基本数据类型:number、string、boolean、null、undefined引用数据类型:object:{对象}、[数组]、/正则/、Date;function2、基本数据类型是按照值来操作的,引用数据类型是按照地址操作的3、 当浏览器加载HTML页面时,首先会提供一个供全局js代码执行的环境原创 2017-08-12 12:30:38 · 256 阅读 · 0 评论 -
预解释是一种毫无节操的机制(1-1-4)
第一节:预解释作用域this原理及应用课时4:预解释是一种毫无节操的机制in:”num” in window判断num是否为window这个对象的一个属性,是的话返回true,不是的话返回false。例如:var obj = {name:"abc",age:7};console.log("name" in obj); //trueconsole.log("eat" in obj); //fals原创 2017-08-28 18:35:17 · 298 阅读 · 0 评论 -
第一周、课时3:js中常用的四种输出方式
js中常用的四种输出方式 alert("内容"); //在浏览器中弹出框显示内容 document.write("内容"); //在页面中显示内容 console.log("内容"); //在控制台输出内容 innerHTML / innerText //向指定元素中动态添加内容原创 2017-09-07 20:10:42 · 186 阅读 · 0 评论 -
第一周、课时4:js组成和命名规范
js组成和命名规范js是一门轻量级的脚本编程语言ECMAScript:定义了js里面的命名规则、变量、数据类型、基本语法、操作语句等最核心的东西DOM:document object model:文档对象模型BOM:browser object model:浏览器对象模型命名规范js中严格区分大小写使用驼峰命名法不能使用关键字和保留字: break delete function r原创 2017-09-07 20:33:57 · 183 阅读 · 0 评论 -
第一周、课时5:js中的变量和数据类型
js中的变量和数据类型js中的变量:js中的变量是一个抽象的概念,变量是用来存储值和代表值的js中定义一个变量非常的简单:var 变量名 = 变量值;js中的变量是松散类型的,通过一个var变量名就能存储任何的数据类型js中的数据类型分类:基本数据类型:由简单的数据结构组成 -数字(number)、字符串(string)、布尔(boolean)、null、undefined引用数据类型原创 2017-09-07 20:42:52 · 176 阅读 · 0 评论 -
第一周、课时2:js引入到页面的方式和细节
js引入到页面的方式和细节导入css的方式:行内样式:<div id="div" style="width: 100px;"></div>内嵌式:将css样式写在style标签块里,放在head中: <style type="text/css"> #div { height: 100px; } </style>外链式:<link原创 2017-09-07 17:52:56 · 294 阅读 · 0 评论 -
第一周、课时6:数据类型——number
数据类型——numbernumber:正数、负数、0 、小数、NaNNaN:NaN:not a number,不是一个有效数字,但它是属于number类型的NaN==NaN不相等isNaN():检测一个值是否为有效数字,是有效数字返回false。如果检测的值不是number类型的,浏览器会默认把它转化成number类型,然后再判断是否为有效数字。Number():强制将其他的数据类型转化为n原创 2017-09-07 20:58:36 · 299 阅读 · 0 评论 -
第一周、课时7:数据类型——boolean和数据类型的转换规律
boolean和数据类型的转换规律!:一个叹号是取反,首先将值转换为布尔类型值,然后再取反!!:将其他数据类型转换为布尔类型,相当于boolean()数据类型值转换的规则:1、如果只有一个值,判断这个值是真还是假,遵循:只有0,NaN、” “、null、undefined这五个值是假的,其余都是真的。 2、如果是两个值比较是否相等,遵循这个规则: (1)、val1==val2,两个值可能不原创 2017-09-08 09:20:28 · 401 阅读 · 0 评论 -
第一周、课时8:数据类型——object
数据类型——object1、由多组[属性名和属性值]组成,多组键值对(多个key:value)组成 2、 属性名和属性值是用来描述这个对象特征的 3、 字面量创建方式:var obj = {name:”abc”}; 4、 实例创建方式: //给一个对象增加一组属性值和属性名 var obj = new Object(); obj.name = "abc"; obj原创 2017-09-08 09:51:32 · 218 阅读 · 0 评论 -
第一周、课时9:数据类型区分和数据类型检测
数据类型区分和数据类型检测基本数据类型和引用数据类型的区别:基本数据类型是把值直接的给变量,接下来在操作的过程中,直接拿这个值操作,可能两个变量存储的值一样,但是没有关系,其中一个改变,另外一个没有任何影响引用数据类型:定义一个变量 —> 开辟一个新的空间,然后把属性名和属性值保存在这个空间中,并且有一个空间地址 —> 把空间的地址给了这个变量,变量并,没有存储这个数值,存储的是对这个空间的引用原创 2017-09-08 10:24:27 · 266 阅读 · 0 评论 -
前端基础知识总结1——基础知识
目录1.基础知识 1.1 变量类型 1.2 typeof运算符 1.3 变量计算——强制类型转换 1.4 面试题 2.原型、原型链 3.作用域、闭包 4.异步、单线程1.基础知识在客户端运行的js是不能操作用户电脑磁盘中的文件的,为了保护客户端的安全。 js中的本地存储:使用js1.1 变量类型1.2 typeof运算符1.3 变量计算——强制类型转换原创 2017-12-06 20:43:40 · 6577 阅读 · 0 评论