第1章 JavaScript基础

01-JavaScript历史介绍

02-JavaScript的组成

03-JavaScript的引入方式

04-变量的使用

05-基本数据类型（一）

06-基本数据类型（二）

07-JavaScript比较运算符的特殊情况

08-数据类型转换

09-流程控制（一）

10-流程控制（二）

11-while循环

12-for循环

13-双重for循环

14-数组的创建

15-数组的常用方法

16-字符串的常用方法

17-Math内置对象

18-函数的使用

19-JavaScript的面向对象

20-arguments的使用

21-Date的使用

22-JSON的用法

23-正则表达式创建

24-元字符和正则表达式练习题案例

25-DOM的介绍

26-DOM是做什么的

27-DOM对象的获取

28-事件的介绍和绑定事件

29-节点的样式属性操作

30-节点样式属性颜色切换

31-节点对象值的操作

32-节点属性的操作

33-显示隐藏的两种方式

34-DOM节点的操作

35-DOM节点的补充

36-模态框案例

37-模态框案例bug解决

38-模拟hover选择器效果

39-tab栏选项卡

40-ES6的let解决tab栏选项卡

41-client系列

42-屏幕的可视宽高

43-offset系列

44-scroll系列

45-定时器的相关使用

46-BOM的介绍和open&amp；close

47-location本地信息对象

48-history对象的使用

第3章 JQuery开发和Bootstrap

01-jQuery的介绍

02-如何使用jquery

03-jQuery的入口函数

04-jQuery对象和JS对象的相互转换

05-jQuery如何操作DOM

06-层级选择器

07-基本过滤选择器

08-属性选择器

09-过滤选择器方法

10-siblings选择器方法的基本使用

11-jquery操作选项卡深入

12-index（）索引的获取

13-基本的动画

14-卷帘门动画效果

15-淡入淡出和自定义动画

16-二级菜单动画的使用

17-jQuery的标签属性操作

18-jQuery对DOM对象属性操作

19-jQuery对类样式的操作

20-jQuery对值的操作

21-父子之间插入操作一

22-父子之间插入操作二

23-兄弟之间插入操作

24-替换操作

25-删除和清空操作

26-操作input的value值

27-jQuery的位置信息

28-JS的事件流

29-事件冒泡的处理

30-抽屉评论简易布局

31-抽屉评论收起操作实现

32-抽屉评论收起操作实现

33-事件对象

34-jQuery的单双击事件

35-jQuery的移入和移出事件

36-jQuery的表单事件

37-jQuery的聚焦、失焦和键盘事件

38-事件委托

39-BS端那点事

40-什么是Ajax

41-MVC思想和jQuery的ajax_GET请求

42-jQuery的POST请求

43-POST请求Bug修复

44-和风天气API接口文档介绍

45-jQuery插件库介绍

46-jQuery总结和作业分析（必看）

47-响应式介绍

48-@media媒体查询

49-Bootstrap介绍

50-Bootstrap的下载和基本使用

51-Bootstrap的布局容器

52-Bootstrap的格栅系统

53-Bootstrap栅格的实现原理

54-Boostrap的列偏移

55-Boostrap的排版

56-Boostrap的表格

57-Boostrap的表单

58-全局CSS样式

59-导航条

60-面板和下拉菜单

61-按钮组和按钮式的下拉菜单

62-分页、路径导航、徽章

63-警告框和进度条

64-Boostrap的插件

65-个人经历分享

第1章 JavaScript基础

01-JavaScript的历史介绍

02-JavaScript的组成

  • ECMAScript5.0
  • BOM
  • DOM

03-JavaScript的引入方式

  • 内接式
  • 外接式
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Title</title>
  6.     <meta name="viewport" content="width=device-width, initial-scale=1">
  7.     <!--<style type="text/css"></style>-->
  8.     <link rel="stylesheet" type="text/css" href="./css/index.css">
  9. </head>
  10. <body>
  11. <!--1、外接式-->
  12. <!--<script type="text/javascript" src="./js/index.js"></script>-->
  13. <!--2、内接式-->
  14. <!--
  15. 1、建议在body之后书写js代码
  16. 2、注意代码结尾的分号
  17. -->
  18. <script type="text/javascript">
  19.     alert('cuixiaozhao');
  20.     console.log('崔晓昭');
  21.  
  22. </script>
  23. </body>
  24. </html>

