说到本书的作者,前端圈里没见过他的人有很多,但没读过他文章的人很少,他就是很多前端同行眼中的,张老师,张大神——张鑫旭(以下简称“张”)

前一段时间,去参加“前端体验大会”,有一位张的同事作为分享嘉宾,当他在现场说张要出新书的时候,台下观众无不感到惊喜,那该是一本怎样的书?

《CSS世界》,书名很霸气,甚至比之前那本被“魔法哥”称为十年来最好的《CSS揭秘》更胜一筹,但这本又与那本不同,它更接地气,没有《揭秘》那么多炫酷的技巧,却能让你发现很多比炫酷更实用的东西,或者,利用好它自身的本领,不需要技巧就是最好的技巧

为什么张这么受欢迎?还要从他的博客说起。

首先一点,张的博客SEO做得很好,当然,或许是因为他的文章太多了,而他研究过的课题,也正是很多人要的,百度很容易搜到,所以,他每篇文章的点击量都很高,另外,不少人会收藏他的博客,不定期去看看,再加上微博推广,多种因素加在一起,张的博客流量,可能要赶上百万级用户的内容平台了,着实厉害。

那么,这些只是“果”,“因”是什么?

大家都知道,在这个信息爆炸的时代,标题不够吸引人,就很难有读者,但如果仅仅是标题党,只会让读者短暂停留,很快便会离开。

张没有那样做,他不需要用标题吸引人,该是什么就是什么,但当你跟着他的文字和示例一句句、一段段读下去的时候,就不难发现:

1、你要解决的难题,他已经解决了;

2、不仅解决了,还考虑周全,包括兼容性、问题和优缺点;

3、方法巧妙,你闻所未闻;

4、就算你知道,也玩儿过demo,但你没能把它和实际场景相联系,而他做到了;

5、更让你惊讶的是,他用的就是你自认为已经熟知的方法,但是,看了他的思路之后,你才恍然大悟,原来并不是你所认为的“如此而已”,而是大有学问。

所以,无论是从张创作的文章数量也好,还是质量也好,在整个前端圈,少有人能与之媲美,久而久之,便形成了其鲜明的个人品牌和影响力,被大家所熟知。

说了这么多,貌似都在夸赞张,并没提到《CSS世界》?非也。

张博客文章的特点,也正是这本书的特点,你会发现它并没有涉及CSS3的内容,而是止于CSS2.1版本,但这并不影响他的精彩度和质量。

比如:书中说,当使用了vertical-align:middle,却没能做到居中,怎么办?

很多人会选择使用margin或者relative定位来解决,这两种方法有什么好处呢?简单粗暴,可控性强,能快速解决问题,但实际上是逃避了问题,它为什么没有居中,怎样才是更科学有效的方法?书中给出了他的一些思考和尝试。

这本书既不是纯理论,也不是纯实践,是从理论联系实践,实践回溯理论。它不是按照死板的属性或字母顺序,也不是简单的罗列和解释,是有一个独立的介绍逻辑,张用他自己的风格介绍了“流、盒模型、内联元素、层叠、文本处理和元素装饰”等等,帮你一步步地理解CSS世界当中的那些点,怎么连成线,又如何相互联系,相互破坏,相互成就。

虽然,书中还有一些显得“偏门”的属性和技巧,但更值得关注的,显然是那些实用的大多数,在吸收知识点的同时,学习其思想和方法,比如:

1、利用页面元素本身的流动性做内容适应

2、利用无依赖的绝对定位设置元素位置并减少其他未知影响

3、利用层级的自然特性设置元素之间的层级关系,而不是依赖z-index

以及大家都会遇到的:

图片下方空隙问题、主容器右下方返回顶部按钮问题、模拟表单占位符问题、表格的表头固定内部不动的问题等等。

不当拿来主义,不止知其然,更知其所以然,这就是张所具备的、刨根问底的钻研精神,这种精神使得张对CSS的认知走到了很多人的前面。用书中的一句话说:“只要了解透彻,说不定就可以变废为宝,化腐朽为神奇”。

当然,这本书并不会涵盖你需要知道的所有知识和场景,也不能超越标准,更不能真正代替你解决问题,就像作者最后说的那样——“这本书热衷于挖掘CSS属性的潜力”,能帮你解开很多疑惑,也能激励你一起去挖掘CSS的宝藏。

就在这篇文章完成之前没几天,传来一个好消息,《CSS世界》发行两周之后,已经迅速登上几大电商新书类榜首,且数次加印,我把它称为“一名IT人的胜利”。

每个行业都需要有这样的人存在,也都需要更多优质的输出。

记得《战狼2》在取得票房佳绩之初,就有这么一篇文章——《这个世界正在狠狠奖励认真的人》,朝着正确的方向走,才会得到相应的回报

张如是,他没有频繁地出现在大众面前,也没有加入什么社交群体,但就是有非常多的人知道他,了解他,喜欢他。

