3、没有语义的标签（div、span）HTML中大部分标签都是具有语句的（有固定格式），有语义的标签在使用时一定要注意不能乱用。还有一部分标签是没有语义的，没有语义的标签只用来进行页面布局。3.1、div标签代码：<div></div>特点：div默认占一整行，并且一行里面只能显示一个div。3.2、span标签代码：<span></span>特点：
分类：
其他好文 时间：
2019-09-07 01:10:56
阅读次数：
74
Vue 组件系统 vue.js既然是框架，那就不能只是简单的完成数据模板引擎的任务，它还提供了页面布局的功能。本文详细介绍使用vue.js进行页面布局的强大工具，vue.js组件系统。 每一个新技术的诞生，都是为了解决特定的问题。组件的出现就是为了解决页面布局等等一系列问题。vue中的组件分为两种， ...
分类：
其他好文 时间：
2019-09-05 00:40:11
阅读次数：
84
回流 就是页面布局发生变化。 重绘 就是节点需要更改外观而不会影响布局。 和 Event Loop 的关系 1. 回流 和 重绘 发生在 Event Loop 执行完微任务后，因为浏览器是 60Hz 的刷新率，每 16.6ms 才会更新一次。 2. 然后判断是否有 resize 或者 scroll ...
分类：
其他好文 时间：
2019-09-03 09:45:43
阅读次数：
121
近期会更新一系列博客，对基础知识再度做个巩固和梳理。 一、position定位 （一）：position的属性 1.absolute：生成绝对定位的元素，相对于最近一级定位不是static的父元素来进行定位； 2.relative：生成相对定位的元素，相对于其所在普通的文档流位置进行定位； 3.st ...
分类：
Web程序 时间：
2019-09-01 10:38:42
阅读次数：
74
z-index 这个东西非常简单，它有四大特性，每个特性你记住了，页面布局就不会出现找不到盒子的情况。 z-index 值表示谁压着谁，数值大的压盖住数值小的， 只有定位了的元素，才能有z-index,也就是说，不管相对定位，绝对定位，固定定位，都可以使用z-index，而浮动元素不能使用z-ind ...
分类：
其他好文 时间：
2019-08-31 19:39:04
阅读次数：
56
2009年，W3C 提出了一种新的方案 Flex 布局，可以简便、完整、响应式地实现各种页面布局。时至今日，它已获得了所有浏览器的支持，这让flex布局成为未来布局的首选。 一、那何为Flex？ 其实Flex是Flexible Box的缩写，意为”弹性盒子”，用来为盒状模型提供最大的灵活性。 任何一 ...
分类：
其他好文 时间：
2019-08-31 17:21:30
阅读次数：
89
盒子模型 在页面中，我们将所有的元素全部看做是一个盒子，页面布局就是将大大小小不同的盒子堆砌在一起，而一个盒子由以下几部分组成： padding：内边距，内容到边框的距离； margin：外边距，其他盒子到当前盒子的边框的距离； border： 边框； 所以一个元素在页面中实际所占的空间是： 内容+ ...
分类：
Web程序 时间：
2019-08-31 10:39:15
阅读次数：
94
当天完成的任务： （1）提交getlab代码，可从上面找到。 （2）与组员一起完成电影列表页的体现。 （3）配置一些网络爬虫的组件 第二天的计划： （1）对detail页面布局和样式与组员完成。 （2）从豆瓣进行电影网络数据爬虫。 （3）进行jdbc测试。 每日小结： 今天我和组员进行了电影页面设计 ...
分类：
其他好文 时间：
2019-08-27 21:13:41
阅读次数：
84
再聊移动端页面的适配 前端圈真乱，这话一点不假。但乱也乱的好处，乱则生变，有变化才有进步。今天还是老调重谈，聊聊移动端页面的适配。因为对于一枚前端而言，天天和页面打交道（H5页面），那么布局的活总是少不了，这也将面临不同终端的适配问题。不知道你是否和我一样，页面布局总是或多或少会有一些蛋疼的事情发生 ...
分类：
移动开发 时间：
2019-08-24 20:49:40
阅读次数：
112
1.伸缩布局案例1-基本页面布局 1.1.html 1.2.css 1.3.效果图 2.flex：伸缩菜单项小案例 2.1.html 2.2.css 2.3.效果图： ...
分类：
其他好文 时间：
2019-08-23 19:23:09
阅读次数：
93