04-变量的使用

  • js中使用var关键字来声明变量；
  • js是一门弱类型的语言；
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Title</title>
  6.     <meta name="viewport" content="width=device-width, initial-scale=1">
  7. </head>
  8. <body>
  9. <script type="text/javascript">
  10.     //js中的变量声明方式，使用var关键字，js是一个弱类型的语言；
  11.     //1、变量的声明和定义
  12.     var a = 100;
  13.     alert(a);
  14.  
  15.     //2、先声明变量，未来定义；
  16.     var b;
  17.     b = '200';
  18.     console.log(a);
  19.     console.log(b);
  20.  
  21.     //c未定义，就使用,undefined;
  22.     console.log(c);
  23.  
  24. </script>
  25. </body>
  26. </html>

05-基本数据类型（一）

5.1 JavaScript中的基本数据类型

  • number
  • string
  • boolean
  • null
  • undefied

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Title</title>
  6.     <meta name="viewport" content="width=device-width, initial-scale=1">
  7. </head>
  8. <body>
  9. <!--
  10.  
  11. 1、js的基本数据类型：
  12.     number
  13.     string
  14.     boolean
  15.     null
  16.     undefined
  17. -->
  18. <script type="text/javascript">
  19.     // var $ = 100;
  20.     // console.log($);
  21.     var a = 100;
  22.     console.log(a);
  23.     console.log(typeof a);
  24.  
  25.     var b = 26 / 0;//Infinity,表示无限大！
  26.     console.log(typeof b);
  27.     console.log(b);
  28.  
  29.     var c = '崔晓昭';
  30.     console.log(c);
  31.     console.log(typeof c);
  32.  
  33.     var d = "";
  34.     console.log(d);
  35.     console.log(typeof d);
  36.  
  37.     //JavaScript中的+可能是连字符也可能是加法符号，表示运算；
  38.     console.log('cui' + 'xiaozhao');
  39.     console.log(1 + 2 + 3);
  40.  
  41.     var e = 11 + '';
  42.     console.log(e);
  43.     console.log("E的数据类型为:", typeof e);
  44.  
  45. </script>
  46. </body>
  47. </html>

06-基本数据类型（二）

6.1 JavaScript中的数据类型汇总说明

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Title</title>
  6.     <meta name="viewport" content="width=device-width, initial-scale=1">
  7. </head>
  8. <body>
  9. <!--
  10.  
  11. 1、js的基本数据类型：
  12.     number
  13.     string
  14.     boolean
  15.     null
  16.     undefined
  17. -->
  18. <script type="text/javascript">
  19.     // var $ = 100;
  20.     // console.log($);
  21.  
  22.     //number
  23.     var a = 100;
  24.     console.log(a);
  25.     console.log(typeof a);
  26.     //JavaScript可以让除数为零；
  27.     var b = 26 / 0;//Infinity,表示无限大！
  28.     console.log(typeof b);
  29.     console.log(b);
  30.  
  31.     //string
  32.     var c = '崔晓昭';
  33.     console.log(c);
  34.     console.log(typeof c);
  35.  
  36.     //空字符串
  37.     var d = "";
  38.     console.log(d);
  39.     console.log(typeof d);
  40.  
  41.     //字符串的拼接
  42.     //JavaScript中的+可能是连字符也可能是加法符号，表示运算；
  43.     console.log('cui' + 'xiaozhao');
  44.     console.log(1 + 2 + 3);
  45.  
  46.     var e = 11 + '';
  47.     console.log(e);
  48.     console.log("E的数据类型为:", typeof e);
  49.  
  50.     //boolean类型
  51.     // var isShow = false;
  52.     // var isShow = true;
  53.     var isShow = 1 == 1;
  54.     console.log(typeof isShow);//boolean
  55.  
  56.     //null值
  57.     var f = null;
  58.     console.log(typeof f);
  59.  
  60.     //undefined
  61.     var g;
  62.     console.log(g);
  63.     console.log(typeof g);
  64.  
  65.     //复杂的（引用）数据类型：
  66.     //  Function def
  67.     //  Object dict
  68.     //  Array list
  69.     //  String string
  70.     //  Date time模块
  71.  
  72. </script>
  73. </body>
  74. </html>

