浏览器核心的部分是“Rendering Engine”- “渲染引擎”,称为“浏览器内核”。负责对网页语法的解释(HTML、CSS 的解析,页面布局)并渲染(显示)网页。不过现在,我们提起的“浏览器内核”,大多包含了javascript引擎,如WebKit,它是WebCore排版引擎及JavaScr ...
分类:
其他好文 时间:
2020-01-18 21:38:04
阅读次数:
119
介绍 最近开始刷一些书和题,此系列是介绍在读Web最佳实践的一些收获和体会。 web前端发展现状 存在问题: 代码组织混乱 代码格式的问题突出 页面布局随意 网站整体性能差,没有意识到应用诸如缓存,动态加载,脚本压缩,图片压缩等提高性能技术 推荐做法: 压缩样式表和脚本文件 减少HTTP请求次数 简 ...
分类:
Web程序 时间:
2020-01-17 23:09:46
阅读次数:
103
1 弹性布局简介 弹性布局,又称“Flex布局”,是由W3C在2009年推出的一种布局方式。可以简便、完整、响应式地实现各种页面布局。而且已经得到所有主流浏览器的支持,我们可以放心大胆的使用。 >>> 了解两个基本概念,接下来会频繁提到: ① 容器: 需要添加弹性布局的父元素; ② 项目: 弹性布局 ...
分类:
其他好文 时间:
2020-01-16 18:45:37
阅读次数:
160
页面布局 我的项目是有两种布局方式的, 一种是左侧布局,还有一种是顶部+左侧的布局,在这里主要讲顶部+左侧布局 因为左侧的相对简单,会自行匹配 业务场景 当页面刷新的时候,要回到原来的页面,并且要激活正确的一级和二级菜单 首先 在data中创建数据 data() { return { menus: ...
分类:
其他好文 时间:
2020-01-16 12:18:13
阅读次数:
98
一:移动端软键盘监听(弹出,收起) 1.监听resize ( Android) var winHeight = $(window).height(); //获取当前页面高度 $(window).resize(function () { var thisHeight = $(this).height( ...
分类:
移动开发 时间:
2020-01-13 13:15:42
阅读次数:
257
原文:CSS3(5)---伸缩布局(Flex) CSS3(5)---伸缩布局 有关页面布局之前写过三篇相关文章: 1、CSS(5)---盒子模型 2、CSS(6)---浮动(float) 3、CSS(8)---定位(position) 一、什么是Flex 布局 1、Flex 布局特点 上面三种布局都... ...
分类:
Web程序 时间:
2020-01-12 10:02:00
阅读次数:
91
一、绝对长度单位 绝对长度单位视借质而定,不依赖于环境(显示器、分辨率、操作系统等)。绝对长度单位相互之间是固定的,并固定在一些物理测量中。主要运用在输出环境已知的情况下。 绝对单位包括物理单位(pysical units:in, cm, mm, pt, pc, Q)和视角单位(visual ang ...
分类:
Web程序 时间:
2020-01-07 12:53:53
阅读次数:
154
场景 AndroidStudio跑起来第一个App时新手遇到的那些坑: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/103797243 使用相对布局RelativeLayout实现简单的登录提示的布局,效果如下 注: 博客: h ...
分类:
移动开发 时间:
2020-01-05 00:13:07
阅读次数:
110
团队冲刺博客二 各个成员今日完成的任务 成员 | 任务 | 张子正 | 主界面代码 管伟宇 | 主界面及抽奖界面初步设计,资源搜索及抠图 华罗晗 | 完成大致时间规划,学习页面布局知识 刘尧 | 辅助编写主界面代码 赵天昊 | 抽奖界面大体框架代码构建 各个成员今日遇到的问题 管伟宇:抽奖界面关于抽 ...
分类:
其他好文 时间:
2020-01-03 23:07:22
阅读次数:
72
为了提高网页制作的效率,布局时通常有以下的布局流程,具体如下: 1、必须确定页面的 版心(可视区) , 我们测量可得知。【 公共类样式 】 2、分析页面中的 行模块 ,以及每个行模块中的 列模块 。其实页面布局,就是一行行罗列而成。 3、制作 HTML结构 。我们还是遵循,先有结构,后有样式的原则, ...
分类:
其他好文 时间:
2019-12-31 18:35:40
阅读次数:
61