From 7298b00cf0dbc23173d55bde1ea9dc5cbead9be6 Mon Sep 17 00:00:00 2001 From: "3056762376@qq.com" <3056762376@qq.com> Date: Fri, 11 Nov 2022 13:42:43 +0800 Subject: [PATCH] changes --- .../复习/复习插槽.html | 65 +++++++++++++++++++ .../复习父子访问.html | 55 ++++++++++++++++ .../模块化开发（ES5）index.html | 8 +-- .../模块化开发（ES5）model_first.js | 42 ++++++++++++ .../模块化开发（ES5）model_second.js | 12 ++++ .../模块化开发（ES5）selectA.js | 2 + 6 files changed, 180 insertions(+), 4 deletions(-) create mode 100644 10-组件化开发/09-组件插槽使用/复习/复习插槽.html create mode 100644 10-组件化开发/09-组件插槽使用/复习父子访问.html rename 10-组件化开发/09-组件插槽使用/index.html => 11-前端模块化开发/01-前端模块化的重要性/模块化开发（ES5）index.html (54%) create mode 100644 11-前端模块化开发/01-前端模块化的重要性/模块化开发（ES5）model_first.js create mode 100644 11-前端模块化开发/01-前端模块化的重要性/模块化开发（ES5）model_second.js create mode 100644 11-前端模块化开发/01-前端模块化的重要性/模块化开发（ES5）selectA.js diff --git a/10-组件化开发/09-组件插槽使用/复习/复习插槽.html b/10-组件化开发/09-组件插槽使用/复习/复习插槽.html new file mode 100644 index 0000000..165e226 --- /dev/null +++ b/10-组件化开发/09-组件插槽使用/复习/复习插槽.html @@ -0,0 +1,65 @@ + + + + + + + Document + + +
+ +
+
+ + + +
+
+ + +
+
+

{{datas.join("-")}}

+
+
+ +
+ + + + + \ No newline at end of file diff --git a/10-组件化开发/09-组件插槽使用/复习父子访问.html b/10-组件化开发/09-组件插槽使用/复习父子访问.html new file mode 100644 index 0000000..edf3741 --- /dev/null +++ b/10-组件化开发/09-组件插槽使用/复习父子访问.html @@ -0,0 +1,55 @@ + + + + + + + Document + + +
+
+

这是父组件

+ + +
+
+
+ +
+ + + + + \ No newline at end of file diff --git a/10-组件化开发/09-组件插槽使用/index.html b/11-前端模块化开发/01-前端模块化的重要性/模块化开发（ES5）index.html similarity index 54% rename from 10-组件化开发/09-组件插槽使用/index.html rename to 11-前端模块化开发/01-前端模块化的重要性/模块化开发（ES5）index.html index e927973..6a0a80e 100644 --- a/10-组件化开发/09-组件插槽使用/index.html +++ b/11-前端模块化开发/01-前端模块化的重要性/模块化开发（ES5）index.html @@ -7,9 +7,9 @@ Document -
- -
+ - + + + \ No newline at end of file diff --git a/11-前端模块化开发/01-前端模块化的重要性/模块化开发（ES5）model_first.js b/11-前端模块化开发/01-前端模块化的重要性/模块化开发（ES5）model_first.js new file mode 100644 index 0000000..afc9c32 --- /dev/null +++ b/11-前端模块化开发/01-前端模块化的重要性/模块化开发（ES5）model_first.js @@ -0,0 +1,42 @@ +var content =( + function(){ + // 创建模块化 + var arr=[]; + var name="潇潇"; + var age=20; + var tip=true + function doing(name,age) { + console.log("这是你的名字"+name+"\n"+"这是你的年龄"+age+"\n"+name+"在吃饭"); + } + if(tip){ + doing(name, age) + } + arr.name=name + arr.doing=doing + return arr + } +)() +// 创建闭包：确保有作用域以免变量被修改 +// ()( +// function(){ + +// } +// ) +// var content = ( //创建模块化 +// function () { +// var arr = []; +// var name = "潇潇"; +// var age = 20; +// var tip = true +// function doing(name, age) { +// console.log("这是你的名字" + name + "\n" + "这是你的年龄" + age + "\n" + name + "在吃饭"); +// } +// if (tip) { +// doing(name, age) +// } +// arr.name = name +// arr.doing = doing +// return arr //返回内容保存到模块化名 +// } +// )() +// 别处文件调用使用 模块名.属性进行调用 \ No newline at end of file diff --git a/11-前端模块化开发/01-前端模块化的重要性/模块化开发（ES5）model_second.js b/11-前端模块化开发/01-前端模块化的重要性/模块化开发（ES5）model_second.js new file mode 100644 index 0000000..fa4aac4 --- /dev/null +++ b/11-前端模块化开发/01-前端模块化的重要性/模块化开发（ES5）model_second.js @@ -0,0 +1,12 @@ +( + function(){ + var name = "这是我的名字"; + var tip = false + function doing(name) { + console.log(name+":笑笑"); + } + if (tip==false) { + doing(name) + } + } +)() \ No newline at end of file diff --git a/11-前端模块化开发/01-前端模块化的重要性/模块化开发（ES5）selectA.js b/11-前端模块化开发/01-前端模块化的重要性/模块化开发（ES5）selectA.js new file mode 100644 index 0000000..280814b --- /dev/null +++ b/11-前端模块化开发/01-前端模块化的重要性/模块化开发（ES5）selectA.js @@ -0,0 +1,2 @@ +content.name="佚名" +content.doing(content.name,12); \ No newline at end of file