主题
《iconfont & bootstrap 之 tooltip _ 技术分享》
前言(前言是瞎写的,写前言就是为了凑点字,因为没点儿字儿好像不太合适)
[1] 我为什么不讲DOM?
讲DOM,会不会显得我智商很低?(其实我连DOM都...了解地不专业,嗯,其实无论啥我都不专业)
[2] 我为什么不讲CSS?
因为我对美,根本没有追求啊。
[3] 我为什么不讲JS?
“JS原型链、JS设计模式、封装、继承、闭包、数据结构、propotype、promise、栈、队列、react、vue、ES6......”,这些耳熟能详的东西,对我来说,终究也就只是一碗乱炖,乱八七糟。

[END] 所以,我还是讲iconfont和bootstrap的tooltip吧!
因为,我就喜欢讲这种,根本不用讲的东西。
技术介绍
iconfont 3种用法;(unicode/font-class/svg)
bootstrap之tooltip 2种用法;(静态DOM/JS操控)

技术应用
本着“学以致用”的原则,我写了3个demo;
demo 1 _ 北京地铁(//这个demo主题,走的是性冷淡路线)

demo 2 _ 日历通知 calendar(实用)

demo 3 _ 微信聊天 wechat(接地气)

遇到的问题
[1]A html里一定要写个title?并且里面要有内容??//否则出不来;
[1]B svg怎么变颜色?
[2] demo 3 其他参数(位置调不好)
心得
[1] 培养“主动阅读官方技术文档”的兴趣和习惯;
[2] 只有站在巨人的肩上,才看得更远,做的更多;(但是,很明显,我站不稳啊)

网友评论