优秀的前端，不是靠眼睛去看排版的。

前端 眼睛 排版 不是 优秀 错乱 编程进阶笔记
发布日期 2022-10-22 更新日期 2022-10-22 阅读次数 63 文章字数 253

很多人说前端比后端简单，因为前端用眼睛去看，后端要用脑袋去想，完全不是一个量级。

曾经我也认同，但是现在我认为前端虽然用眼睛看，但并不完全靠眼睛去看，而是要对元素的样式非常熟悉，或者说倒背如流。

在对一个页面进行设计时，就要考虑到各种可能错乱排版的情况，以及如何去应对。

如果需要时刻用眼睛去看，而没有深刻的理解，等产品上线后，又发现各种排版错乱。

最有可能错乱的排版是哪些？这个标题太长了会不会换行？有没有 word-break ？图片有没有自动适应大小？表格是否会自动撑开？【你总不能保证每张图都是理想大小】等等，这实际上也是前端小白进步的必然之路。

文章作者: 朱丰华

文章链接: https://smart.52dixiaowo.com/blog/post-132.html

版权声明: 本博客所有文章除特別声明外，均采用 CC BY 4.0 许可协议。

前端 眼睛 排版 不是 优秀 错乱

发表评论

相关推荐
朱丰华   |   1年前   |   checkbox

checkbox默认传值问题

408    评论    点赞
朱丰华   |   1年前   |   页面 · 监听

iframe子父页面信息传递与监听

429    评论    点赞
朱丰华   |   1年前   |   linux · upx

Linux下安装UPX

450    评论    点赞
朱丰华   |   1年前   |   请求 · 一个

ab测压命令，apache测压工具

196    评论    点赞
朱丰华   |   1年前   |   php · 缓存 · opcache

php 加速、提高并发opcache

223    评论    点赞
朱丰华   |   1年前   |   正则 · 表达

正则表达式，实现if...then...else

128    评论    点赞
朱丰华   |   1年前   |   php

windows下编写、编译php扩展

177    评论    点赞
朱丰华   |   1年前   |   nvm · git · 安装

entos7安装、使用nvm

84    评论    点赞
朱丰华   |   1年前   |   python · linux · www

linux给www用户【非root】安装python3

212    评论    点赞
朱丰华   |   1年前   |   php · 编译

ubuntu、centos系统从源码编译指定版本php--超详细

168    评论    点赞
朱丰华   |   1年前   |   linux · sql · sqlite · package · sqlite3

linux安装环境ERROR: PACKAGE REQUIREMENTS (SQLITE3 ＞ 3.7.4) WERE NOT MET: NO PACKAGE ‘SQLITE3’

275    评论    点赞
朱丰华   |   1年前   |   php · 引用 · 变量 · c语言

php扩展内存管理与引用计数

139    评论    点赞
朱丰华   |   1年前   |   指针 · 地址 · c语言

C语言的&取地址符，指针

165    评论    点赞
朱丰华   |   1年前   |   zend · php

php zend内核取字符串长度sizeof，ZEND_STRS，ZEND_STRL

177    评论    点赞
朱丰华   |   1年前   |   安装 · clion

windows下安装clion

103    评论    点赞
朱丰华   |   1年前   |   gcc · 安装 · git

windows下安装gcc

106    评论    点赞
朱丰华   |   1年前   |   php · 常量 · 扩展

php扩展中，取字符串常量的值

164    评论    点赞
朱丰华   |   1年前   |   php · 图片

php根据图片内容【魔术数字】，识别图片的类型

311    评论    点赞
朱丰华   |   1年前   |   前端 · 设计 · 切图

前端设计的“切图”是什么？

138    评论    点赞
朱丰华   |   2年前   |   gif · 加密 · 可以 · web · 简单 · 方法 · 图片 · js · 直接 · 通过

web端 gif 最简单的加密方法

214    评论    点赞
{{item.author_name}}   |   {{new Date(item.date*1000).log()}}   |   {{it}} ·

{{item.title}}

{{item.uv}}    评论    点赞