2019 年 9月 7 日随笔档案 - zhangyu12138

摘要： Title 阅读全文

posted @ 2019-09-07 13:13 zhangyu12138 阅读(73) 评论(0) 推荐(0)

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body { font-family: "Microsoft YaHei", serif; } body, dl, dd, p, h1, h2, h3, h4, h5, h6 { margin: 0; } ol, u 阅读全文

posted @ 2019-09-07 12:42 zhangyu12138 阅读(125) 评论(0) 推荐(0)

22-6-关于数组的遍历

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body { font-family: "Microsoft YaHei", serif; } body, dl, dd, p, h1, h2, h3, h4, h5, h6 { margin: 0; } ol, u 阅读全文

posted @ 2019-09-07 12:41 zhangyu12138 阅读(90) 评论(0) 推荐(0)

22-5-join

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body { font-family: "Microsoft YaHei", serif; } body, dl, dd, p, h1, h2, h3, h4, h5, h6 { margin: 0; } ol, u 阅读全文

posted @ 2019-09-07 12:41 zhangyu12138 阅读(87) 评论(0) 推荐(0)

22-4-isarry

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body { font-family: "Microsoft YaHei", serif; } body, dl, dd, p, h1, h2, h3, h4, h5, h6 { margin: 0; } ol, u 阅读全文

posted @ 2019-09-07 12:40 zhangyu12138 阅读(107) 评论(0) 推荐(0)

22-3concat

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body { font-family: "Microsoft YaHei", serif; } body, dl, dd, p, h1, h2, h3, h4, h5, h6 { margin: 0; } ol, u 阅读全文

posted @ 2019-09-07 12:39 zhangyu12138 阅读(87) 评论(0) 推荐(0)

22-2-排序

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body { font-family: "Microsoft YaHei", serif; } body, dl, dd, p, h1, h2, h3, h4, h5, h6 { margin: 0; } ol, u 阅读全文

posted @ 2019-09-07 12:39 zhangyu12138 阅读(85) 评论(0) 推荐(0)

21-7-数组相关api

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body { font-family: "Microsoft YaHei", serif; } body, dl, dd, p, h1, h2, h3, h4, h5, h6 { margin: 0; } ol, u 阅读全文

posted @ 2019-09-07 12:38 zhangyu12138 阅读(108) 评论(0) 推荐(0)

22-1-sort

摘要： Title 阅读全文

posted @ 2019-09-07 12:38 zhangyu12138 阅读(94) 评论(0) 推荐(0)

21-6-数组相关api

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body { font-family: "Microsoft YaHei", serif; } body, dl, dd, p, h1, h2, h3, h4, h5, h6 { margin: 0; } ol, u 阅读全文

posted @ 2019-09-07 12:37 zhangyu12138 阅读(100) 评论(0) 推荐(0)

21-4indexOf

摘要： Title 阅读全文

posted @ 2019-09-07 12:36 zhangyu12138 阅读(65) 评论(0) 推荐(0)

21-5-split

摘要： Title 阅读全文

posted @ 2019-09-07 12:36 zhangyu12138 阅读(62) 评论(0) 推荐(0)

21-2-substring

摘要： Title 阅读全文

posted @ 2019-09-07 12:34 zhangyu12138 阅读(81) 评论(0) 推荐(0)

21-1字符串相关api

摘要： Title 阅读全文

posted @ 2019-09-07 12:33 zhangyu12138 阅读(106) 评论(0) 推荐(0)

20-4-结构默认值

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body { font-family: "Microsoft YaHei", serif; } body, dl, dd, p, h1, h2, h3, h4, h5, h6 { margin: 0; } ol, u 阅读全文

posted @ 2019-09-07 12:32 zhangyu12138 阅读(182) 评论(0) 推荐(0)

20-3-结构赋值

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body { font-family: "Microsoft YaHei", serif; } body, dl, dd, p, h1, h2, h3, h4, h5, h6 { margin: 0; } ol, u 阅读全文

posted @ 2019-09-07 12:31 zhangyu12138 阅读(124) 评论(0) 推荐(0)

20-2-结构赋值

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body { font-family: "Microsoft YaHei", serif; } body, dl, dd, p, h1, h2, h3, h4, h5, h6 { margin: 0; } ol, u 阅读全文

posted @ 2019-09-07 12:30 zhangyu12138 阅读(95) 评论(0) 推荐(0)