07-JavaScript比较运算符的特殊情况

7.1 JavaScript中的运算符和Python中的运算符基本是一样一样的！

7.2 两个等于号和三个等于号的区别；

7.3 ++a和a++的区别；

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Title</title>
  6.     <meta name="viewport" content="width=device-width, initial-scale=1">
  7. </head>
  8. <body>
  9. <script type="text/javascript">
  10.  
  11.     var x = 5;
  12.     var y = '5';
  13.     console.log("2个等于号:", x == y);//比较的是值的相同；
  14.     console.log("3个等于号:", x === y);//比较的是值和类型的相同，即内存地址；
  15.  
  16. </script>
  17. </body>
  18. </html>

08-数据类型转换

8.1 string与number的相互转换；

8.2 parseInt和parseFloat的使用；

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <title>Title</title>
  6.     <meta name="viewport" content="width=device-width, initial-scale=1">
  7. </head>
  8. <body>
  9. <script type="text/javascript">
  10.     //1、将number类型转换为string类型
  11.     var n1 = 123;
  12.     var n2 = '123';
  13.     console.log(typeof n1);
  14.     console.log(typeof n2);
  15.     console.log(n1 + n2);
  16.     console.log("n1+n2:", typeof (n1 + n2));
  17.     //2、强制转换String()或者toString()
  18.     var str1 = String(n1);
  19.     console.log(typeof str1);
  20.  
  21.     var num = 1234;
  22.     console.log(num.toString());
  23.  
  24.     //3、将string转换为number
  25.     var strNum2 = '19939';
  26.     var num2 = Number(strNum2);
  27.     console.log(typeof num2);
  28.     console.log(num2);
  29.  
  30.     //4、一种特殊情况:NaN,Not a Number
  31.     var strNum1 = '19930911.0911cxz';
  32.     var num1 = Number(strNum1);
  33.     console.log(typeof num1);
  34.     console.log(num1);//NaN:Not a number
  35.  
  36.     //parseInt(),parseFloat(),解析字符串，返回整数和小数；
  37.     console.log(parseInt(strNum1));//19930911
  38.     console.log(parseFloat(strNum1));//19930911.0911
  39.  
  40. </script>
  41. </body>
  42. </html>

09-流程控制（一）

9.1 js中的流程控制语句以及逻辑“与”和逻辑“或”；

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="utf-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>JS中的流程控制</title>
  8. </head>
  9. <body>
  10. <script type="text/javascript">
  11.     //if;
  12.     //if else if else;
  13.     let age = 16;
  14.     if (age == 18) {
  15.         //{}作为当前的作用域；
  16.         console.log('可以去会所了！');
  17.     } else if (age == 26) {
  18.         console.log('该娶媳妇啦！')
  19.     } else {
  20.         console.log('随便你啦！');
  21.     }
  22.  
  23.     //js中的"逻辑与"与"逻辑或"
  24.     let math = 91;
  25.     let english = 85;
  26.  
  27.     if (math == 90 && english > 90) {
  28.         console.log('小朋友，这次考试成绩还不错哦!')
  29.     } else if (math < 90 || english > 90) {
  30.         console.log('有一门课程考的还可以吧！')
  31.     } else {
  32.         console.log('好好加油！')
  33.     }
  34.  
  35.     //作用域之外继续打印内容；
  36.     console.log('作用域外的代码照样执行,和Python一样！');
  37.     alert('出现一个弹窗吧！')
  38. </script>
  39. </body>
  40. </html>

10-流程控制（二）

