Web前端文章列表

达达前端

发布于 2019-07-28 14:50:32

7650

发布于 2019-07-28 14:50:32

文章被收录于专栏：达达前端

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 页面路径列表 window 全局的默认窗口表现 tabBar 底部 tab 栏的表现 networkTimeout 网络超时时间

debug 是否开启 debug 模式，默认关闭 functionalPages 是否启用插件功能页，默认关闭 subpackages 分包结构配置 workers Worker 代码放置的目录 requiredBackgroundModes 需要在后台使用的能力

plugins 使用到的插件 preloadRule 分包预下载规则 resizable iPad 小程序是否支持屏幕旋转，默认关闭 navigateToMiniProgramAppIdList 需要跳转的小程序列表 usingComponents 全局自定义组件配置 permission 小程序接口权限相关设置 sitemapLocation 指明sitemap.json的位置