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

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

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

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

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

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

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

文章作者: 朱丰华

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

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

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

发表评论

相关推荐
朱丰华   |   3个月前   |   对象 · 属性 · 反射 · js

js 对象反射 Reflect

116    评论    点赞
朱丰华   |   1年前   |   checkbox

checkbox默认传值问题

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

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

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

Linux下安装UPX

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

ab测压命令，apache测压工具

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

php 加速、提高并发opcache

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

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

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

windows下编写、编译php扩展

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

entos7安装、使用nvm

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

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

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

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

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

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

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

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

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

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

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

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

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

windows下安装clion

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

windows下安装gcc

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

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

201    评论    点赞
朱丰华   |   2年前   |   php · 图片

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

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

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

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

{{item.title}}

{{item.uv}}    评论    点赞