- 博客(26)
- 收藏
- 关注
RSS订阅原创 webpack 简单构建起步
前提：确保node.js存在且是最新版本第一步：创建一个空文件mkdir webpack && cd webpack第二步：初始化npm npm init第三步：本地安装webpack 和webpack-clinpm install webpack --save-dev npm webpack-cli --save-dev第四步：创建目录结构和文件内容dist/index.htm...
2018-05-05 20:43:03
269
原创 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
207
原创 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
504
原创 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
277
原创 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
232
原创 JavaScript 21 函数的调用
#d1{ width: 200px; height: 200px; border: 1px solid red; } 按钮 /* * 函数内的代码调用时才会执行 * */ /* * 函数执行: * 1.通过事件触发来执行函数 * 通过绑定事件的处理函数,不需要加()就可以执行 * 2.函数名() * 函数名后只要添加小括号 该函数就会
2017-11-26 15:37:26
238
原创 JavaScript 20 函数的作用域
/* *作用域:代码(变量或函数)生效的范围 * * 全局变量:在函数外部定义的变量(在函数的内部或外部都可以使用) * 局部变量:在函数内部定义的变量(只能在函数内部使用) * * 全局函数 同上 * 局部函数 同上 * * *******js的作用域是函数级的作用域 */ var a=2;//全局变量 function test(){ var b=3;//局部变
2017-11-26 15:35:45
285
原创 JavaScript 19 函数的分类
函数 /*函数:具有执行特定功能的代码段 * * 函数的分类: * 库函数(系统提供的函数 功能已经实现过了 开发者直接调用即可) * 自定义函数(开发者自己定义的函数): */ /*函数定义的语法结构: * function 函数名(形式参数){ 函数体(实行特定功能的代码段) } 注:如果没有参数,形式参数可以省略;没有返回值,返回值可以省略.有返回值直接r
2017-11-26 15:34:54
247
原创 JavaScript 18 计时器
/*计时器 属于dom里window的方法(调用Window的属性或方法时 一般Window可省) * 间隔计时器 setInterval(function,time); * 间隔指定time毫秒数 重复执行函数function * 单位: 毫秒 * 延迟计时器 setTimeout(func, time); * 延迟time毫秒后再执行function(只执行一次) * */
2017-11-26 15:33:08
894
原创 JavaScript 17 有关时间操作的总结
//Date 日期时间类 /* * 创建日期对象 */ var now=new Date(); console.log(now); /* * 获取年份 */ var year= now .getFullYear(); console.log(year); /*获取月份 值得范围0
2017-11-26 15:31:53
268
原创 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
289
原创 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
191
原创 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
194
原创 JavaScript13 数组总结
数组 //数组:存储多个变量的容器(其中的变量可以是不同类型) //元素:数组中每个变量 //定义数组:第一种方式[] var arr=[1,"a",2.4,true]; //获取数组的长度 length // alert(arr.length); //访问数组元素:数组名[下标] 下标从0开始 最大到数组长度减一 //数组下标不能越界 //获取第二个数组元素
2017-11-12 19:34:12
202
原创 JavaScript11 切换效果总结
demo-切换效果1 div{ 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
232
原创 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
448
原创 JavaScript10 循环语句总结
/*循环语句: * 循环:当满足一定的条件 重复执行特定的代码段 * for * while * do..while */ /*for的语法结构 * for (循环变量初始化;循环条件;循环变量变化) { //循环语句 } */ //流程 循环变量初始化--循环条件--循环语句--循环变量变化--循环条件--循环语句--循环变量变化 //不满足条件终止 跳出循环 //输出
2017-11-12 19:25:19
983
原创 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
340
原创 JavaScript08 分支结构
分支语句 顺序结构:按书写的顺序从上到下,自左至右依次执行 分支结构:按不同的条件执行不同的代码 if switch...case 循环结构:只要满足特定条件时 重复执行指定的代码段 --> /*if 语句:第一种形式 * 若满足条件则执行其中的代码段 * if(条件表达式){ 执行的代码
2017-11-12 16:14:53
219
原创 JavaScript07 逻辑运算符总结
/* * 逻辑运算符 * && 逻辑与 * || 逻辑或 * ! 逻辑非 */ //表达式:由常量 变量 运算符组成的式子.i 0 i+1 //标准:是否有值 //&& 逻辑与 var i=3,j=5; // alert(i>0 && j>10); //逻辑与的短路现象:若前一个表达式为假,整个表达式为假.后一个表达式就不再执行. i // aler
2017-11-12 16:12:07
176
原创 JavaScript06 类型转换总结
1.类型转换 /*类型转换 * 1.显示转换(强制类型转换) * */ //string 转换为number var a="123"; var num=Number(a); // alert(typeof(num)); //number转换为string var b=100; var str= String(b); // alert(typeof(str)
2017-11-12 16:09:16
327
原创 JavaScript总结 05
5.获取元素 #d1{ width: 100px; height: 100px; background: red; } 段落1 段落2 1 2 3 /*获取元素的方式: * 方式1:document.getElementById() * 获取文档中指定id名的标签元素 * 调用对象只能是文档document */
2017-11-06 21:57:29
491
原创 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
148
原创 JavaScript总结 03
3.基本数据类型 基本数据类型: 数字 number 字符串 string 布尔 Boolean 空值 null 未定义的 undefined ---------------------- 数组 array 对象 object --> //js 中的变量属于弱类型 //数字类型: var num=10; var x=3.5;
2017-11-06 21:53:08
208
原创 JavaScript总结 02
2.基本语法 //注释(解释说明的作用) //单行注释 /* 多行注释 */ //语句:代码的最基本的组成单元.一般一个语句以分号结尾.分号不是必须的,当多个语句同行 //书写时,每个语句必须以分号结尾 /*常量:在程序执行期间,不可改变的量 数字常量如1 2.5 1e5 * 字符串常量 "a" 'a12' '123' * 字符串使用单引号双引号都行 */
2017-11-06 21:51:11
146
原创 JavaScript总结 01
1.JS基础 alert(111) HTML:负责网页的结构和内容 CSS 负责网页的布局和样式 JS 负责网页的交互行为 --> Javascript 是一个轻量级的编程语言,也是脚本语言 Javascript的特点: 1.一种解释性执行的脚本语言 2.一种基于对象的脚本语言 3.一种简单弱类型脚本语言
2017-11-06 21:47:50
174
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人