- 综合排序
- 最热优先
- 最新优先
- 来自专栏杰的记事本
flex常见页面结构Layout示例
常见页面结构大概有：左右分栏、上下分栏。 犹如上下分栏式，我们可以这样： ? 接下来几个图例围绕这两个属性进行页面整体结构布局。 上下结构，中间左右分栏式web结构： ? flex布局 基本是就是这样子的啦，至于结构内板块内容细节布局，有些我们也是可以运用此方法，好比左右图文列表 ?
90231发布于 2019-09-04 - 来自专栏达达前端
3-页面结构与模块划分
网页结构 一个HTML文件是有自己固定的结构的。 <!
43320发布于 2020-05-18 - 来自专栏前端进阶学习交流
HTML页面基本结构和加载过程
HTML 的职责在于告知浏览器如何组织页面，以及搭建页面的基本结构； CSS 用来装饰 HTML，让我们的页面更好看； JavaScript 则可以丰富页面功能，使静态页面动起来。 前面我们提到页面 HTML 结构不合理可能会导致页面响应慢，这个过程很多时候体现在<script>和<style>元素的设计上，它们会影响页面加载过程中对 Javascript 和 CSS 代码的处理。 如果说浏览器用 HTML 来描述网页的结构并渲染，那么使用 DOM 则可以获取网页的结构并进行操作。 一般来说，我们使用 JavaScript 来操作 DOM 接口，从而实现页面的动态变化，以及用户的交互操作。 在开发过程中，常常用对象的方式来描述某一类事物，用特定的结构集合来描述某些事物的集合。 但不管怎么进行整理，页面最终依然是基于 DOM 的树状结构，因此组件也是呈树状结构，组件间的关系也同样可以使用parent/child/sibling这样的方式来描述。
2K40发布于 2021-11-12 - 来自专栏编程微刊
UniApp 的页面结构是怎样的？
UniApp 的页面结构详解 UniApp 是一种使用 Vue.js 开发跨平台应用的框架，其页面结构遵循 Vue 组件的设计理念。 以下是 UniApp 页面结构的详细介绍，包括文件结构、组件组成、样式、数据绑定以及生命周期等内容。 1. 页面文件结构 在 UniApp 中，每个页面通常由一个 .vue 文件来定义。 // 其他页面 每个 .vue 文件由三部分组成： ：用于定义页面的结构和内容。 部分 <template> 是 Vue 组件的核心部分，负责定义页面的视觉结构。它可以包含 HTML 标签、Vue 组件以及指令等。 小结 UniApp 的页面结构基于 Vue.js 的组件化设计理念，强调代码的可重用性和可维护性。
37010编辑于 2025-05-25 - 来自专栏代码小技巧分享分析
HTML页面的基本代码结构是什么？
2、html文档的基本结构 如上图，每一个html文档的基本结构为： 第一层： <!DOCTTYPE>------！ 以上就是HTML页面的基本代码结构是什么？的详细内容
1.6K30发布于 2021-09-19 - 来自专栏MelonTeam专栏
页面结构化在Android上的尝试
导语 ：MVP开发模式可以帮助项目结构解耦，但其庞大的方法数增加，较为笨重设计对于手Q项目并不很适合。参考之前Web开发经验，提出以页面结构化的解耦方式组织代码。 页面被划分问一个个区域的模块，有自身的逻辑和规划。有人说，这不就是一个个组件嘛。然后“页面结构化”并不是指组件。 根据页面结构，划分出一个个独立维护模块，这就是页面结构化。 ## 页面结构化（Lego）与组件化的区别 1. 组件处于通用性，是不带业务逻辑的。而页面结构化是带业务逻辑。 2. 页面结构化目的是为了代码维护性，项目管理，优化。组件复用可以有，但不是必要 3. 组件与Lego不冲突。 Lego页面结构化的应用其实还在尝试阶段。以上算我的一些个人思考和总结。
1.8K60发布于 2018-01-04 - 来自专栏数据库架构之美
PostgreSQL的元组、页面结构及索引查找原理
本文简单介绍一下postgresql数据库的元组、页面的结构以及索引查找流程。 元组结构 元组，也叫tuple，这个叫法是很学术的叫法，但是现在数据库中一般叫行或者记录。 了解了元组结构，再简单了解下元组更新和删除过程。 更新过程 ? 页面结构 下面再来看看页面的结构 ? 从上图可以看到，页面包括三种类型的数据 1.header data：数据头是page生成的时候随之产生的，由pageHeaderData定义结构，24个字节长，包含了page的相关信息，下面是数据结构： 3.heap tuple：存放真实的元组数据，注意元组是从页面的尾部向前堆积的，元组和行指针之间的是数据页的空闲空间。 索引查找 看了页面和元组结构，再看看索引的结构。 ?
3K21发布于 2019-12-18 - 来自专栏腾讯Bugly的专栏
页面结构化在 Android 上的尝试
导语：MVP开发模式可以帮助项目结构解耦，但其庞大的方法数增加，较为笨重设计对于手Q项目并不很适合。参考之前Web开发经验，提出以页面结构化的解耦方式组织代码。 三，Lego页面结构化 前面铺垫这么多，终于到我要吹水的时候了。MVC，MVP，还有MVVM等MVX系列的设计模式，都是一种大而全的统一管理。在项目结构中最为关键其实是：分模块！ ? 页面被划分问一个个区域的模块，有自身的逻辑和规划。有人说，这不就是一个个组件嘛。然后“页面结构化”并不是指组件。 根据页面结构，划分出一个个独立维护模块，这就是页面结构化。 页面结构化（Lego）与组件化的区别 组件处于通用性，是不带业务逻辑的。而页面结构化是带业务逻辑。 页面结构化目的是为了代码维护性，项目管理，优化。组件复用可以有，但不是必要 组件与Lego不冲突。
1.6K50发布于 2018-03-23 - 来自专栏Coco的专栏
快速构建页面结构的 3D Visualization
即可以看到页面的一个 3D 层级关系，像是这样： 这个功能有几个不错的作用： 页面层级概览 快速厘清页面 z-index 层级之间的关系 用于排查一些重绘过程（滚动过程）页面卡顿 当然，也会存在一些问题 使用 CSS 构建 3D 可视化 DOM 结构视图 假设，我们首先随时实现一段 DOM 结构，其简单的代码如下：
<div class="g-header ： 而我们希望，快速看这个<em>页面</em>的 3D 深度图，像是这样： 又或者，可以使用类似于这样一种 Hover 的交互效果，实现 Hover 某一个 Div，展示出它当前的一个 3D 深度<em>结构</em>图，看看效果： 总的来说，我们的核心需求就是，无论<em>页面</em>的 DOM <em>结构</em>如何，深度如何，我们希望能够通过一种简单的处理（纯 CSS 实现），能够快速查看<em>页面</em>的 3D 深度<em>结构</em>视图。 这里我尝试的是，当前正在写作的 Github Issues <em>页面</em>，看看效果： 当然，可能颜色没有搭配的特别好，但是要知道，整儿<em>页面</em>的 DOM <em>结构</em>是相当之复杂的。61020编辑于 2022-11-22来自专栏vue学习19、分类详情页之基本页面结构
1、新建分类页面 （1）进入view文件夹下面新建一个classify.vue组件 ? classify.vue （2）路由文件中添加路由 ? classify.png 2、路由跳转 （1）修改一下mock数据结构，为每一个分类模块添加一个id ? image.png （2）home.vue中添加跳转事件，并携带每个类目的id ? : { id: id } }); } 具体关于路由的跳转就不多讲了，具体可以参考前面第5章vue-router之什么是编程式路由 3、顶部栏 （1）基本结构 顶部栏基本结构 这里主要就是一个阿里巴巴图标库的引用，参考第9章：阿里巴巴矢量图库icon-font的运用的设置就好。 （2）添加点击事件 ? 添加click事件 ? 最后页面的一个基本效果呈现： ?
78420发布于 2018-09-04来自专栏达达前端前端零基础入门：页面结构层HTML
HTML页面结构层HTML 分以下方面学习： HTML基础， HTML表格， HTML表单， 搭建网页结构 html基础 学习前端的第一门课程，为HTML基础，HTML标记语言，它是网页制作的第一步 file HTML基础语法 学习内容 HTML基本结构 HTML标签 HTML元素 HTML属性 注解 注解：div标签为块级结构布局元素，因此将在css中结合盒模型进行讲解。 < 小于号或显示标记 > > 大于号或显示标记 ® ® 已注册 @copy; © 版权 ™ ™ 商标 Space 不断行的空白 列表标签应用场景 锚链接（同一页面 定义锚（不同页面）： 网页1：... html基本结构： 语法：<标签名></标签名> 例如：<html>...
1.7K10发布于 2019-11-12来自专栏仁扬笔记解决phpMyAdmin点击结构列页面失去响应的问题
date_default_timezone_set('UTC'); return gmdate('Y-m-d H:i:s', $timestamp + 28800); } 至此，再刷新一下页面 ，点击“结构”等页面，页面的响应速度是不是大大提升了呢？ 嘿嘿，我的已经解决了，妈妈再也不用担心我又卡在“结构”页面啦！哈哈！最后感谢这篇文章指点迷津哦： ---
45230编辑于 2023-06-18来自专栏达达前端前端零基础入门：页面结构层HTML（3）
搭建网页HTML结构
标签 标签 块级标签 和 行内标签 标签嵌套规则和 div+css标签 是一个区块容器标记，之间是一个容器 HTML结构分析 css样式 css层叠样式 css使用方法 行内样式 内部样式 外部样式 css优先级 ?63300发布于 2019-11-13来自专栏达达前端前端零基础入门：页面结构层HTML（2）
? ? ? ? ? ? ? ? ?file ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?
49810发布于 2019-11-12来自专栏HarmonyOS Next 三部曲多层嵌套布局：打造结构清晰的详情页面
本教程将详细讲解如何使用Column组件作为主容器，结合Row、Flex等组件的嵌套使用，创建一个结构清晰、层次分明的详情页面。 整体布局结构2.1 三段式布局概述DetailPage组件采用了经典的三段式布局结构，包括：顶部标题栏：固定高度，包含标题文本和操作图标中间内容区域：弹性填充，展示主要内容底部按钮栏：固定高度，提供操作按钮这种布局模式在移动应用中非常常见 right: 24, bottom: 24, top: 24}) } .width('100%') .height('100%') }}2.3 布局层次结构详情页的组件层次结构如下 fontSize 18 设置字体大小为18vp fontWeight500 设置字体粗细为中等偏粗标题文本使用了较大的字号和较粗的字重，使其在视觉上更加突出，便于用户识别当前页面 总结与展望在本教程的第一部分，我们详细讲解了详情页的整体布局结构和顶部标题栏的实现，包括：三段式布局的整体结构和组件层次外层Column容器的属性设置与作用顶部标题栏的Row布局实现标题文本和操作图标的样式设置这些知识点是构建结构清晰的详情页面的基础
51000编辑于 2025-05-31来自专栏编程微刊从零开始学习React-目录结构，创建组件页面（二）
一：了解目录结构 1：打开编辑器，导入上一节的创建的项目,开始查看目录结构,manifest.json指定了开始页面index.html，一切的开始都从这里开始。 写项目的时候，所有的子组件都挂在在根组件上，我们要做的页面和项目代码最好全部都写在子组件里面，根组件最好少些，越简单越好。 } from 'react'; class Home extends Component { render() { return
你好,react的第一个组件页面) } } export default Home; ok，学会了React-目录结构 ，创建组件页面以及JSX的基本语法了。{this.state.joy.web}
31310编辑于 2025-05-19来自专栏编程微刊从零开始学习React-目录结构，创建组件页面（二）
一：了解目录结构 1：打开编辑器，导入上一节的创建的项目,开始查看目录结构,manifest.json指定了开始页面index.html，一切的开始都从这里开始。 ? 写项目的时候，所有的子组件都挂在在根组件上，我们要做的页面和项目代码最好全部都写在子组件里面，根组件最好少些，越简单越好。 react以及react下面的Compoent，引进以后要开始创建组件，使用class Home extends Component{}，完成以后,写个render(){}模板 ，里面代码即为jsx语法写的页面具体 } from 'react'; class Home extends Component { render() { return
你好,react的第一个组件页面 ok，学会了React-目录结构，创建组件页面以及JSX的基本语法了。2.6K20发布于 2019-11-05来自专栏CnPengDev小程序 | 小程序文件结构和创建新页面
---- 1 小程序的文件结构 ? app.json 是程序的入口，程序的页面需要在其中的 pages 节点中注册，排第一位的将作为程序首屏。 2.2 新建页面文件 方式1： ? 按照上图中这种 新建 Page 的方式会同时创建一个页面所需的四个文件，并且会自动将该页面注册到 app.json 的 pages 中 。 方式2（推荐方式）： 直接在 app.json 的 pages 节点中声明我们将要注册和编辑的页面，然后使用 Ctrl+S （MAC 下为 CMD+S）保存。 小程序的 IDE 就会自动创建我们注册的这个目录和其中的四个页面。 示例如下： 假设当前项目的 app.json 内 pages 节点中仅有如下两个页面， { "pages": [ "pages/logs/logs", "pages/temp/temp
1.5K10发布于 2021-03-04来自专栏HHTjim'S 部落格两个相同目录结构的网站-所有页面301跳转
作者：matrix 被围观: 5,929 次 发布时间：2011-09-10 分类：兼容并蓄 零零星星 | 无评论 »
1.2K10编辑于 2022-09-26来自专栏编程直播室Ionic 2 添加页面创建页面创建附加页面
设置了ion-nav组件的根页面或是第一个基本页面。当加载ion-nav是，rootPage变量引用的就是根页面。 创建页面 接下来我们看看导入的HelloIonicPage 。在 src/pages/hello-ionic/目录下，打开hello-ionic.ts文件。 你可能注意到每个页面有一个目录。 当我们导航到这个页面，导航条上的按钮和标题作为页面的一部分一起过渡过来。 余下的模版是标准的Ionic代码设置内容区域，打印欢迎信息。 创建附加页面 创建附加页面，我们只需要确保正确设置标题和其他我们希望导航条显示的东西。 总之，这个页面和前面的HelloIonicPage 很相似。
3.4K40发布于 2018-06-06腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059
粤公网安备44030502008569号腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号