10.1 switch语句的使用以及“case”穿透；

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="utf-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>07-js中的switch语句</title>
  8. </head>
  9. <body>
  10. <script type="text/javascript">
  11.     var gameScore = 'good911';
  12.     if (gameScore == 'good') {
  13.         console.log('小朋友，你真好！')
  14.  
  15.     } else if (gameScore == 'better') {
  16.         console.log('小朋友，你更好啦！')
  17.     } else if (gameScore == 'best') {
  18.         console.log('小朋友，你最好啦！')
  19.     } else {
  20.         console.log('小朋友，不知道如何夸赞你啦！')
  21.     }
  22.     //js中switch的用法学习；
  23.     switch (gameScore) {
  24.         case 'good':
  25.             console.log('玩很很好呀！');
  26.             //swith语句，case是一个条件，只要遇到break跳出流程控制，如果break不写，程序会进入下一个break;
  27.             //官方名称"case穿透"！
  28.             break;
  29.         case 'better':
  30.             console.log('玩很geng好呀！');
  31.             break;
  32.         case 'best':
  33.             console.log('玩很最好啦！');
  34.             break;
  35.         default:
  36.             console.log('玩的不知所措了,下一次一定会吃鸡的...');
  37.             break;
  38.     }
  39. </script>
  40. </body>
  41. </html>

11-while循环

11.1 JS中的while循环初识；

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="utf-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>JS中的while循环</title>
  8. </head>
  9. <body>
  10.  
  11. <script type="text/javascript">
  12.     /*
  13.     1、初始化循环变量；
  14.     2、判断循环条件；
  15.     3、更新循环变量；
  16.     */
  17.     //举个例子；
  18.     var i = 1;
  19.     while (i <= 10) {
  20.         if (i % 2 == 0) {
  21.             console.log(i);
  22.         }
  23.         //i = i + 1;
  24.         i += 1;
  25.     }
  26.     console.log('将0~100之间的偶数打印出来:');
  27.     var n = 0;
  28.     while (n <= 100) {
  29.         console.log(n);
  30.         n += 2;
  31.     }
  32.     //do~while的用法；
  33.     console.log('do~while的用法！');
  34.     var m = 1;
  35.     do {
  36.         console.log(m);
  37.         m += 1;
  38.     } while (m <= 11);
  39.  
  40. </script>
  41. </body>
  42. </html>

do~while的特点：不管条件如何，上来之后先循环一次，使用场景不多！

12-for循环

12.1 JS中的for循环以及小练习；

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="utf-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>JS中的for循环</title>
  8. </head>
  9. <body>
  10. <script type="text/javascript">
  11.     //需求：打印1~100之间的数字；
  12.     for (var i = 1; i <= 100; i++) {
  13.         console.log(i)
  14.     }
  15.     //使用js输入1~100之间的整数之和；
  16.     console.log('使用js输入1~100之间的整数之和；');
  17.     var sum = 0;
  18.     for (var j = 1; j <= 100; j++) {
  19.         sum += j;
  20.     }
  21.     console.log(sum);
  22.     //新需求：使用js中的for循环，输入1~100之间2的倍数；
  23.  
  24.     console.log('新需求：使用js中的for循环，输入1~100之间2的倍数');
  25.     for (var m = 1; m <= 100; m++) {
  26.         if (m % 2 == 0) {
  27.             console.log(m);
  28.         }
  29.     }
  30. </script>
  31. </body>
  32. </html>

13-双重for循环

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="utf-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>JS中的双重for循环</title>
  8. </head>
  9. <body>
  10. <script type="text/javascript">
  11.     // 学习前的补充内容：
  12.     document.write('cxz19930911');
  13.     document.write('<h1>崔晓昭</h1>');
  14.     document.write('<br/>');
  15.     //使用for循环进行循环写入；
  16.     for (var i = 1; i <= 10; i++) {
  17.         console.log(i);
  18.         document.write('我爱你，中国！')
  19.     }
  20.     //需求01：使用js代码打印"直角三角形"；
  21.     console.log('需求01：使用js代码打印"直角三角形"；');
  22.     for (i = 1; i <= 6; i++) {
  23.         for (var j = 1; j <= i; j++) {
  24.             document.write('*');
  25.         }
  26.         document.write('<br>');
  27.     }
  28. </script>
  29. </body>
  30. </html>