20-1-海报网特效

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body { font-family: "Microsoft YaHei", serif; } body, dl, dd, p, h1, h2, h3, h4, h5, h6 { margin: 0; } ol, u 阅读全文

posted @ 2019-09-07 12:30 zhangyu12138 阅读(98) 评论(0) 推荐(0)

19-2-自定义复选框

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body { font-family: "Microsoft YaHei", serif; } body, dl, dd, p, h1, h2, h3, h4, h5, h6 { margin: 0; } ol, u 阅读全文

posted @ 2019-09-07 12:29 zhangyu12138 阅读(137) 评论(0) 推荐(0)

19-1-天猫侧边栏

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body { font-family: "Microsoft YaHei", serif; background-color: deeppink; } body, dl, dd, p, h1, h2, h3, h4, 阅读全文

posted @ 2019-09-07 12:10 zhangyu12138 阅读(111) 评论(0) 推荐(0)

18-7-全选

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body { font-family: "Microsoft YaHei", serif; } body, dl, dd, p, h1, h2, h3, h4, h5, h6 { margin: 0; } ol, u 阅读全文

posted @ 2019-09-07 12:09 zhangyu12138 阅读(116) 评论(0) 推荐(0)

18-6-calsslist

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body { font-family: "Microsoft YaHei", serif; } body, dl, dd, p, h1, h2, h3, h4, h5, h6 { margin: 0; } ol, u 阅读全文

posted @ 2019-09-07 12:09 zhangyu12138 阅读(81) 评论(0) 推荐(0)

18-5-二级下拉菜单

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body { font-family: "Microsoft YaHei", serif; } body, dl, dd, p, h1, h2, h3, h4, h5, h6 { margin: 0; } ol, u 阅读全文

posted @ 2019-09-07 12:08 zhangyu12138 阅读(82) 评论(0) 推荐(0)

18-4-bind

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body { font-family: "Microsoft YaHei", serif; } body, dl, dd, p, h1, h2, h3, h4, h5, h6 { margin: 0; } ol, u 阅读全文

posted @ 2019-09-07 12:07 zhangyu12138 阅读(105) 评论(0) 推荐(0)

18-3-bind

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body { font-family: "Microsoft YaHei", serif; } body, dl, dd, p, h1, h2, h3, h4, h5, h6 { margin: 0; } ol, u 阅读全文

posted @ 2019-09-07 12:07 zhangyu12138 阅读(105) 评论(0) 推荐(0)

18-2-call和apply

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body { font-family: "Microsoft YaHei", serif; } body, dl, dd, p, h1, h2, h3, h4, h5, h6 { margin: 0; } ol, u 阅读全文

posted @ 2019-09-07 12:06 zhangyu12138 阅读(128) 评论(0) 推荐(0)

18-1-函数中this的指向

摘要： Title 阅读全文

posted @ 2019-09-07 12:06 zhangyu12138 阅读(89) 评论(0) 推荐(0)

17-7-es6作用域

摘要： Title 阅读全文

posted @ 2019-09-07 12:05 zhangyu12138 阅读(114) 评论(0) 推荐(0)

17-5-练习

摘要：恢复内容开始恢复内容结束阅读全文

posted @ 2019-09-07 12:04 zhangyu12138 阅读(88) 评论(0) 推荐(0)

17-6-相等

摘要： Title 阅读全文

posted @ 2019-09-07 12:04 zhangyu12138 阅读(69) 评论(0) 推荐(0)

17-4-练习

摘要： Title 阅读全文

posted @ 2019-09-07 12:03 zhangyu12138 阅读(102) 评论(0) 推荐(0)

17-2-相同函数执行多次互不干扰

摘要： Title 阅读全文

posted @ 2019-09-07 12:02 zhangyu12138 阅读(144) 评论(0) 推荐(0)

17-3-闭包

摘要： Title 1 2 3 4 5 阅读全文

posted @ 2019-09-07 12:02 zhangyu12138 阅读(102) 评论(0) 推荐(0)

16-11-练习

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body { font-family: "Microsoft YaHei", serif; } body, dl, dd, p, h1, h2, h3, h4, h5, h6 { margin: 0; } ol, u 阅读全文

posted @ 2019-09-07 11:32 zhangyu12138 阅读(69) 评论(0) 推荐(0)

16-12-练习

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body { font-family: "Microsoft YaHei", serif; } body, dl, dd, p, h1, h2, h3, h4, h5, h6 { margin: 0; } ol, u 阅读全文

