惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

V
V2EX
爱范儿
爱范儿
Martin Fowler
Martin Fowler
T
The Blog of Author Tim Ferriss
B
Blog RSS Feed
博客园 - 聂微东
G
GRAHAM CLULEY
Engineering at Meta
Engineering at Meta
Threat Intelligence Blog | Flashpoint
Threat Intelligence Blog | Flashpoint
WordPress大学
WordPress大学
Scott Helme
Scott Helme
AI
AI
S
Security Affairs
T
Threat Research - Cisco Blogs
M
MIT News - Artificial intelligence
T
Troy Hunt's Blog
H
Hackread – Cybersecurity News, Data Breaches, AI and More
人人都是产品经理
人人都是产品经理
AWS News Blog
AWS News Blog
T
Threatpost
Cyberwarzone
Cyberwarzone
www.infosecurity-magazine.com
www.infosecurity-magazine.com
U
Unit 42
V
Vulnerabilities – Threatpost
J
Java Code Geeks
博客园 - Franky
月光博客
月光博客
Blog — PlanetScale
Blog — PlanetScale
NISL@THU
NISL@THU
D
Docker
小众软件
小众软件
N
News and Events Feed by Topic
Microsoft Security Blog
Microsoft Security Blog
Y
Y Combinator Blog
A
Arctic Wolf
D
DataBreaches.Net
云风的 BLOG
云风的 BLOG
Forbes - Security
Forbes - Security
量子位
PCI Perspectives
PCI Perspectives
美团技术团队
K
KPMG report finds enterprise disconnect between AI and its ROI | CIO
I
InfoQ
Security Archives - TechRepublic
Security Archives - TechRepublic
有赞技术团队
有赞技术团队
腾讯CDC
P
Proofpoint News Feed
S
Security @ Cisco Blogs
G
Google Developers Blog
C
Cisco Blogs

张鑫旭-鑫空间-鑫生活