如果你想知道,对事业的喜爱是什么样子,从哪些方面提升自己的技术,怎样成为一名优秀的前端,或许你能从他身上找到答案。

转载于:https://www.cnblogs.com/myguoer/p/8819130.html

张鑫旭和他的《CSS世界》相关推荐

  1. css transparent张鑫旭,【灵感杂谈】张鑫旭和他的《CSS世界》

    原标题:[灵感杂谈]张鑫旭和他的<CSS世界> 说到本书的作者,前端圈里没见过他的人有很多,但没读过他文章的人很少,他就是很多前端同行眼中的,张老师,张大神--张鑫旭(以下简称" ...

  2. 张鑫旭:说说CSS学习中的瓶颈(个人觉得对突破技术瓶颈都有思想上的指导作用)...

    2019独角兽企业重金招聘Python工程师标准>>> 关于作者 张鑫旭,09年华中科技大学毕业,现上海,就职于阅文集团,专注web前端偏前领域,钓鱼爱好者. 本文转载自说说CSS学 ...

  3. 算警示吧——此文来自张鑫旭(说说CSS学习中的瓶颈)

    by zhangxinxu from http://www.zhangxinxu.com 本文地址:http://www.zhangxinxu.com/wordpress/?p=2523 虽已数年,但 ...

  4. 张鑫旭html入门,张鑫旭的 HTML5 css reset

    这篇文章发布于 2010年08月19日,星期四,21:12,归类于 css相关. 阅读 73787 次, 今日 127 次 by zhangxinxu from http://www.zhangxin ...

  5. 《CSS世界》读书笔记:line-height

    line-height 1. 行距与半行距 2. 半行距与精确的布局 3. 为什么line-height可以让内联元素"垂直居中"? 4. 使用line-height实现多行文本& ...

  6. css transparent张鑫旭,张鑫旭css世界学习心得一

    目前大概只看了width,height这一部分的介绍,感觉明悟了一点之前关于布局的疑惑. 1. 关于display:block block属性具有最具代表性的流动性,天生默认宽度为父盒子的100%.流 ...

  7. 读张鑫旭老师的《CSS世界》总结

    概述 整个css世界围绕"流"来展开,映射现实世界的流 现实世界,水流(div)放到一个容器里面,一定是平铺展开,如果放一个木头(span),它会漂在水流上面,再放一个,还是会跟前 ...

  8. 可缺省的CSS布局——张鑫旭

    一.技术不难.意识很难 有些东西的东西的实现,难的不是原料.技术:而是想不到,或者说意识不到. 例如下面这个简单而又神奇的魔术: 是吧.搞通了,才发现,哦~原来这么回事,很简单的嘛,我也可以实现的!其 ...

  9. CSS页面重构“鑫三无准则”之“无图片”准则——张鑫旭

    一.再说关于"鑫三无准则" "鑫三无准则"这个概念貌似最早是在去年的去年一篇名叫"关于Google圆角高光高宽自适应按钮及其拓展"的文章中提 ...

最新文章

  1. 被公司圈养的年轻人,如何避免被市场淘汰?
  2. boost::callable_traits的has_void_return的测试程序
  3. uoj22 外星人(dp)
  4. 重操JS旧业第十一弹:BOM对象
  5. Hive 时间戳和日期相互转换
  6. MySQL:给表建立索引及索引的显示
  7. 云计算学习路线图课件:云计算中的常见的云配置错误
  8. 微课|中学生可以这样学Python(8.4节):递归算法例题讲解2
  9. python中正则表达式中_python 中 正则表达式(Regular Expressions)学习
  10. js中单引号和双引号的区别_python中print函数 以及单引号、双引号、三引号
  11. 终生学习,是我们不被时代淘汰最大的财富
  12. VR/AR平台战略与实践(1)
  13. java时间转化类,一小时前,刚刚一个月前
  14. python 包管理工具 —— setuptools
  15. 台湾php解谜游戏,米诺陶(Minotaur):赛博朋克点击式解谜冒险类游戏
  16. 设置 cmd 窗口默认为快速编辑(quickedit)
  17. 爬虫框架开发(4)--- 项目实战——新浪滚动新闻资讯实时数据采集
  18. 怎么学python-Python 应该怎么学?
  19. # 我的家乡--永平风景
  20. 益聚星荣:今年双11,薇娅失去了“全网最低价”?

热门文章

  1. 大数据分析在病毒疫苗研究中的应用
  2. 一个少年电脑病毒作者的独白
  3. 从圆心向外流光的魔法阵shader
  4. Python爬虫入门(一)火车票余票实时提醒
  5. HotSpot 是啥?
  6. 22、商铺列表 - 小程序端开发 - 微擎小程序模块应用开发
  7. 基于低代码平台实现的内外OA协同办公系统
  8. 按钮(Button, ImageButton)
  9. 大一大学计算机论文摘要,计算机大学论文摘要怎么写 计算机大学论文摘要范文参考...
  10. STM32与威纶通触控屏通讯