image.PNG
如何设计与构建静态网站
JavaScript 基础核心语法
DOM 编程艺术
锋利的 jQuery
Ajax 异步交互技术
HTTP 网络协议
html 的无序列表
去掉项目符号
符号所占空间
<a > 超链接
列表项目
设置文本内容居中
上边框虚线效果
image.PNG
- <ol>
- 标签标示有序列表
- <li>
- 标签标示无序列表
image.PNG
前端入门
组件化网页开发
webApp 开发与小程序
vue 与 React 高级框架开发
image.PNG
image.PNG
image.PNG
CSS 盒子模型
盒子模型是用于设计 HTML 页面和实现 HTML 页面布局.
image.PNG
image.PNG
image.PNG
- <!DOCTYPE HTML>
- <HTML lang="en">
- <head>
- <meta charset="UTF-8">
- <title>
- Title
- </title>
- <style>
- div { float: left; width: 200px; height: 200px; background: yellow; margin:
- 10px; } .box1 { /* 此处填写代码 */ border: 1rpx solid gray; } .box2 { /* 此处填写代码
- */ border: 1rpx dashed gray; } .box3 { /* 此处填写代码 */ border: 1rpx dotted
- gray; } .box4 { /* 此处填写代码 */ border: 1rpx double gray; }
- </style>
- </head>
- <body>
- <div class="box1">
- </div>
- <div class="box2">
- </div>
- <div class="box3">
- </div>
- <div class="box4">
- </div>
- </body>
- </HTML>
- <!DOCTYPE HTML>
- <HTML lang="en">
- <head>
- <meta charset="UTF-8">
- <title>
- Title
- </title>
- <style>
- .box { width: 500px; height: 500px; border: 4px dashed red; } .son { width:
- 200px; height: 200px; background: yellow; /* 此处填写代码 */ margin-top: 100px;
- margin-left: 100px; }
- </style>
- </head>
- <body>
- <div class="box">
- <div class="son">
- </div>
- </div>
- </body>
- </HTML>
pages 页面路径列表
Windows 全局的默认窗口表现
tabBar 底部 tab 栏的表现
networkTimeout 网络超时时间
debug 是否开启 debug 模式, 默认关闭
functionalPages 是否启用插件功能页, 默认关闭
subpackages 分包结构配置
workers Worker 代码放置的目录
requiredBackgroundModes 需要在后台使用的能力
plugins 使用到的插件
preloadRule 分包预下载规则
resizable iPad 小程序是否支持屏幕旋转, 默认关闭
navigateToMiniProgramAppIdList 需要跳转的小程序列表
usingComponents 全局自定义组件配置
permission 小程序接口权限相关设置
sitemapLocation 指明 sitemap.JSON 的位置
image.PNG
image.PNG
image.PNG
image.PNG
image.PNG
请点赞! 因为你们的赞同 / 鼓励是我写作的最大动力!
来源: http://www.jianshu.com/p/571cce7125c2