1分钟速度了解text-align match-parent声明 « 张鑫旭-鑫空间-鑫生活 光标的形状也能设置了,就是CSS caret-shape属性 « 张鑫旭-鑫空间-鑫生活 pretext与文字四面环绕效果的实现 « 张鑫旭-鑫空间-鑫生活 JSON.rawJSON方法的作用是什么? « 张鑫旭-鑫空间-鑫生活 如何使用CSS判断鼠标从哪个方向进入元素? « 张鑫旭-鑫空间-鑫生活 借助mediabunny纯JS实现视频水印、剪裁、合成等功能 « 张鑫旭-鑫空间-鑫生活 务必谨慎使用JS WeakRef弱引用 « 张鑫旭-鑫空间-鑫生活 CSS六边形头像的实现与蜂巢布局 « 张鑫旭-鑫空间-鑫生活 CSS corner-shape与背景底纹技术 « 张鑫旭-鑫空间-鑫生活 浅学WebTransport API:下一代Web双向通信技术 « 张鑫旭-鑫空间-鑫生活 HTML dialog元素新支持了closedBy属性 « 张鑫旭-鑫空间-鑫生活 HTML interestfor属性与悬停popover交互效果 « 张鑫旭-鑫空间-鑫生活 CSS3模拟window7炫酷界面效果展示 « 张鑫旭-鑫空间-鑫生活 图片旋转+剪裁js插件(兼容各浏览器) « 张鑫旭-鑫空间-鑫生活 纯js无图片无外链CSS图片幻灯片播放插件 « 张鑫旭-鑫空间-鑫生活 CSS border三角、圆角图形生成技术简介 « 张鑫旭-鑫空间-鑫生活 CSS “渐进增强”在web制作中常见应用举例 « 张鑫旭-鑫空间-鑫生活 让IE6/IE7/IE8浏览器支持CSS3属性 « 张鑫旭-鑫空间-鑫生活 jQuery – 高亮动态显示页面HTML代码插件 « 张鑫旭-鑫空间-鑫生活 翻译 – 逐渐消失的Flash网站 « 张鑫旭-鑫空间-鑫生活 CSS reset的重新审视 – 避免样式重置 « 张鑫旭-鑫空间-鑫生活 新浪微博插入话题后部分文字选中的js实现 « 张鑫旭-鑫空间-鑫生活 JavaScript实现http地址自动检测并添加URL链接 « 张鑫旭-鑫空间-鑫生活 CSS实现兼容性的渐变背景(gradient)效果 « 张鑫旭-鑫空间-鑫生活 CSS content内容生成技术以及应用 « 张鑫旭-鑫空间-鑫生活 CSS gradient渐变之webkit核心浏览器下的使用 « 张鑫旭-鑫空间-鑫生活 CSS渐变之CSS3 gradient在Firefox3.6下的使用 « 张鑫旭-鑫空间-鑫生活 区分IE8/IE7/IE6及其他浏览器-CSS “\9″hack « 张鑫旭-鑫空间-鑫生活 CSS实现跨浏览器兼容性的盒阴影效果 « 张鑫旭-鑫空间-鑫生活 CSS3&HTML5各浏览器支持情况一览表 « 张鑫旭-鑫空间-鑫生活 翻译 – CSS Sprites:实用技术还是生厌之物? « 张鑫旭-鑫空间-鑫生活 纯CSS实现易拉罐3D滚动效果 « 张鑫旭-鑫空间-鑫生活 纯CSS实现侧边栏/分栏高度自动相等 « 张鑫旭-鑫空间-鑫生活 CSS+JavaScript实现页面不同布局的切换 « 张鑫旭-鑫空间-鑫生活 JavaScript实现最简单的拖拽效果 « 张鑫旭-鑫空间-鑫生活 自己写的无图片版jQuery zxxbox弹出框插件 « 张鑫旭-鑫空间-鑫生活 中国古代道家思想与网页重构的思考 « 张鑫旭-鑫空间-鑫生活 让所有浏览器支持HTML5 video视频标签 « 张鑫旭-鑫空间-鑫生活 纯CSS实现各类气球泡泡对话框效果 « 张鑫旭-鑫空间-鑫生活 JS HEX十六进制与RGB, HSL颜色的相互转换 « 张鑫旭-鑫空间-鑫生活 CSS实现兼容性的渐变、高光等文字效果 « 张鑫旭-鑫空间-鑫生活 去除冗余 – 精简您的CSS样式代码 « 张鑫旭-鑫空间-鑫生活 对overflow与zoom”清除浮动”的一些认识 « 张鑫旭-鑫空间-鑫生活 jQuery Pagination Ajax分页插件中文详解 « 张鑫旭-鑫空间-鑫生活 absolute绝对定位的非绝对定位用法 « 张鑫旭-鑫空间-鑫生活 网页布局思想浅议-淘宝新版首页为实例 « 张鑫旭-鑫空间-鑫生活 回流与重绘:CSS性能让JavaScript变慢? « 张鑫旭-鑫空间-鑫生活 CSS float浮动的深入研究、详解及拓展(二) « 张鑫旭-鑫空间-鑫生活 CSS float浮动的深入研究、详解及拓展(一) « 张鑫旭-鑫空间-鑫生活 60个极富创造性的震撼的电影海报设计 « 张鑫旭-鑫空间-鑫生活 jQuery Lightbox(balupton版)图片展示插件讲解 « 张鑫旭-鑫空间-鑫生活 博客内嵌flash音乐播放器代码、下载与使用 « 张鑫旭-鑫空间-鑫生活 CSS3 animate实现图片墙3D翻转效果 « 张鑫旭-鑫空间-鑫生活 图片旋转效果的一些研究、jQuery插件及实例 « 张鑫旭-鑫空间-鑫生活 CSS3 border-image详解、应用及jQuery插件 « 张鑫旭-鑫空间-鑫生活 jQuery-两款不同原理的圆角插件讲解 « 张鑫旭-鑫空间-鑫生活 页面可用性之outline轮廓外框的一些研究 « 张鑫旭-鑫空间-鑫生活 CSS3 transition实现超酷图片墙动画效果 « 张鑫旭-鑫空间-鑫生活 HTML CSS列表元素ul,ol,dl的研究与应用 « 张鑫旭-鑫空间-鑫生活 jQuery图片文本滚动切换插件jCarousel中文翻译与详解 « 张鑫旭-鑫空间-鑫生活 酷酷的jQuery鼠标悬停图片放大切换显示效果 « 张鑫旭-鑫空间-鑫生活 IE6下z-index犯癫不起作用bug的初步研究 « 张鑫旭-鑫空间-鑫生活 checkbox复选框的一些深入研究与理解 « 张鑫旭-鑫空间-鑫生活 jQuery之使用slideToggle实现垂直下拉菜单 « 张鑫旭-鑫空间-鑫生活 jQuery-innerfade内部列表自动淡入淡出插件 « 张鑫旭-鑫空间-鑫生活 jQuery-火焰灯效果导航菜单 « 张鑫旭-鑫空间-鑫生活 IE下css bug集合-翻译自haslayout.net « 张鑫旭-鑫空间-鑫生活 翻译-IE7/8@font-face嵌入字体与文字平滑 « 张鑫旭-鑫空间-鑫生活 jQuery-马化腾产品设计与用户体验的一些技术实现 « 张鑫旭-鑫空间-鑫生活 像素的世界及其在web开发制作中的应用 « 张鑫旭-鑫空间-鑫生活 css行高line-height的一些深入理解及应用 « 张鑫旭-鑫空间-鑫生活 CSS实现圆角六色渐变自适应按钮详解 « 张鑫旭-鑫空间-鑫生活 我熟知的三种三栏网页宽度自适应布局方法 « 张鑫旭-鑫空间-鑫生活 jQuery照片图像剪裁插件Jcrop中文翻译详解 « 张鑫旭-鑫空间-鑫生活 Ajax Upload多文件上传插件翻译及中文演示 « 张鑫旭-鑫空间-鑫生活 告别图片—使用字符实现兼容性的圆角尖角效果beta版 « 张鑫旭-鑫空间-鑫生活 大小不固定的图片、多行文字的水平垂直居中 « 张鑫旭-鑫空间-鑫生活 jQuery boxy弹出层对话框插件中文演示及讲解 « 张鑫旭-鑫空间-鑫生活 JavaScript实现新浪微博文字放大显示动画效果 « 张鑫旭-鑫空间-鑫生活 翻译:让网络更快一些——最小化浏览器中的回流(reflow) « 张鑫旭-鑫空间-鑫生活 jQuery之addClasas与removeClass使用实例 « 张鑫旭-鑫空间-鑫生活 关于Google圆角高光高宽自适应按钮及其拓展 « 张鑫旭-鑫空间-鑫生活 JavaScript实现图片幻灯片滚动播放动画效果 « 张鑫旭-鑫空间-鑫生活 jQuery-鼠标经过显示大图并跟随鼠标效果插件 « 张鑫旭-鑫空间-鑫生活 关于gif图片(或png8)杂边锯齿的问题 « 张鑫旭-鑫空间-鑫生活 对html与body的一些研究与理解 « 张鑫旭-鑫空间-鑫生活 鲜为人知的一个解决兼容性问题的利器——小数 « 张鑫旭-鑫空间-鑫生活 搜狐白社会似iphone短信对话框效果的优化 « 张鑫旭-鑫空间-鑫生活 关于文字内容溢出用点点点(…)省略号表示 « 张鑫旭-鑫空间-鑫生活 jquery之append与insertBefore使用实例 « 张鑫旭-鑫空间-鑫生活 jQuery之图片关联伸缩效果 « 张鑫旭-鑫空间-鑫生活 jquery之图片左右切换动画效果 « 张鑫旭-鑫空间-鑫生活 jQuery之replace字符串替换实现不同尺寸图片切换 « 张鑫旭-鑫空间-鑫生活 jQuery-实现图片的放大镜显示效果 « 张鑫旭-鑫空间-鑫生活 jQuery-单击文字或图片内容放大显示效果插件 « 张鑫旭-鑫空间-鑫生活 reflection.js-实现图片投影倒影效果js插件 « 张鑫旭-鑫空间-鑫生活 jQuery-很酷的弹出层效果js插件 « 张鑫旭-鑫空间-鑫生活 复选框单选框与文字对齐问题的研究与解决 « 张鑫旭-鑫空间-鑫生活 css margin的相关属性,问题及应用 « 张鑫旭-鑫空间-鑫生活 IE6下png背景不透明问题的综合拓展 « 张鑫旭-鑫空间-鑫生活
关于《CSS选择器世界》这本书 « 张鑫旭-鑫空间-鑫生活
张鑫旭,zhangxinxu · 2019-10-16 · via 张鑫旭-鑫空间-鑫生活

