Web前端文章列表

image.png

如何设计与构建静态网站
JavaScript基础核心语法
DOM编程艺术
锋利的jQuery
ajax异步交互技术
HTTP网络协议

HTML的无序列表
去掉项目符号
符号所占空间
<a>超链接
列表项目
设置文本内容居中
上边框虚线效果

image.png

<ol>标签标示有序列表
<li>标签标示无序列表

image.png

前端入门
组件化网页开发
webApp开发与小程序
Vue与React高级框架开发

image.png

css盒子模型
盒子模型是用于设计HTML页面和实现HTML页面布局。

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的位置