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

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

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

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

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

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

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


文章作者: 朱丰华

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

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

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

发表评论

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

js 对象反射 Reflect

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

checkbox默认传值问题

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

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

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

Linux下安装UPX

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

ab测压命令,apache测压工具

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

php 加速、提高并发opcache

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

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

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

windows下编写、编译php扩展

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

entos7安装、使用nvm

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

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

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

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

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

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

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

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

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

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

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

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

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

windows下安装clion

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

windows下安装gcc

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

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

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

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

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

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

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

{{item.title}}

{{item.uv}}    评论    点赞