Skip to content

Commit 5629c99

Browse files
licaigitlicaigit
committed
docs: 支持在浏览器控制台方便测试
1 parent db8bc5e commit 5629c99

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

59 files changed

+1244
-183
lines changed

‎README.md

Lines changed: 8 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -43,7 +43,7 @@ console.log('removeArrRepeat',removeArrRepeat([1,2,3,3,4,9,8,8]))
4343

4444
2、jsdoc注释修改支持热更新(hot update) /实时更新(live update)文档
4545

46-
3、支持实时测试/查看各个函数的运行效果
46+
3、支持实时测试/查看各个函数的运行效果(在node及谷歌浏览器控制台chrome devTools均可以)
4747

4848
4、支持在该项目直接发布npm包(使用rollup打包)，且该npm里的代码会自动将ES6+语法转换为ES5语法
4949

@@ -68,15 +68,20 @@ console.log('removeArrRepeat',removeArrRepeat([1,2,3,3,4,9,8,8]))
6868

6969
3、使用`npm run build:npmdev` 打包项目未压缩的npm文件（会在项目根目录生成npm目录）
7070

71-
4、使用`npm run test:use` 通过`nodemon`调用未压缩的npm文件 `npm/cjs/index.js` ，可以编辑`npm/cjs/index.js`文件 实时测试/调试各个函数的运行效果
71+
4、打开文档页面控制台Chrome devTools，输入`allModule.你想测试的方法（如allModule.browserInfo()）` 可以选择你想要调试/测试的方法
72+
73+
![image.png](https://upload-images.jianshu.io/upload_images/2166980-a79386568893b005.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
74+
75+
76+
5、使用`npm run test:use` 通过`nodemon`调用未压缩的npm文件 `npm/cjs/index.js` ，可以编辑`npm/cjs/index.js`文件 实时测试/调试各个函数的运行效果
7277

7378

7479

7580

7681

7782

7883
# 五、待完成
79-
1、支持方便地在浏览器控制台实时测试/调试各个函数的运行效果
84+
~~1、支持方便地在浏览器控制台实时测试/调试各个函数的运行效果~~
8085

8186
~~2、发布npm包~~
8287

‎docs/arrayEqual.js.html

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -76,7 +76,7 @@ <h1 class="page-title">arrayEqual.js</h1>
7676

7777

7878

79-
79+
8080

8181
</div>
8282

@@ -92,5 +92,11 @@ <h1 class="page-title">arrayEqual.js</h1>
9292
<script src="scripts/collapse.js" defer></script>
9393

9494

95+
<script type="module">
96+
// 一、导入全部
97+
import * as allModule from '../src/index.js'
98+
window.allModule=allModule
99+
console.log('如果想在控制台测试方法，可以在allModule上找你想测试的方法',allModule)
100+
</script>
95101
</body>
96102
</html>

‎docs/browserInfo.js.html

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -157,7 +157,7 @@ <h1 class="page-title">browserInfo.js</h1>
157157

158158

159159

160-
160+
161161

162162
</div>
163163

@@ -173,5 +173,11 @@ <h1 class="page-title">browserInfo.js</h1>
173173
<script src="scripts/collapse.js" defer></script>
174174

175175

176+
<script type="module">
177+
// 一、导入全部
178+
import * as allModule from '../src/index.js'
179+
window.allModule=allModule
180+
console.log('如果想在控制台测试方法，可以在allModule上找你想测试的方法',allModule)
181+
</script>
176182
</body>
177183
</html>

‎docs/byteLength.js.html

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -80,7 +80,7 @@ <h1 class="page-title">byteLength.js</h1>
8080

8181

8282

83-
83+
8484

8585
</div>
8686

@@ -96,5 +96,11 @@ <h1 class="page-title">byteLength.js</h1>
9696
<script src="scripts/collapse.js" defer></script>
9797

9898

99+
<script type="module">
100+
// 一、导入全部
101+
import * as allModule from '../src/index.js'
102+
window.allModule=allModule
103+
console.log('如果想在控制台测试方法，可以在allModule上找你想测试的方法',allModule)
104+
</script>
99105
</body>
100106
</html>

‎docs/debounce.js.html

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -86,7 +86,7 @@ <h1 class="page-title">debounce.js</h1>
8686

8787

8888

89-
89+
9090

9191
</div>
9292

@@ -102,5 +102,11 @@ <h1 class="page-title">debounce.js</h1>
102102
<script src="scripts/collapse.js" defer></script>
103103

104104

105+
<script type="module">
106+
// 一、导入全部
107+
import * as allModule from '../src/index.js'
108+
window.allModule=allModule
109+
console.log('如果想在控制台测试方法，可以在allModule上找你想测试的方法',allModule)
110+
</script>
105111
</body>
106112
</html>

‎docs/deepClone.js.html

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -124,7 +124,7 @@ <h1 class="page-title">deepClone.js</h1>
124124

125125

126126

127-
127+
128128

129129
</div>
130130

@@ -140,5 +140,11 @@ <h1 class="page-title">deepClone.js</h1>
140140
<script src="scripts/collapse.js" defer></script>
141141

142142

143+
<script type="module">
144+
// 一、导入全部
145+
import * as allModule from '../src/index.js'
146+
window.allModule=allModule
147+
console.log('如果想在控制台测试方法，可以在allModule上找你想测试的方法',allModule)
148+
</script>
143149
</body>
144150
</html>

‎docs/digitUppercase.js.html

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -98,7 +98,7 @@ <h1 class="page-title">digitUppercase.js</h1>
9898

9999

100100

101-
101+
102102

103103
</div>
104104

@@ -114,5 +114,11 @@ <h1 class="page-title">digitUppercase.js</h1>
114114
<script src="scripts/collapse.js" defer></script>
115115

116116

117+
<script type="module">
118+
// 一、导入全部
119+
import * as allModule from '../src/index.js'
120+
window.allModule=allModule
121+
console.log('如果想在控制台测试方法，可以在allModule上找你想测试的方法',allModule)
122+
</script>
117123
</body>
118124
</html>

‎docs/floatObj.js.html

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -148,7 +148,7 @@ <h1 class="page-title">floatObj.js</h1>
148148

149149

150150

151-
151+
152152

153153
</div>
154154

@@ -164,5 +164,11 @@ <h1 class="page-title">floatObj.js</h1>
164164
<script src="scripts/collapse.js" defer></script>
165165

166166

167+
<script type="module">
168+
// 一、导入全部
169+
import * as allModule from '../src/index.js'
170+
window.allModule=allModule
171+
console.log('如果想在控制台测试方法，可以在allModule上找你想测试的方法',allModule)
172+
</script>
167173
</body>
168174
</html>

‎docs/formatCurrency.js.html

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -82,7 +82,7 @@ <h1 class="page-title">formatCurrency.js</h1>
8282

8383

8484

85-
85+
8686

8787
</div>
8888

@@ -98,5 +98,11 @@ <h1 class="page-title">formatCurrency.js</h1>
9898
<script src="scripts/collapse.js" defer></script>
9999

100100

101+
<script type="module">
102+
// 一、导入全部
103+
import * as allModule from '../src/index.js'
104+
window.allModule=allModule
105+
console.log('如果想在控制台测试方法，可以在allModule上找你想测试的方法',allModule)
106+
</script>
101107
</body>
102108
</html>

‎docs/formatNumberZero.js.html

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -71,7 +71,7 @@ <h1 class="page-title">formatNumberZero.js</h1>
7171

7272

7373

74-
74+
7575

7676
</div>
7777

@@ -87,5 +87,11 @@ <h1 class="page-title">formatNumberZero.js</h1>
8787
<script src="scripts/collapse.js" defer></script>
8888

8989

90+
<script type="module">
91+
// 一、导入全部
92+
import * as allModule from '../src/index.js'
93+
window.allModule=allModule
94+
console.log('如果想在控制台测试方法，可以在allModule上找你想测试的方法',allModule)
95+
</script>
9096
</body>
9197
</html>

‎docs/formatTime.js.html

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -159,7 +159,7 @@ <h1 class="page-title">formatTime.js</h1>
159159

160160

161161

162-
162+
163163

164164
</div>
165165

@@ -175,5 +175,11 @@ <h1 class="page-title">formatTime.js</h1>
175175
<script src="scripts/collapse.js" defer></script>
176176

177177

178+
<script type="module">
179+
// 一、导入全部
180+
import * as allModule from '../src/index.js'
181+
window.allModule=allModule
182+
console.log('如果想在控制台测试方法，可以在allModule上找你想测试的方法',allModule)
183+
</script>
178184
</body>
179185
</html>

‎docs/getDaysInOneMonth.js.html

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -72,7 +72,7 @@ <h1 class="page-title">getDaysInOneMonth.js</h1>
7272

7373

7474

75-
75+
7676

7777
</div>
7878

@@ -88,5 +88,11 @@ <h1 class="page-title">getDaysInOneMonth.js</h1>
8888
<script src="scripts/collapse.js" defer></script>
8989

9090

91+
<script type="module">
92+
// 一、导入全部
93+
import * as allModule from '../src/index.js'
94+
window.allModule=allModule
95+
console.log('如果想在控制台测试方法，可以在allModule上找你想测试的方法',allModule)
96+
</script>
9197
</body>
9298
</html>

‎docs/getNowDate.js.html

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -79,7 +79,7 @@ <h1 class="page-title">getNowDate.js</h1>
7979

8080

8181

82-
82+
8383

8484
</div>
8585

@@ -95,5 +95,11 @@ <h1 class="page-title">getNowDate.js</h1>
9595
<script src="scripts/collapse.js" defer></script>
9696

9797

98+
<script type="module">
99+
// 一、导入全部
100+
import * as allModule from '../src/index.js'
101+
window.allModule=allModule
102+
console.log('如果想在控制台测试方法，可以在allModule上找你想测试的方法',allModule)
103+
</script>
98104
</body>
99105
</html>

‎docs/getObjVal.js.html

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -85,7 +85,7 @@ <h1 class="page-title">getObjVal.js</h1>
8585

8686

8787

88-
88+
8989

9090
</div>
9191

@@ -101,5 +101,11 @@ <h1 class="page-title">getObjVal.js</h1>
101101
<script src="scripts/collapse.js" defer></script>
102102

103103

104+
<script type="module">
105+
// 一、导入全部
106+
import * as allModule from '../src/index.js'
107+
window.allModule=allModule
108+
console.log('如果想在控制台测试方法，可以在allModule上找你想测试的方法',allModule)
109+
</script>
104110
</body>
105111
</html>

‎docs/getSearchParam.js.html

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -85,7 +85,7 @@ <h1 class="page-title">getSearchParam.js</h1>
8585

8686

8787

88-
88+
8989

9090
</div>
9191

@@ -101,5 +101,11 @@ <h1 class="page-title">getSearchParam.js</h1>
101101
<script src="scripts/collapse.js" defer></script>
102102

103103

104+
<script type="module">
105+
// 一、导入全部
106+
import * as allModule from '../src/index.js'
107+
window.allModule=allModule
108+
console.log('如果想在控制台测试方法，可以在allModule上找你想测试的方法',allModule)
109+
</script>
104110
</body>
105111
</html>

0 commit comments

Comments
 (0)