14-数组的创建

14.1 JS中的数组Array的创建；

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="utf-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>11-JS中的数组Arra</title>
  8. </head>
  9. <body>
  10. <script type="text/javascript">
  11.     //JS中的数组Array，也可以叫做数组；
  12.     //1、字面量方式创建数组；
  13.     var colors = ['red', 'blue', 'green'];
  14.     console.log(colors);
  15.     console.log(window.colors);//其中，window可以省略不写；
  16.     console.log(colors[0]);
  17.     console.log(colors[1]);
  18.     console.log(colors[2]);
  19.     console.log(colors[-1]);
  20.     console.log(colors[5]);
  21.     //2、使用构造函数进行创建"数组"
  22.     var types = new Array();
  23.     console.log(types);
  24.     console.log(typeof types);
  25.     types[0] = 'S';
  26.     types[1] = 'M';
  27.     types[2] = 'L';
  28.     types[3] = 'XL';
  29.     types[4] = 'XXL';
  30.     types[5] = 'XXXL';
  31.     console.log(types);
  32.     for (var i = 0; i <= types.length; i++) {
  33.         console.log(types[i-1]);
  34.     }
  35. </script>
  36. </body>
  37. </html>

15-数组的常用方法

15.1 数组的常见方法；

  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="utf-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>12-JS中的数据的常见方法</title>
  8. </head>
  9. <body>
  10. <script type="text/javascript">
  11.     //1、数组的合并方法-concat；
  12.     var south = ['上海', '杭州', '深圳', '成都'];
  13.     var north = ['北京', '石家庄', '济南', '张家口'];
  14.     var china = south.concat(north);
  15.     console.log("中国南方的城市如下:", south);
  16.     console.log("中国北方的城市如下:", north);
  17.     console.log("南北方的城市群:", china);
  18.     //2、将数组中的元素以指定的'字符串'连接起来，它会返回一个新的字符串；
  19.     var birthday = [1993, 9, 11];
  20.     var birthdate = birthday.join('-');
  21.     console.log(birthdate);
  22.     //3、切片；slice(start,end),返回数组中的一段记录，即切片，但顾头不顾尾；
  23.     var arr = ['崔晓昭', '崔晓珊', '崔晓丝', '崔晓磊'];
  24.     var newArr = arr.slice(1, 14);
  25.     console.log(newArr);
  26.     //4、push和pop方法；
  27.     var nums = [12, 3, 4, 5, 6, 6, 9];
  28.     console.log(nums);
  29.     nums.pop();
  30.     console.log(nums);
  31.     nums.push(19930911);
  32.     console.log(nums);
  33.     //5、反转数组（reverse）和排序数组（sort）；
  34.     var names = ['cxz', 'cxs', 'cxl'];
  35.     console.log(names);
  36.     names.reverse();
  37.     console.log(names);
  38.     names.sort();
  39.     console.log(names);
  40.     //6、isArray判断是不是数组；
  41.     var citys = 19930911;
  42.     iscitys = Array.isArray(citys);
  43.     if (iscitys) {
  44.         console.log('他是一个数组');
  45.     } else {
  46.         console.log('他不是一个数组');
  47.     }
  48.     //7、遍历数组；forEach是一个回调函数，通过forEach来遍历数组中的每一项内容；
  49.     //item为对象值，index为索引值；
  50.     //注意Python中的列表方法和JavaScript中的不一样，没有就是没有了；
  51.     names2 = ['cxz', 'cxs', 'cxl'];
  52.     names.forEach(function (item, index) {
  53.         console.log(index + 1);
  54.         console.log(item);
  55.  
  56.     })
  57. </script>
  58. </body>
  59. </html>

16-字符串的常用方法

17-Math内置对象

18-函数的使用

19-JavaScript的面向对象

20-arguments的使用

21-Date的使用

22-JSON的用法

23-正则表达式创建

24-元字符和正则表达式练习题案例

25-DOM的介绍

26-DOM是做什么的

27-DOM对象的获取

28-事件的介绍和绑定事件