by zhangxinxu from https://www.zhangxinxu.com/wordpress/?p=9002
本文可全文转载,无需授权。

一、只缘身在此山中

小时候,爷爷家在东边,外婆家在北边,我自己家在西南边,连起来正好是一个圈,以为这个圈就是全世界。

这个月国庆回去,沿着县道慢悠悠开去爷爷家不过30分钟车程,去外婆家不过40分钟车程,和每天上班时间差不多,才发现,小时候以为的全世界不过是个偏角一隅。

同样的,说起CSS中的选择器,很多开发人员认为就那些东西,我所知道的够用了,我所知道的就是整个CSS选择器世界的知识。

有句古话说得好:不识庐山真面目,只缘身在此山中。

你以为你了解的全世界,实际上你了解的只是周围的那圈东西,这个世界远比你想象的要更宽广更复杂更多变。

然而,山中之人要想了解山的真面目,并不是一件容易的事情。一种是变成仙人,御剑飞行,俯视大地,一目了然;还有一种是变成旅人,跋山涉水,翻山越岭,点滴记录。

前者可以等未来科技发展,知识直接入脑,不过当下不可行;后者当下虽可行,但需要历经各种艰辛,需要徐霞客般的精神,太难了。

好在,还有第三种折中的方法,那就是花一点点时间把别人历经各种艰辛绘制出来的庐山真面目印在自己脑中就可以了。

《CSS选择器世界》就是做了这样的事情,十年如一日的技术学习与积累,在CSS领域不断深耕,不断探索,不断研究,去粗取精,紧贴实践,尽可能将CSS选择器的完整世界呈现在大家面前。