posted @ 2019-09-07 11:32 zhangyu12138 阅读(57) 评论(0) 推荐(0)

16-10-练习

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body { font-family: "Microsoft YaHei", serif; } body, dl, dd, p, h1, h2, h3, h4, h5, h6 { margin: 0; } ol, u 阅读全文

posted @ 2019-09-07 11:31 zhangyu12138 阅读(72) 评论(0) 推荐(0)

16-8-练习

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body { font-family: "Microsoft YaHei", serif; } body, dl, dd, p, h1, h2, h3, h4, h5, h6 { margin: 0; } ol, u 阅读全文

posted @ 2019-09-07 11:30 zhangyu12138 阅读(65) 评论(0) 推荐(0)

16-9-练习

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body { font-family: "Microsoft YaHei", serif; } body, dl, dd, p, h1, h2, h3, h4, h5, h6 { margin: 0; } ol, u 阅读全文

posted @ 2019-09-07 11:30 zhangyu12138 阅读(87) 评论(0) 推荐(0)

16-6-重名与覆盖

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body { font-family: "Microsoft YaHei", serif; } body, dl, dd, p, h1, h2, h3, h4, h5, h6 { margin: 0; } ol, u 阅读全文

posted @ 2019-09-07 11:29 zhangyu12138 阅读(63) 评论(0) 推荐(0)

16-7-练习

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body { font-family: "Microsoft YaHei", serif; } body, dl, dd, p, h1, h2, h3, h4, h5, h6 { margin: 0; } ol, u 阅读全文

posted @ 2019-09-07 11:29 zhangyu12138 阅读(67) 评论(0) 推荐(0)

16-5-练习

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body { font-family: "Microsoft YaHei", serif; } body, dl, dd, p, h1, h2, h3, h4, h5, h6 { margin: 0; } ol, u 阅读全文

posted @ 2019-09-07 11:28 zhangyu12138 阅读(74) 评论(0) 推荐(0)

16-4-练习

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body { font-family: "Microsoft YaHei", serif; } body, dl, dd, p, h1, h2, h3, h4, h5, h6 { margin: 0; } ol, u 阅读全文

posted @ 2019-09-07 11:27 zhangyu12138 阅读(94) 评论(0) 推荐(0)

16-3-es5解析顺序

摘要： Title 阅读全文

posted @ 2019-09-07 11:26 zhangyu12138 阅读(131) 评论(0) 推荐(0)

16-1-es5

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body { font-family: "Microsoft YaHei", serif; } body, dl, dd, p, h1, h2, h3, h4, h5, h6 { margin: 0; } ol, u 阅读全文

posted @ 2019-09-07 11:25 zhangyu12138 阅读(117) 评论(0) 推荐(0)

16-2-作用域链

摘要： Title 阅读全文

posted @ 2019-09-07 11:25 zhangyu12138 阅读(73) 评论(0) 推荐(0)

