- 博客(26)
- 收藏
- 关注
RSS订阅原创 webpack 简单构建起步
前提：确保node.js存在且是最新版本第一步：创建一个空文件mkdir webpack && cd webpack第二步：初始化npm npm init第三步：本地安装webpack 和webpack-clinpm install webpack --save-devnpm webpack-cli --save-dev第四步：创建目录结构和文件内容dist/index.htm...
2018-05-05 20:43:03
209
原创 JavaScript中this的指向
第一：在全局环境中或者调用普通函数的时候 this 永远指向window console.log(this === window) 为true第二：在构造函数中调用this，this指向new出来的对象finction Obj () { this.x = 5; console.log(this);}var func = new obj();console.log(func....
2018-05-05 15:35:12
161
原创 call apply bind 的区别及用法
<!DOCTYPE html><html><head> <title>call apply bind 比较</title></head><body> <div class="d1">点击</div> <!-- 1.call a
2018-05-02 16:12:44
444
原创 JavaScript 23 轮播效果
*{margin: 0;padding: 0;}.swipe{width: 800px;height: 400px;margin: 50px auto;overflow: hidden;position: relative;}.container{width: 4800px;height: 400px;position: absolute
2017-11-26 15:40:36
221
原创 JavaScript 22 无间断滚动
.box{width: 500px;height: 300px;margin: 0 auto;overflow: hidden;border: 4px solid lawngreen;}.container{width: 10000px;height: 300px;position: relative;}.container>img{width:
2017-11-26 15:39:06
178
原创 JavaScript 21 函数的调用
#d1{width: 200px;height: 200px;border: 1px solid red;}按钮/** 函数内的代码调用时才会执行* *//** 函数执行:* 1.通过事件触发来执行函数* 通过绑定事件的处理函数,不需要加()就可以执行* 2.函数名()* 函数名后只要添加小括号 该函数就会
2017-11-26 15:37:26
190
原创 JavaScript 20 函数的作用域
/**作用域:代码(变量或函数)生效的范围* * 全局变量:在函数外部定义的变量(在函数的内部或外部都可以使用)* 局部变量:在函数内部定义的变量(只能在函数内部使用)* * 全局函数 同上* 局部函数 同上* * *******js的作用域是函数级的作用域*/var a=2;//全局变量function test(){var b=3;//局部变
2017-11-26 15:35:45
247
原创 JavaScript 19 函数的分类
函数/*函数:具有执行特定功能的代码段* * 函数的分类:* 库函数(系统提供的函数 功能已经实现过了 开发者直接调用即可)* 自定义函数(开发者自己定义的函数):*//*函数定义的语法结构:* function 函数名(形式参数){函数体(实行特定功能的代码段)}注:如果没有参数,形式参数可以省略;没有返回值,返回值可以省略.有返回值直接r
2017-11-26 15:34:54
206
原创 JavaScript 18 计时器
/*计时器 属于dom里window的方法(调用Window的属性或方法时 一般Window可省)* 间隔计时器 setInterval(function,time);* 间隔指定time毫秒数 重复执行函数function* 单位: 毫秒* 延迟计时器 setTimeout(func, time);* 延迟time毫秒后再执行function(只执行一次)* */
2017-11-26 15:33:08
820
原创 JavaScript 17 有关时间操作的总结
//Date 日期时间类 /* * 创建日期对象 */ var now=new Date(); console.log(now); /* * 获取年份 */ var year=now .getFullYear(); console.log(year); /*获取月份 值得范围0
2017-11-26 15:31:53
219
原创 JavaScript 16 字符串
/*字符串*//* 创建字符串*/var str="Hello Word";console.log(str)// alert(typeof(str)) //创建一个字符串对象 var str1=new String("abc"); console.log(str1)// alert
2017-11-26 15:30:12
230
原创 JavaScript 15 遍历
var arr = [1, 2, 4, "a", "b"];//遍历: //数组结合for循环 遍历数组每个元素for(var i = 0; i console.log(arr[i]);}//forin遍历/** forin 若遍历数组则获取的是数组元素对应的下标*/for(item in arr) {console.log(item);//cons
2017-11-26 15:28:16
151
原创 JavaScript 14 冒泡排序
/*冒泡排序:* 依次取前后两个数进行比较,若前一个数比后一个数大,则交换位置(升序)* *//*冒泡排序的写法 双层for循环结构/* 外层for控制比较的趟数*/var nums=[3,2,5,7,6,1];for(var i=0;i//内层for控制每趟比较的次数for(var j=0;j//前后两数比较(升序:前比后大 交换位置)if(nums[
2017-11-26 15:26:01
148
原创 JavaScript13 数组总结
数组//数组:存储多个变量的容器(其中的变量可以是不同类型)//元素:数组中每个变量//定义数组:第一种方式[]var arr=[1,"a",2.4,true];//获取数组的长度 length// alert(arr.length);//访问数组元素:数组名[下标] 下标从0开始 最大到数组长度减一 //数组下标不能越界//获取第二个数组元素
2017-11-12 19:34:12
159
原创 JavaScript11 切换效果总结
demo-切换效果1div{display: none;}.show{width: 500px;height: 300px;background: lightblue;text-align: center;font-size: 50px;line-height: 300px;display: block;}国际
2017-11-12 19:28:42
192
原创 JavaScript11 classname属性
.d1{display: none;}.show{width: 200px;height: 100px;background: gold;display: block;}显示/隐藏/*class 是保留字.保留字不能直接使用,所以添加class类名属性* 使用className来表示* */var btn=docu
2017-11-12 19:26:31
376
原创 JavaScript10 循环语句总结
/*循环语句:* 循环:当满足一定的条件 重复执行特定的代码段* for* while* do..while*//*for的语法结构* for (循环变量初始化;循环条件;循环变量变化) {//循环语句}*///流程 循环变量初始化--循环条件--循环语句--循环变量变化--循环条件--循环语句--循环变量变化//不满足条件终止 跳出循环//输出
2017-11-12 19:25:19
901
原创 JavaScript09 demo-元素的显示隐藏
#div1{width: 100px;height: 100px;background: orange;}显示var btn=document.getElementById("btn");var oDiv=document.getElementById("div1");// btn.onclick=function(){// if(b
2017-11-12 16:19:42
295
原创 JavaScript08 分支结构
分支语句 顺序结构:按书写的顺序从上到下,自左至右依次执行分支结构:按不同的条件执行不同的代码 if switch...case循环结构:只要满足特定条件时 重复执行指定的代码段-->/*if 语句:第一种形式* 若满足条件则执行其中的代码段* if(条件表达式){ 执行的代码
2017-11-12 16:14:53
180
原创 JavaScript07 逻辑运算符总结
/** 逻辑运算符* && 逻辑与* || 逻辑或* ! 逻辑非*///表达式:由常量 变量 运算符组成的式子.i 0 i+1//标准:是否有值 //&& 逻辑与var i=3,j=5;// alert(i>0 && j>10);//逻辑与的短路现象:若前一个表达式为假,整个表达式为假.后一个表达式就不再执行.i// aler
2017-11-12 16:12:07
138
原创 JavaScript06 类型转换总结
1.类型转换/*类型转换* 1.显示转换(强制类型转换)* *///string 转换为numbervar a="123";var num=Number(a);// alert(typeof(num));//number转换为stringvar b=100;var str= String(b);// alert(typeof(str)
2017-11-12 16:09:16
272
原创 JavaScript总结 05
5.获取元素#d1{width: 100px;height: 100px;background: red;}段落1段落2123/*获取元素的方式:* 方式1:document.getElementById()* 获取文档中指定id名的标签元素* 调用对象只能是文档document*/
2017-11-06 21:57:29
435
原创 JavaScript总结 04
4.运算符/*运算符:* 赋值运算符=* 算术运算符+ - * / % ++ --* 复合运算符 += -= *= /=* 关系运算符 > >= * 逻辑运算符 && || ! *///1.赋值运算符var a=1;//算术运算符var x=10,y=3,z;x+y;x-y;x*y; console.log(x/y);
2017-11-06 21:55:41
122
原创 JavaScript总结 03
3.基本数据类型 基本数据类型:数字 number字符串 string布尔 Boolean空值 null未定义的 undefined ----------------------数组 array对象 object--> //js 中的变量属于弱类型//数字类型:var num=10;var x=3.5;
2017-11-06 21:53:08
174
原创 JavaScript总结 02
2.基本语法//注释(解释说明的作用)//单行注释/*多行注释*///语句:代码的最基本的组成单元.一般一个语句以分号结尾.分号不是必须的,当多个语句同行//书写时,每个语句必须以分号结尾/*常量:在程序执行期间,不可改变的量 数字常量如1 2.5 1e5* 字符串常量 "a" 'a12' '123'* 字符串使用单引号双引号都行*/
2017-11-06 21:51:11
116
原创 JavaScript总结 01
1.JS基础alert(111)HTML:负责网页的结构和内容CSS 负责网页的布局和样式JS 负责网页的交互行为-->Javascript 是一个轻量级的编程语言,也是脚本语言 Javascript的特点: 1.一种解释性执行的脚本语言 2.一种基于对象的脚本语言 3.一种简单弱类型脚本语言
2017-11-06 21:47:50
147
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人