随笔分类 -  CSS布局

SPA页面
摘要:背景: 单页 Web 应用 (single-page application 简称为 SPA) 是一种特殊的 Web 应用,它将所有的活动均局限于一个Web页面中;这就表示Web应用被加载出来之后,Web中所有的交互和跳转均不会与服务器发生交互,而是使用JS转换HTML中的内容。 实现的原理: 1. 阅读全文
posted @ 2019-07-23 20:39 oulae 阅读(285) 评论(0) 推荐(0) 编辑
合并元素
摘要:背景: 前两天面试的时候被问到,元素的拖放应该怎么实现,同时元素的自动合并应该怎么实现(当两个元素的XY轴差距比较小的时候,忽略差距,两元素自动合并);自己之前只写过元素的拖动,并没有写过元素的自动合并,所以就尝试写了一下这个局部。(后话:但是回答不怎么样,只答道了使用CSS属性去判断,并没有将具体 阅读全文
posted @ 2019-07-22 17:17 oulae 阅读(301) 评论(0) 推荐(0) 编辑
自动移动的元素
摘要:背景: 今天,突然想到之前碰到过的一个场景:QQ空间中有着一些漂浮的装饰挂件,能够规律性在页面中移动(因为本人之前浏览别人空间时,确实遇到过装饰的非常好看的界面,因此印象比较深刻)。于是非常想知道这个功能是怎么实现的,于是就有了这一篇博客。 原理: 其实,实现原理很简单,就是在页面中添加一些好看的元 阅读全文
posted @ 2019-07-21 22:20 oulae 阅读(254) 评论(0) 推荐(0) 编辑
模态弹出窗口
摘要:原理: 利用CSS布局产生一个全局的窗口的对当前页面进行覆盖,然后在弹出窗口中布局表单进行交互。 Demo: 显示效果: 阅读全文
posted @ 2019-07-21 16:16 oulae 阅读(595) 评论(0) 推荐(0) 编辑
网页的标题样式
摘要:网页标题样式如下: 参考路径: 1. 二级菜单的实现:https://www.cnblogs.com/wuqianling/p/6762146.html 2. 三级标题的实现:https://www.cnblogs.com/lucky-lf/p/7090083.html 3. MDN文档示例:htt 阅读全文
posted @ 2019-07-11 15:18 oulae 阅读(1101) 评论(0) 推荐(0) 编辑