Web前端文章列表

野性酷女 2021-07-24 19:17 422阅读 0赞

![format_png][]

image.png

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

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

![format_png 1][]

image.png

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

![format_png 2][]

image.png

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

![format_png 3][]

image.png

![format_png 4][]

image.png

![format_png 5][]

image.png

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

![format_png 6][]

image.png

![format_png 7][]

image.png

![format_png 8][]

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

![format_png 9][]

image.png

![format_png 10][]

image.png

![format_png 11][]

image.png

![format_png 12][]

image.png

![format_png 13][]

image.png

--------------------

## 请点赞！因为你们的赞同/鼓励是我写作的最大动力！ ##

### 欢迎关注达叔小生的简书！ ###

这是一个有质量，有态度的博客

**这是一个有质量，有态度的公众号**

![format_png 14][]

点关注，有好运

文章不错，点个赞吧!  ![format_png 15][]

[format_png]: /images/20210724/87cc067571d3406ca27b6bb065cb41b1.png
[format_png 1]: /images/20210724/efed59212ff442e28f8401c09a557648.png
[format_png 2]: /images/20210724/8d36ff60b41d42ff94d8079fb60d3353.png
[format_png 3]: /images/20210724/4c7f2efb658140b0a68953bad03a146c.png
[format_png 4]: /images/20210724/33c7a94edc114fc185278565d3e6f36b.png
[format_png 5]: /images/20210724/ccbe9c7dc2684c46baf8c4e4eae84fc0.png
[format_png 6]: /images/20210724/2bc41374eac6450eb7bf90de78766c12.png
[format_png 7]: /images/20210724/f146a0fc0cdb4c69935a701577479ec5.png
[format_png 8]: /images/20210724/baf4f05ce9924b9e9364e86a13bd86a1.png
[format_png 9]: /images/20210724/c3103b4f27e14e9fb230325feeb96041.png
[format_png 10]: /images/20210724/3c600e8f25174221b5f9ea8de149b00a.png
[format_png 11]: /images/20210724/17679d198fed4e1da7db6b83f8f0e51f.png
[format_png 12]: /images/20210724/ce521f2febf54ed2881a31797c6712a3.png
[format_png 13]: /images/20210724/e1b654e3ae354d7a8ed35bda7aab097e.png
[format_png 14]: /images/20210724/8375fb3fcc7f42bd881528e875b6234e.png
[format_png 15]: /images/20210724/bb334b099a564305967d75d5f47f15e1.png