写得少,都吐不出墨水了

最近在弄毕业设计,总有个现象,就是一个段落,自己吐墨水的话,吐不超过两句就吐完了。回头看看博客,发现这一年来,才3篇文章,原来是这样才缺乏墨水啊。

其实这一年来,实践的东西还挺多的,拿CSS来说话吧,曾经对CSS的理解,就是知道个文档流,然后浮动的元素会离开文档流,一切的布局都从文档流入手。如今,神马包含块,神马层叠上下文,神马BFC,基本都吃透,布局手段多了去了。别总一股脑的浮动布局,浮动的初衷是图文混排啊。利用包含块,该绝对定位就绝对定位,还可以轻易在 overflow:hidden里面的做弹窗。

吐槽jQuery UI和jQuery Mobile

UI也好,Mobile也好,总是喜欢开发者写少量代码,由JS动态写入完整代码,并保障可用性。JS生成的代码,这是保障的哪门子的可用性。那些没有JS的读屏器,那些急速模式下的浏览器,怎么读得到这部分数据。

前端起来了,肥客户端也慢慢起来了,JS的流程优化对性能影响尤为重要。见过一个没优化JS流程的页面,Highchart和jQueryUI同时争夺浏览器资源,直接后果是打开页面要卡那么一两秒,页面才能正常显示,这已经是在Chrome下面了,IE更是惨不忍睹。

那个案例里面,jQueryUI是历史原因,单单CSS就可以很好的处理,至于write less do more,可以交给后端模版的嘛,这些东西就别和Highchart这类数据渲染的JS抢浏览器资源了吧。尤其是Mobile,卡顿都是给Enhancements搞的,想想slide动画的瞬间,在一两秒内,浏览器要完成dom加载、Enhancements、DOM节点的position位置属性渐变,这些都不是省油的灯,不卡才怪。

前端模版是用来承载数据的,不是用来Enhancements的。

附:毕设想到的一个小细节

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏知晓程序

失敬,我的微信语音总是比一般人多 1 秒 | 晓技巧

1553
来自专栏企鹅号快讯

数据分析常用工具

本文总结数据分析常用的软件,以及推荐相应的学习参考资料。 1. Excel 常用操作有函数、可视化、数据透视表、VBA。 函数 可视化 i.单元格 ii.静态图...

2479
来自专栏Youngxj

Lyplayer蓝叶音乐视频播放器-emlog插件

2475
来自专栏程序人生 阅读快乐

《CSS高效开发实战:CSS 3、LESS、SASS、Bootstrap、Foundation》谢郁(作者)mobi

想象一下,一个网页只有HTML,没有CSS,那就是素颜和上妆的区别。而一个网页只有CSS,没用CSS 3,那就是马车和汽车的区别!汽车代表的是高效、美观,CSS...

1353
来自专栏進无尽的文章

产品动效的福音,AE 动画直接变原生代码

在产品的开发中有时候需要一些动态效果,或者动画。如果全部让程序员用代码生成,可能发费的时间就很多了,并且有些动效是很难做出来的,比如超出了API支持的动画效果。...

2952
来自专栏玉树芝兰

Markdown懒办法排版微信公众号文章

写微信公众号的人群里面,不乏十分勤奋者。看看他们使用的排版工具,便知道为了排版一篇文章,他们要耗费多少辛劳了。

2082
来自专栏菜鸟计划

我的HTML总结之HTML发展史

HTML是Web统一语言,这些容纳在尖括号里的简单标签,构成了如今的Web。 ? 1991年,Tim Berners-Lee编写了一份叫做“HTML标签”的文档...

3746
来自专栏更流畅、简洁的软件开发方式

以【联动列表框】来看单一职责!

联动列表框,简简单单的五个字,仅仅从字面上看,就可以分出来两个职责: 职责一:列表框 职责二:联动 我们先来看这两个职责,然后再说引申出来的另外两个职责。 职责...

2619
来自专栏互联网杂技

为未来的SaaS应用提供新的交互及视觉设计

云端软件即服务已代替传统笨重的桌面软件,打造优异的用户使用界面让你的应用脱颖而出已是势在必行之事,然而这也意味着诸多的挑战。 本文介绍给大家一些基本需要关注的点...

35612
来自专栏知晓程序

开发 | 小程序如何快速适配 iPhone X?

但是,由于 iPhone X 的「异型」屏幕,以及底部的「小白条」的存在,不少开发者都头疼应该如何适配这块略显奇怪的屏幕。

2434

扫码关注云+社区

领取腾讯云代金券