forked from mio4/learn-java
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
389 changed files
with
1,969 additions
and
323 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,323 @@ | ||
| ## 总览 | ||
|
|
||
| │ README.md | ||
| │ | ||
| ├─day01 | ||
| │ │ .project | ||
| │ │ index.html | ||
| │ │ | ||
| │ ├─css | ||
| │ ├─img | ||
| │ │ 1.jpg | ||
| │ │ 2.jpg | ||
| │ │ 3.jpg | ||
| │ │ ad.jpg | ||
| │ │ big01.jpg | ||
| │ │ footer.jpg | ||
| │ │ header.jpg | ||
| │ │ logo2.png | ||
| │ │ middle01.jpg | ||
| │ │ regist_bg.jpg | ||
| │ │ small08.jpg | ||
| │ │ title2.jpg | ||
| │ │ | ||
| │ ├─js | ||
| │ ├─案例1-网站信息 | ||
| │ │ 案例1-网站信息.html | ||
| │ │ | ||
| │ ├─案例2-图片网站 | ||
| │ │ 图片.html | ||
| │ │ 案例2-图片网页.html | ||
| │ │ | ||
| │ ├─案例3-列表页面 | ||
| │ │ 列表.html | ||
| │ │ 案例3-列表页面.html | ||
| │ │ | ||
| │ ├─案例4-首页信息展示 | ||
| │ │ 案例4-首页.html | ||
| │ │ 表格.html | ||
| │ │ 表格2.html | ||
| │ │ | ||
| │ ├─案例5-表单页面 | ||
| │ │ 案例5-注册页面.html | ||
| │ │ 表单.html | ||
| │ │ | ||
| │ └─案例6-后台页面 | ||
| │ foot.html | ||
| │ head.html | ||
| │ left.html | ||
| │ main.html | ||
| │ peopleManage.html | ||
| │ systemManage.html | ||
| │ 框架.html | ||
| │ | ||
| ├─day02 | ||
| │ │ .project | ||
| │ │ 01css入门.html | ||
| │ │ 02CSS&HTML.html | ||
| │ │ 03选择器.html | ||
| │ │ 04样式优先级.html | ||
| │ │ 04选择器优先级.html | ||
| │ │ 05后代选择器.html | ||
| │ │ 06锚伪类选择器.html | ||
| │ │ 07字体属性.html | ||
| │ │ 08字体属性.html | ||
| │ │ 09浮动.html | ||
| │ │ 10display.html | ||
| │ │ 11框模型.html | ||
| │ │ 12js入门和HTML的整合.html | ||
| │ │ 13js变量.html | ||
| │ │ 13js变量2.html | ||
| │ │ 14函数.html | ||
| │ │ 15事件和函数.html | ||
| │ │ 16获取元素及内容.html | ||
| │ │ div&span.html | ||
| │ │ index.html | ||
| │ │ | ||
| │ ├─css | ||
| │ │ 1.css | ||
| │ │ 2.css | ||
| │ │ | ||
| │ ├─img | ||
| │ │ 1.jpg | ||
| │ │ 2.jpg | ||
| │ │ 3.jpg | ||
| │ │ ad.jpg | ||
| │ │ big01.jpg | ||
| │ │ footer.jpg | ||
| │ │ header.jpg | ||
| │ │ logo2.png | ||
| │ │ middle01.jpg | ||
| │ │ regist_bg.jpg | ||
| │ │ small08.jpg | ||
| │ │ title2.jpg | ||
| │ │ | ||
| │ ├─js | ||
| │ │ 1.js | ||
| │ │ | ||
| │ ├─案例1-div首页 | ||
| │ │ 案例1-div首页.html | ||
| │ │ 案例4-table首页.html | ||
| │ │ | ||
| │ ├─案例2-校验表单 | ||
| │ │ 案例2-表单校验.html | ||
| │ │ | ||
| │ └─案例3-轮播图 | ||
| │ 打字机.html | ||
| │ 案例1-div首页.html | ||
| │ | ||
| ├─day03 | ||
| │ │ .project | ||
| │ │ index.html | ||
| │ │ | ||
| │ ├─css | ||
| │ ├─History对象 | ||
| │ │ a.html | ||
| │ │ b.html | ||
| │ │ history.html | ||
| │ │ | ||
| │ ├─img | ||
| │ │ 1.jpg | ||
| │ │ 2.jpg | ||
| │ │ 3.jpg | ||
| │ │ ad0.jpg | ||
| │ │ ad_.jpg | ||
| │ │ big01.jpg | ||
| │ │ footer.jpg | ||
| │ │ header.jpg | ||
| │ │ logo2.png | ||
| │ │ middle01.jpg | ||
| │ │ regist_bg.jpg | ||
| │ │ small08.jpg | ||
| │ │ title2.jpg | ||
| │ │ | ||
| │ ├─js | ||
| │ ├─Location对象 | ||
| │ │ location.html | ||
| │ │ | ||
| │ ├─Window对象 | ||
| │ │ 消息框.html | ||
| │ │ | ||
| │ ├─案例1-弹出广告 | ||
| │ │ body加载成功.html | ||
| │ │ js修改样式.html | ||
| │ │ window加载成功.html | ||
| │ │ 案例1-div首页.html | ||
| │ │ | ||
| │ ├─案例2-表单校验Plus | ||
| │ │ 案例2-表单校验Plus.html | ||
| │ │ 焦点事件.html | ||
| │ │ 运算符.html | ||
| │ │ | ||
| │ ├─案例3-隔行换色 | ||
| │ │ 案例3-隔行换色.html | ||
| │ │ | ||
| │ ├─案例4-全选和全不选 | ||
| │ │ 案例4-全选和全不选.html | ||
| │ │ | ||
| │ ├─案例5-省市联动 | ||
| │ │ 01字符串.html | ||
| │ │ 数组.html | ||
| │ │ 案例5-省市联动.html | ||
| │ │ | ||
| │ └─案例6-左右选中 | ||
| │ 案例6-左右选中.html | ||
| │ 测试Select.html | ||
| │ | ||
| ├─day04 | ||
| │ │ .project | ||
| │ │ index.html | ||
| │ │ | ||
| │ ├─css | ||
| │ │ style.css | ||
| │ │ | ||
| │ ├─img | ||
| │ │ 1.jpg | ||
| │ │ 2.jpg | ||
| │ │ 3.jpg | ||
| │ │ ad.jpg | ||
| │ │ ad_.jpg | ||
| │ │ big01.jpg | ||
| │ │ footer.jpg | ||
| │ │ header.jpg | ||
| │ │ logo2.png | ||
| │ │ middle01.jpg | ||
| │ │ regist_bg.jpg | ||
| │ │ small08.jpg | ||
| │ │ title2.jpg | ||
| │ │ | ||
| │ ├─js | ||
| │ │ assist.js | ||
| │ │ jquery-1.11.0.min.js | ||
| │ │ | ||
| │ ├─案例1-入门 | ||
| │ │ 01-获得jQuery对象.html | ||
| │ │ 01获得jQuery对象2.html | ||
| │ │ 02-DOM和jQuery对象的转换.html | ||
| │ │ 02DOM对象和jQuery对象转换.html | ||
| │ │ 03-页面加载.html | ||
| │ │ 03页面加载.html | ||
| │ │ 04-事件绑定.html | ||
| │ │ 04事件绑定.html | ||
| │ │ 05-常见事件.html | ||
| │ │ | ||
| │ ├─案例1-弹出广告 | ||
| │ │ ad_.jpg | ||
| │ │ 案例1-弹出广告.html | ||
| │ │ | ||
| │ ├─案例2-弹出广告 | ||
| │ │ 00.效果.html | ||
| │ │ 01-基本选择器.html | ||
| │ │ 01基础选择器2.html | ||
| │ │ 02 层次选择器2.html | ||
| │ │ 02-层次选择器.html | ||
| │ │ 03-基本过滤选择器.html | ||
| │ │ 03基本过滤选择器2.html | ||
| │ │ 04-内容过滤选择器.html | ||
| │ │ 05-可见性过滤选择器.html | ||
| │ │ 06-属性选择器.html | ||
| │ │ 06属性选择器2.html | ||
| │ │ 07-表单选择器.html | ||
| │ │ 效果2.html | ||
| │ │ 案例2-弹出广告.html | ||
| │ │ 案例2-弹出广告2.html | ||
| │ │ 测试.html | ||
| │ │ | ||
| │ ├─案例2-表单校验 | ||
| │ │ 01.常见事件.html | ||
| │ │ 02.阻止浏览器默认行为.html | ||
| │ │ 03.阻止浏览器的传播行为.html | ||
| │ │ 案例2-表单校验.html | ||
| │ │ | ||
| │ ├─案例3-隔行换色 | ||
| │ │ css-属性.html | ||
| │ │ css属性2.html | ||
| │ │ 案例3-隔行换色.html | ||
| │ │ 案例3-隔行换色2.html | ||
| │ │ 测试.html | ||
| │ │ 测试2.html | ||
| │ │ | ||
| │ ├─案例4-全选全不选 | ||
| │ │ 案例4-全选和全不选.html | ||
| │ │ 案例4-全选和全不选2.html | ||
| │ │ | ||
| │ ├─案例5-省市联动 | ||
| │ │ 01-内部插入节点.html | ||
| │ │ 02-外部插入节点.html | ||
| │ │ 03-删除节点.html | ||
| │ │ each.html | ||
| │ │ each2.html | ||
| │ │ val-html-text操作.html | ||
| │ │ 案例4-省市联动2.html | ||
| │ │ 案例5-省市联动.html | ||
| │ │ 测试1.html | ||
| │ │ | ||
| │ └─案例6-左右选中 | ||
| │ 00-表单对象属性过滤选择器.html | ||
| │ 案例6-左右选中.html | ||
| │ | ||
| └─day05 | ||
| │ .project | ||
| │ 0.html | ||
| │ 000基本模板.html | ||
| │ 1栅格系统.html | ||
| │ 2全局样式.html | ||
| │ 3组件.html | ||
| │ 4轮播图.html | ||
| │ Button样式.html | ||
| │ index.html | ||
| │ 图片样式.html | ||
| │ 测试.html | ||
| │ | ||
| ├─css | ||
| │ bootstrap-theme.css | ||
| │ bootstrap-theme.css.map | ||
| │ bootstrap-theme.min.css | ||
| │ bootstrap.css | ||
| │ bootstrap.css.map | ||
| │ bootstrap.min.css | ||
| │ main.css | ||
| │ style.css | ||
| │ | ||
| ├─fonts | ||
| │ glyphicons-halflings-regular.eot | ||
| │ glyphicons-halflings-regular.svg | ||
| │ glyphicons-halflings-regular.ttf | ||
| │ glyphicons-halflings-regular.woff | ||
| │ glyphicons-halflings-regular.woff2 | ||
| │ | ||
| ├─img | ||
| │ 1.jpg | ||
| │ 2.jpg | ||
| │ 3.jpg | ||
| │ ad.jpg | ||
| │ ad_.jpg | ||
| │ big01.jpg | ||
| │ footer.jpg | ||
| │ header.jpg | ||
| │ logo2.png | ||
| │ middle01.jpg | ||
| │ regist_bg.jpg | ||
| │ small08.jpg | ||
| │ title2.jpg | ||
| │ | ||
| ├─js | ||
| │ bootstrap.js | ||
| │ bootstrap.min.js | ||
| │ jquery-1.11.0.js | ||
| │ jquery.validate.js | ||
| │ messages_zh.js | ||
| │ npm.js | ||
| │ | ||
| ├─案例-用户注册校验 | ||
| │ validate使用.html | ||
| │ 案例1-表单校验.html | ||
| │ 案例1-表单校验2.html | ||
| │ 案例2-相应式页面.html | ||
| │ | ||
| ├─案例2-响应式页面 | ||
| │ 案例2-相应式页面.html | ||
| │ | ||
| └─案例3-首页 | ||
| 案例3-响应式首页.html | ||
|
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,24 @@ | ||
| <html> | ||
| <head> | ||
| <title>JSON</title> | ||
| </head> | ||
| <body> | ||
| <h2>JavaScript创建JSON对象</h2> | ||
| </body> | ||
| <p> | ||
| 网站名称：<span id="jname"></span><br/> | ||
| 网站地址：<span id="jurl"></span><br/> | ||
| 其他： <span id="others"></span><br/> | ||
| </p> | ||
| </html> | ||
|
|
||
| <script type="text/javascript"> | ||
| var JSONObject = { | ||
| "name":"mio4", | ||
| "url":"www.mio4.com", | ||
| "others":"nothing here" | ||
| } | ||
| document.getElementById("jname").innerHTML = JSONObject.name; | ||
| document.getElementById("jurl").innerHTML = JSONObject.url; | ||
| document.getElementById("others").innerHTML = JSONObject.others; | ||
| </script> |
Oops, something went wrong.