你无需花费大量的时间亲自拓展CSS的世界,只需要用心反复阅读《CSS选择器世界》这本书,你就会发现你原本不知道的精彩世界。

“如果我比別人看的遠,那是因為我站在巨人的肩膀上。”——牛顿

二、百尺竿头须进步

CSS选择器世界书封

《CSS选择器世界》是我正式出版的第二本技术书籍,第一本书是《CSS世界》,虽然《CSS世界》收到了很多赞誉,在口碑的加持下销量也不错(2018年人邮技术类书籍Top1),但是也收到了不少有待改进的反馈。

首先是内容,多反馈学到了很多,要是有CSS3等新特性的介绍就好了。
其次是语言,多反馈技术绝对可以,就是有些啰嗦,以及一些尴尬的比喻。

这次这本《CSS选择器世界》绝对就不会有上面的问题了。

内容这块

知识点从CSS选择器Level 1一直到CSS选择器Level 4,绝对是最新对前沿的选择器知识介绍,深广度兼修,甚至很多CSS选择器由于太新浏览器还没有支持。

同时保持《CSS世界》的内容这块的优势,细节深入,与实践紧密联系,都是讲大多人不知道的CSS选择器相关知识,又是一场酣畅淋漓的知识徜徉之旅。

另外说明一点,《CSS选择器世界》的内容和《CSS世界》没有一丁点重复的地方,都是独立的新知识,可以放100个心。

专门做了张草图示意了下,《CSS世界》是基础,《CSS选择器世界》是脊骨,《CSS新世界》是增强:

CSS世界示意

语言这块

去掉了所有的“应该”,“可能”这样由于个人谨慎性格而出现的口头禅,全部改成“一定”,“必须”,让大家读个爽。

压抑自己个性创作的冲动,每一句话都平实,规矩,就像水平如镜的湖面,不会有联想,不会有歧义,春风拂面,冬暖夏凉,老少皆宜,阖家欢乐。

和出版社最细致的美女编辑小姐姐合作,逐字逐句过审,保证每一句话都没有错误,每一句话都足够精炼,同时每一句话都读得通,读得顺。

如果说《CSS世界》的语言风格和我博客一样是个山野路子的话,那《CSS选择器世界》的语言风格就是被调教的大家闺秀了。

补充于2020年末

年初签的台湾版版权合同,按时间算,差不多《CSS选择器世界》台湾繁体版快要出了。

三、路漫漫其修远兮

个体的能力毕竟有限,再怎么穷尽也不可能对一个知识体系事无巨细,面面俱到。

所以书中难免会有遗漏的知识点,甚至有表述不准确的地方,欢迎大家指正,可以去我自己搭的官方论坛进行反馈。

当然,自己也会不断学习,进一步填充自己在这个领域的技术深广度,同时,随着时间的推移,浏览器对CSS Level 4级别的选择器一定会支持越来越好,本书也一定会与时俱进,不断完善,因此,本书以后一定会有第二版第三版这样。

学无止境,勇攀高峰。

四、韵入琴声水涧悬

之前有同事问我,你平时那么忙,哪来的时间写书。

其实写一本书很简单,这么几步:第一步:写好大纲,联系好编辑;第二步:每天晚上回去写一点,到家晚的话,例如11点多到家,那就写半个小时;到家早的话,可以看看新番动漫里的老婆,然后写半个小时;周末多写几个小时,坚持不懈,然后半年过去了,发现书写好了;第三步:和编辑一起校阅,然后等着出版啦。

对吧,很简单,窍门就是每天写一点,写着写着,突然发现一本书写完了,《CSS选择器世界》我写了5个月,然后校阅到出版也是5个月,还是很快的。况且写书期间还参加了3场全国性前端交流大会,如果你没有那么多应酬,写起来一定会更快的。

关于书封不为人知的故事

  1. 书封是请同部门的视觉同事帮忙设计的,报酬是一顿大餐;
  2. 《CSS选择器世界》的书封乍一看好像只是和《CSS世界》书封的颜色不一样,其实不止这点区别,星云位置不同,鲸鱼的动作也不一样。提前告诉大家一个秘密,“CSS世界三部曲”的3个书封连起来是一个完整的鲸鱼游泳的姿势。
  3. 书封上自己的照片是自己P的,是不是毫无PS痕迹?哈哈哈~


欢迎大家继续支持我的这本书。

如果想要我的签名(送书)可以去淘宝这里购买。

淘宝二维码

如果想要带有我的亲笔签名的书籍可以在扫下面的码,或者长按识别下面的码进入微信小商店购买:

微信小商店

本文为原创文章,转载请保留原出处,方便溯源,避免陈旧错误知识的误导,同时有更好的阅读体验。
本文地址:https://www.zhangxinxu.com/wordpress/?p=9002

(本篇完)