29-节点的样式属性操作

30-节点样式属性颜色切换

31-节点对象值的操作

32-节点属性的操作

33-显示隐藏的两种方式

34-DOM节点的操作

35-DOM节点的补充

36-模态框案例

37-模态框案例bug解决

38-模拟hover选择器效果

39-tab栏选项卡

40-ES6的let解决tab栏选项卡

41-client系列

42-屏幕的可视宽高

43-offset系列

44-scroll系列

45-定时器的相关使用

46-BOM的介绍和open&amp；close

47-location本地信息对象

48-history对象的使用

第3章 JQuery开发和Bootstrap

01-jQuery的介绍

02-如何使用jquery

03-jQuery的入口函数

04-jQuery对象和JS对象的相互转换

05-jQuery如何操作DOM

06-层级选择器

07-基本过滤选择器

08-属性选择器

09-过滤选择器方法

10-siblings选择器方法的基本使用

11-jquery操作选项卡深入

12-index（）索引的获取

13-基本的动画

14-卷帘门动画效果

15-淡入淡出和自定义动画

16-二级菜单动画的使用

17-jQuery的标签属性操作

18-jQuery对DOM对象属性操作

19-jQuery对类样式的操作

20-jQuery对值的操作

21-父子之间插入操作一

22-父子之间插入操作二

23-兄弟之间插入操作

24-替换操作

25-删除和清空操作

26-操作input的value值

27-jQuery的位置信息

28-JS的事件流

29-事件冒泡的处理

30-抽屉评论简易布局

31-抽屉评论收起操作实现

32-抽屉评论收起操作实现

33-事件对象

34-jQuery的单双击事件

35-jQuery的移入和移出事件

36-jQuery的表单事件

37-jQuery的聚焦、失焦和键盘事件

38-事件委托

39-BS端那点事

40-什么是Ajax

41-MVC思想和jQuery的ajax_GET请求

42-jQuery的POST请求

43-POST请求Bug修复

44-和风天气API接口文档介绍

45-jQuery插件库介绍

46-jQuery总结和作业分析（必看）

47-响应式介绍

48-@media媒体查询

49-Bootstrap介绍

50-Bootstrap的下载和基本使用

51-Bootstrap的布局容器

52-Bootstrap的格栅系统

53-Bootstrap栅格的实现原理

54-Boostrap的列偏移

55-Boostrap的排版

56-Boostrap的表格

57-Boostrap的表单

58-全局CSS样式

59-导航条

60-面板和下拉菜单

61-按钮组和按钮式的下拉菜单

62-分页、路径导航、徽章

63-警告框和进度条

64-Boostrap的插件

65-个人经历分享

第五模块·WEB开发基础-第2章JavaScript基础的更多相关文章

  1. 第五模块：WEB开发基础 第2章·JavaScript基础

    01-JavaScript的历史发展过程 02-js的引入方式和输出 03-命名规范和变量的声明定义 04-五种基本数据类型 05-运算符 06-字符串处理 07-数据类型转换 08-流程控制语句if ...

  2. 第五模块·WEB开发基础-第3章jQuery&Bootstrap

    01-jQuery介绍 02-如何使用jQuery 03-jQuery的入口函数 04-jQuery对象和JS对象的相互转换 05-jQuery如何操作DOM 06-底层选择器 07-基本过滤器 08 ...

  3. python web开发学习笔记一：javascript基础

    一.认识js: 能进入到软件所实习是我的最大的收获,也是我的荣幸,我相信努力付出一定能够换回收获. 项目最先开始的是接触到web前端的一些内容,我们需要利用flask搭建应该有的框架.我有一些pyth ...

  4. 学习笔记 第十五章 JavaScript基础

    第15章   JavaScript基础 [学习重点] 了解JavaScript基础知识 熟悉常量和变量 能够使用表达式和运算符 正确使用语句 能够掌握数据类型和转换的基本方法 正确使用函数.对象.数组 ...

  5. 【今日推荐】移动 Web 开发的10个最佳 JavaScript 框架

    选择正确的 JavaScript 框架,对于开发移动 Web 应用程序是至关重要的,也是移动应用程序开发的一项重要任务.开发人员可以使用框架实现的功能高效地达到他们的开发目标.这些预实现的组件采用优秀 ...

  6. Web开发入门不得不看章

    引 如今,各种互联网的Web应用程序层出不穷,那么如何快速入门,成长为一个优秀的Web开发工作者呢? 这个问题不容易回答,几乎所有的培训机构都不能清晰地解答. 所以对于Web开发刚刚入门的菜鸟们,我觉 ...

  7. 使用jQuery快速高效制作网页交互特效第一章JavaScript基础

    JavaScript 一.JavaScript概念: JavaScript面向对象事件驱动具有安全性的脚本语言,面向对象 JavaScript特点: 1.解释性语言,边运行边解释 2.和HTML页面实 ...

  8. (转)JAVA AJAX教程第二章-JAVASCRIPT基础知识

    开篇:JAVASCRIPT是AJAX技术中不可或缺的一部分,所以想学好AJAX以及现在流行的AJAX框架,学好JAVASCRIPT是最重要的.这章我给大家整理了一些JAVASCRIPT的基础知识.常用 ...

  9. 第一模块·开发基础-第1章 Python基础语法

    Python开发工具课前预习 01 Python全栈开发课程介绍1 02 Python全栈开发课程介绍2 03 Python全栈开发课程介绍3 04 编程语言介绍(一) 05 编程语言介绍(二)机器语 ...