15-2-优化双层选项卡

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body{font-family: "Microsoft YaHei",serif;} body,dl,dd,p,h1,h2,h3,h4,h5,h6{margin: 0;} ol,ul,li{margin: 0;pa 阅读全文

posted @ 2019-09-07 11:24 zhangyu12138 阅读(123) 评论(0) 推荐(0)

15-1-双层选项卡

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body{font-family: "Microsoft YaHei",serif;} body,dl,dd,p,h1,h2,h3,h4,h5,h6{margin: 0;} ol,ul,li{margin: 0;pa 阅读全文

posted @ 2019-09-07 11:23 zhangyu12138 阅读(235) 评论(0) 推荐(0)

14-2星级评分

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body{font-family: "Microsoft YaHei",serif;} body,dl,dd,p,h1,h2,h3,h4,h5,h6{margin: 0;} ol,ul,li{margin: 0;pa 阅读全文

posted @ 2019-09-07 11:23 zhangyu12138 阅读(90) 评论(0) 推荐(0)

14-1带左右按钮的选项卡

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body{font-family: "Microsoft YaHei",serif;} body,dl,dd,p,h1,h2,h3,h4,h5,h6{margin: 0;} ol,ul,li{margin: 0;pa 阅读全文

posted @ 2019-09-07 11:22 zhangyu12138 阅读(90) 评论(0) 推荐(0)

13-6-可编辑按钮

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body{font-family: "Microsoft YaHei",serif;} body,dl,dd,p,h1,h2,h3,h4,h5,h6{margin: 0;} ol,ul,li{margin: 0;pa 阅读全文

posted @ 2019-09-07 11:21 zhangyu12138 阅读(126) 评论(0) 推荐(0)

13-9-获取元素的方式

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="wrap"></div> <p class="goudan"></p> <p class="goudan"></p> 阅读全文

posted @ 2019-09-07 11:20 zhangyu12138 阅读(95) 评论(0) 推荐(0)

13-8-return的高级使用

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> // function click() { // alert(1); // } // document.onclick = click; // 这里的click不能给加括号的原因 // 阅读全文

posted @ 2019-09-07 11:19 zhangyu12138 阅读(90) 评论(0) 推荐(0)

13-5-let和()的作用域

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> // for (let i =0;i<5;i++){ // // } // alert(i); // 这里是访问不到i的 // 在script和for的{}之间的 // 在循环体内部是阅读全文

posted @ 2019-09-07 11:18 zhangyu12138 阅读(85) 评论(0) 推荐(0)

13-7-return的高级使用

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> // function a() { // return [1,2,3] // } // // console.log(a()[2]); // function a() { // ret 阅读全文

posted @ 2019-09-07 11:18 zhangyu12138 阅读(74) 评论(0) 推荐(0)

13-4-作用域

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> // let a = 10-vue-router; // if (true) { // var b = 10-vue-router; // } // console.log(b); / 阅读全文

posted @ 2019-09-07 11:17 zhangyu12138 阅读(75) 评论(0) 推荐(0)

13-2-return

摘要： Title 阅读全文

posted @ 2019-09-07 11:16 zhangyu12138 阅读(62) 评论(0) 推荐(0)

13-3-覆盖

摘要： Title 阅读全文

posted @ 2019-09-07 11:16 zhangyu12138 阅读(48) 评论(0) 推荐(0)

13-1-return

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> function sum(a,b) { return a+b } let s = sum(7,8); console.log(s); </script> </body> </html> 阅读全文

posted @ 2019-09-07 11:15 zhangyu12138 阅读(71) 评论(0) 推荐(0)

12-6-上下文this

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> let a = function () { console.log(this); }; console.log(a window); // 无论是let还是var都是指向window的阅读全文

posted @ 2019-09-07 11:14 zhangyu12138 阅读(73) 评论(0) 推荐(0)

12-5-上下文this

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> // if (window.requestAnimationFrame()){} // 在低版本的ie中，这个是不被支持的如果不加window的话不会进入判断而是直接报错这样到程序无法阅读全文

posted @ 2019-09-07 11:13 zhangyu12138 阅读(83) 评论(0) 推荐(0)

12-4-实参的数据类型

摘要： Title 阅读全文

posted @ 2019-09-07 11:12 zhangyu12138 阅读(179) 评论(0) 推荐(0)

12-3-参数

摘要： Title 阅读全文

posted @ 2019-09-07 11:11 zhangyu12138 阅读(109) 评论(0) 推荐(0)

12-2-函数表达式

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> // 使用这种方式定义的函数是不能在后边直接加括号执行的 // 只能通过名字加括号执行 // function a() { // alert() // }(); //通过这种方式定义的阅读全文

posted @ 2019-09-07 11:10 zhangyu12138 阅读(108) 评论(0) 推荐(0)

11-7-this的最基本认识

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="wrap">qqq</div> <script> let oWrap = document.getElementById('wrap'); oWrap.onclick = fu 阅读全文

posted @ 2019-09-07 11:09 zhangyu12138 阅读(65) 评论(0) 推荐(0)

12-1-定义函数的方式

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> // 函数可以加括号自执行 // let a = function () { // alert(1); // }; // a(); // 只有函数才能加括号执行 // let a = 阅读全文

posted @ 2019-09-07 11:09 zhangyu12138 阅读(106) 评论(0) 推荐(0)

11-5-选项卡

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body{font-family: "Microsoft YaHei",serif;} body,dl,dd,p,h1,h2,h3,h4,h5,h6{margin: 0;} ol,ul,li{margin: 0;pa 阅读全文

posted @ 2019-09-07 11:08 zhangyu12138 阅读(83) 评论(0) 推荐(0)

11-6-es5选项卡

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body{font-family: "Microsoft YaHei",serif;} body,dl,dd,p,h1,h2,h3,h4,h5,h6{margin: 0;} ol,ul,li{margin: 0;pa 阅读全文

posted @ 2019-09-07 11:08 zhangyu12138 阅读(150) 评论(0) 推荐(0)

11-2-break

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> //这里的break不会起作用，只会对switch里有效 // for (let i = 0 ; i<10-vue-router ;i++){ // switch (i) { // c 阅读全文

posted @ 2019-09-07 11:07 zhangyu12138 阅读(82) 评论(0) 推荐(0)

11-3-while

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> // for (let i ; i<4 ;i++){ // } // console.log(i);报错 // let i = 0; // for (;i<4;i++){ // } / 阅读全文

posted @ 2019-09-07 11:07 zhangyu12138 阅读(63) 评论(0) 推荐(0)

11-4-while和dowhile

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> // while 和 do while // i = 5; // while (i<5){ // console.log(i); // i++; // } i = 5; do { co 阅读全文

posted @ 2019-09-07 11:07 zhangyu12138 阅读(106) 评论(0) 推荐(0)

11-1-break-continue

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> // continue 跳过这一次剩余的代码，进入下一个循环 // break 跳出循环，后面还没执行的循环体代码不执行，同时for结束 // for (let i=0 ; i<10- 阅读全文

posted @ 2019-09-07 11:06 zhangyu12138 阅读(103) 评论(0) 推荐(0)

10-2-点击生成10个div

摘要： Title 点击生成10个div 阅读全文

posted @ 2019-09-07 11:05 zhangyu12138 阅读(408) 评论(0) 推荐(0)

10-3-右尖括号

摘要： Title 阅读全文

posted @ 2019-09-07 11:05 zhangyu12138 阅读(117) 评论(0) 推荐(0)

09-多张图片切换

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body{font-family: "Microsoft YaHei",serif;} body,dl,dd,p,h1,h2,h3,h4,h5,h6{margin: 0;} ol,ul,li{margin: 0;pa 阅读全文

posted @ 2019-09-07 11:04 zhangyu12138 阅读(104) 评论(0) 推荐(0)

10-1-99乘法表

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> body{font-family: "Microsoft YaHei",serif;} body,dl,dd,p,h1,h2,h3,h4,h5,h6{margin: 0;} ol,ul,li{margin: 0;pa 阅读全文

posted @ 2019-09-07 11:04 zhangyu12138 阅读(166) 评论(0) 推荐(0)

08-8-运用

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="wrap"> <p>qqq</p> <p>www</p> <p>eee</p> </div> <script> let 阅读全文

posted @ 2019-09-07 11:03 zhangyu12138 阅读(78) 评论(0) 推荐(0)

08-6-逻辑运算符代替判断

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> // let a = true; // function b() { // //.. // } // a && b(); //用逻辑运算符效率更高 //小白进阶高端必备 //遇到假就停阅读全文

posted @ 2019-09-07 11:02 zhangyu12138 阅读(101) 评论(0) 推荐(0)

08-7-循环

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> // let a = true; // function b() { // //.. // } // a && b(); //用逻辑运算符效率更高 //小白进阶高端必备 //遇到假就停阅读全文

posted @ 2019-09-07 11:02 zhangyu12138 阅读(85) 评论(0) 推荐(0)

08-4-点击盒子隐藏显示

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> #wrap{ width: 100px; height: 100px; background-color: #61b0ff; } </style> </head> <body> <div id="wrap"></di 阅读全文

posted @ 2019-09-07 11:00 zhangyu12138 阅读(207) 评论(0) 推荐(0)

08-5-switch

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> //switch 做全等判断的时候用的 let a = 'qq'; switch (a) { //这里不是填判断条件了是值 case 'aa': alert(1); break; / 阅读全文

posted @ 2019-09-07 11:00 zhangyu12138 阅读(85) 评论(0) 推荐(0)

08-3-三目运算

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> // 当条件、真语句、假语句都是一条语句的时候，我们可以使用三目来改写if // if (4<5){ // alert(1) // } // else{ // alert(2) // 阅读全文

posted @ 2019-09-07 10:59 zhangyu12138 阅读(119) 评论(0) 推荐(0)

08-1-判断

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> // 哪些数据是假 // 0 undefined null "" NaN false // if ( [] ){ // alert('真，执行'); // } // if ( 2<6 阅读全文

posted @ 2019-09-07 10:58 zhangyu12138 阅读(87) 评论(0) 推荐(0)

08-2-if的其他写法

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> // 当真语句只有一条代码的时候（但是不推荐） // if (4<5){ // alert(1) // }; // if(4<5)alert(1); // if(4<5) // ale 阅读全文

posted @ 2019-09-07 10:58 zhangyu12138 阅读(128) 评论(0) 推荐(0)

07-10-位运算

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> let a = 10; let b = 8; let c = a&b; //00000000 00000000 00000000 00001010; //00000000 000000 阅读全文

posted @ 2019-09-07 10:57 zhangyu12138 阅读(131) 评论(0) 推荐(0)

07-8-运算符的优先级

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> // . [] () // ++ -- ! typeof // * / % // + - // > < >= <= // && // || // 三目 // = // , // let 阅读全文

posted @ 2019-09-07 10:56 zhangyu12138 阅读(105) 评论(0) 推荐(0)

07-9-位运算

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> // . [] () // ++ -- ! typeof // * / % // + - // > < >= <= // && // || // 三目 // = // , // let 阅读全文

posted @ 2019-09-07 10:56 zhangyu12138 阅读(99) 评论(0) 推荐(0)

07-5-比较运算符

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> // > < >= <= // let a = 10-vue-router; // let b = 20; // let a = '10-vue-router'; // let b = 阅读全文

posted @ 2019-09-07 10:55 zhangyu12138 阅读(108) 评论(0) 推荐(0)

07-6-逻辑运算符

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> // && 与只考虑布尔值，真真为真，其他都假 // 真正的应用：遇到假就停然后取这个假值，否则取最后边的值不管真假 // || 或只考虑布尔值，假假为假，其他都真 // 真正的应阅读全文

posted @ 2019-09-07 10:55 zhangyu12138 阅读(119) 评论(0) 推荐(0)

07-7-，运算符

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> let a = (4,5,6); //>>a=6 // 这个操作比较骚，以后用 console.log(a); </script> </body> </html> 阅读全文

posted @ 2019-09-07 10:55 zhangyu12138 阅读(93) 评论(0) 推荐(0)

07-4-关于对象

摘要： Title 阅读全文

posted @ 2019-09-07 10:54 zhangyu12138 阅读(91) 评论(0) 推荐(0)

07-3-比较运算符

摘要： Title 阅读全文

posted @ 2019-09-07 10:53 zhangyu12138 阅读(106) 评论(0) 推荐(0)

07-1-赋值运算符

摘要： Title ppp 阅读全文

posted @ 2019-09-07 10:52 zhangyu12138 阅读(105) 评论(0) 推荐(0)

07-2-赋值运算符

摘要： Title 阅读全文

posted @ 2019-09-07 10:52 zhangyu12138 阅读(105) 评论(0) 推荐(0)

06-6-es6模板字符串

摘要： Title 阅读全文

posted @ 2019-09-07 10:51 zhangyu12138 阅读(91) 评论(0) 推荐(0)

06-5-自减隐式类型

摘要： Title 阅读全文

posted @ 2019-09-07 10:50 zhangyu12138 阅读(92) 评论(0) 推荐(0)

06-3-隐式转换类型

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> /* * - * / %都会转换成数字运算出现不合理的运算之后会出现NaN(not a number) NaN不是数字但是是数字类型 NaN不是报错不会影响运行 */ let a 阅读全文

posted @ 2019-09-07 10:48 zhangyu12138 阅读(111) 评论(0) 推荐(0)

06-4-自增自减

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> // a++和++a都是拿整体来运算的 // ++a是先附给整体再运算 // a++是先运算再附给整体 let a = 10; // let b = a++; // 先进行b=a; 再阅读全文

posted @ 2019-09-07 10:48 zhangyu12138 阅读(118) 评论(0) 推荐(0)

06-2-隐式转换类型

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> // 隐式类型转换 // +两边任意一边有字符串都会进行隐式类型转换再进行拼接 //布尔值和数字运算时，会转换成0 1 let a = '10'; let b =20; console 阅读全文

posted @ 2019-09-07 10:47 zhangyu12138 阅读(88) 评论(0) 推荐(0)

06-1-算数运算符

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> /* * number string boolean undefined null symbol * object */ // 算数运算符 // = - * /% // 需要精确的运算阅读全文

posted @ 2019-09-07 10:46 zhangyu12138 阅读(103) 评论(0) 推荐(0)

导航

公告

2019年9月7日