随机推荐

  1. Coursera机器学习基石 第2讲：感知器

    第一讲中我们学习了一个机器学习系统的完整框架,包含以下3部分:训练集.假设集.学习算法 一个机器学习系统的工作原理是:学习算法根据训练集,从假设集合H中选择一个最好的假设g,使得g与目标函数f尽可能低 ...

  2. python之self

    python中的self与Java中的this类似,类的函数通过self引用从而实现对类的数据类型进行访问操作. 1. self在定义类的方法时是必须有的,虽然在调用时不必传入相应的参数.(类的方法与 ...

  3. ssm框架基本流程

    题目,写的有点大了,其实就是 对一张表的基本处理,增删改查的基本操作演示. 好了,我们开始了. 假如,我们在做一个单表处理,就举例是 学院(某个大学的学院) 吧. 首先,我们分析 学校这样表有哪些属性 ...

  4. CUDA与OpenGL互操作实例

    本文要解决的问题是如何实现CUDA和OpenGL的互操作,使得GPU能够将通用计算的运算结果交给OpenGL进行绘制. 本文的应用程序主要包括两个方面: 1.      使用CUDA核函数生成图像数据 ...

  5. iview(DatePicker)时间转入后台少一天 解决方案

    后台注解 前台: 加个事件 @on-change @on-change="getStartTime" getStartTime(starTime) { this.leaveReco ...

  6. lable随堂笔记

    lable标签与属性 lable标签:for属性,让标签与指定的input元素建立标签:将input元素包含在lable标签中. <table border="2" alig ...

  7. 谨慎修改Oracle数据库字符集（UTF8<->ZHS16GBK）

      Preface       Today,I'm gonna say something what is related with the character set in Oracle datab ...

  8. iOS之iOS中的（null）、<null>、 nil 的问题

      摘要: 你有没有过这样的经历,就是界面上显示出类似<null>.(null)这样一些东西,有时候还会莫名其妙的闪退.反反复复真是曰了犬,今天来总结一下这个问题的解决方法 前段时间开发过 ...

  9. 微信网页授权-公众号支付（获取openid、用户信息等）

    名词解释: openid 用户唯一标识,请注意,在未关注公众号时,用户访问公众号的网页,也会产生一个用户和公众号唯一的OpenID 业务功能描述:实现H5页面可以在微信浏览器里面进行微信支付,所以需要 ...

  10. python函数名应用

    函数名的应用 函数名 的应用分类: 函数就是一个特殊的变量(可以看成一个变量来用) *函数名对应函数的内存地址 *函数名可以做为容器类数据的元素 *函数名可以作为函数的参数 *函数名可以作为函数的返回 ...