Angular 重构与 CSS 慎用 float

昨天的大红袍意犹未尽,于是翻柜子,居然在一个破兜子里翻出两饼十年勐海熟普……于是我一激动,投茶量过大了……上次品十年熟普还是去年坐客寺中,茶师姑娘沏出来的,润如玛瑙,今日再现上品佳茗之本色,幸福。

厦门好友寄来刚下的秋茶。各地佳茗汇聚我处,也是一种幸福的生活了。

这还是上周六。刚上班儿时,送来一部华为 Mate7,大家无动于衷,三两者掏出来看了两眼,就很快不知道跑哪儿去了,也没人关心。快下班儿时,送来了 iPhone 6 和 6 Plus,轰地全班扑将过去,然后……说好的“仪式”呢?七八手脚地没五分钟,同共也就七八个人啊,到某人手里看第一眼时两台机子连指纹都被录完了……6 和 6P 的第一次啊!就这么被随随便便地轮奸了……然后当然下班就被瓜分了。幸好我有
Web 前端的角色,于是理所当然以适配为理由拿走了,直到今天,基本上这台机子就是我在用了。

有数据显示,Android 国内市场占有率前三为三星、小米、华为。作为兼领 Web 前端角色的工程师,纯粹以该角色的角度来看,我希望把第三位给抹掉……估计会有爱国贼会因此激动一把,还有中兴、联想、VIVO 呢好不好?我觉得这些都不错,只要不是华为就行。华为太糟心了,P6、D2、Honor6、Mate7,一台一种莫名其妙的呈现行为,完全不合群地奇怪,乱七八糟。这就是你的产品?做智能手机,华为的基础还很差。马步不稳,就慌忙四处出鸡,不管开始多挺,不能持久的。

天公佑我华夏,APEC 伊始,京城的天空,无比爽朗。昭昭然,浩浩哉,盛世隆重。不过老百姓的生活还是很受影响的。北邮封校,验身份,我坚信我是学生,于是用已经注销的校园卡,刷过了……连校内公共 WIFI,验身份,我用已经注销的学号,登录上了……听了泰康人寿的宣讲会,想在北邮招技术,现场还有人大的学生捧。话说朝廷一鼓励,保险企业们是鹊起了哈。听着这些刚过二十的孩子们一个一个稚嫩的问题,台上企业代表富有技巧地回答,默然。旁边教室是计科院,是大二吧,优秀班级评比,一个班一个班上去宣讲,台下助阵声声。这些孩子们,看不出大,也看不出小。你说,我们二十岁的时候,脑子里都在想着什么呢?

做人须敬曾文正,做事要学李鸿章。这对师徒父子。做曾文正公难,学李鸿章还是有希望的。

------------------------------------------------------------------------------------------------------------

先说 CSS 这 float,慎用吧。有教我要用 float 布局,巨蟹男的我怎是一个囫囵吞枣的男人呢?第一版时,我对 Web 工程还没什么感觉,重压之下,就那产品一拍脑门儿出的有违工程可行性的原型布局,我用遍地 float 先兑上了,恨恨地,这版在刚出生就被我判死了。应付完团队进度后,我立即下手推倒重来,float 被抹得一个不剩。float 不是用来排版的,在我手里是。排版有的是应有的手段。

既然是推倒重来,就推倒重来。把 jQuery 也替掉。不管是 Zepto 还是其它类 jQuery 的,实质是一种过时的思想,弃掉。更不用提 Android 对 $() 的执行行为,jQuery 肯定是不能用的。MVC 中我选中了 Angular。

其实最好的实习就是将我之前在 WPF 下的应用用 HTML+Angular+CSS 重构。这已是计划,不过眼下来不及的。初体验,怎么说呢?唯一一个挂在 body 上的 controller,我这个 $scope 跟 $rootScope 没什么区别了。几个 service 提供基础数据及 ajax。几个 directive 挂 DOM 事件,在 directive 中更新绑定字段儿值(其实就是内置的
jQuery 操作)需要 $apply 一下。异步通知需要 $watch。

这个 ng-repeat 是好用,但遇上我们这个产品拍脑门儿出来的反工程可性行的原型布局就没法用了,以至于我得 float 一个一个定了,完全没有模板手段。

这个 span 标签真是太可爱了。善用之。

文件操作肯定要挂异常处理,Node 是监听文件流操作的 error 事件,暂时也没有更深的探究,反正死不了就是了。Node 服务器需要配个守护进程才是,Upstart 不好用。

用 Node 脑子里也时刻挂着根弦儿——哪里是异步的。

时间: 2024-08-02 16:00:42

Angular 重构与 CSS 慎用 float的相关文章

重构:CSS也面向对象

最初接触到面向对象的CSS还是因为项目中的CSS已经超过八千行,缺乏约束和管理,在近期或者是不远的将来,有迫切的要求需要重构.在前端重构中,我们已经讨论过了JavaScript面向对象的重构,在这个时候再看一看CSS面向对象和模块化,这给我的工作提供了非常好的思路. 首先,我要说的是,在这个概念翻飞的年代里,固执地追求某些概念和涵义,并不能带来更优秀的设计和更高的生产力,面向对象是一种思路,或者说是一种方法论,给CSS重构带来一些启示,这就足够了,没有必要去纠结OO CSS的定义和严谨性. 我们

CSS中float和Clear的使用

CSS中float和Clear的使用 本文和大家重点讨论一下CSS中Float和Clear属性的使用,一个float对象可以居左或居右,一个设置为float的对象,将根据设置的方向,左移或右移到其父容器的边界,或其前面的float对象的边界,而紧随其后的非float对象或内容,则包围在其相反的方向. CSS中Float和Clear属性用法 实现多栏排版的最好方法是使用float属性,float也是一个将使你受益匪浅的属性.一个float对象可以居左或居右,一个设置为float的对象,将根据设置的

验分享:CSS浮动(float,clear)通俗讲解

经验分享:CSS浮动(float,clear)通俗讲解 很早以前就接触过CSS,但对于浮动始终非常迷惑,可能是自身理解能力差,也可能是没能遇到一篇通俗的教程. 前些天小菜终于搞懂了浮动的基本原理,迫不及待的分享给大家. 写在前面的话: 由于CSS内容比较多,小菜没有精力从头到尾讲一遍,只能有针对性的讲解. 如果读者理解CSS盒子模型,但对于浮动不理解,那么这篇文章可以帮助你. 小菜水平有限,本文仅仅是入门教程,不当之处请谅解! 本文以div元素布局为例. 教程开始: 首先要知道,div是块级元素

CSS之float

在 HTML中的所有对象,默认分为两种:块元素(block element).内联元素(inline element),虽然也存在着可变元素,但只是随上下文关系确定该元素是块元素或者内联元素. 其实CSS的float属性,作用就是改变块元素(block element)对象的默认显示方式.block对象设置了float属性之后,它将不再独自占据一行.可以浮动到左侧或右侧. 浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止.由于浮动框不在文档的普通流中,所以文档的普通流

CSS之float的那些事

相信很多同学在学习CSS的float属性时,会有很多说不清道不明的小情绪,我也遇到一些,暂且mark一下. 以下内容分为如下小节: 1:float属性 2:float属性的特性     2.1:float之文字环绕效果 2.2:float之父元素高度塌陷 3:清除浮动的方法 3.1:html法 3.2:css伪元素法 4:float去空格化 5:float元素块状化 6:float流体布局     6.1:单侧固定 6.2:DOM与显示位置不同的单侧固定 6.3:DOM与显示位置相同的单侧固定

css浮动(float,clear)

1. 以div元素布局为例,div是块级元素,在页面中独占一行,自上而下排列,也就是传说中的流,是指标准流中的div. 无论多么复杂的布局,其基本出发点均是:“如何在一行显示多个div元素”,显然标准流已经无法满足需求,这就要用到浮动. 浮动可以理解为让某个div元素脱离标准流,漂浮在标准流之上,和标准流不是一个层次. 2. 假如某个div元素A是浮动的,如果A元素上一个元素也是浮动的,那么A元素会跟随在上一个元素的后边(如果一行放不下这两个元素,那么A元素会被挤到下一行):如果A元素上一个元素

CSS浮动(float)属性学习经验分享

作为一名前端开发的初学者,CSS的布局定位无疑成为了一个难点,这两天通过看一些博客的技术分享和自己的反复实践,大概领悟到了一些float的“门道”. 下面就通过一些例子来归纳总结一下我所学到的浮动特性: (一)浮动元素对其兄弟元素是标准流元素的影响: 现在假定HTML文档中从上到下有3个块元素A.B.C 1.现设定A.C为标准流中的元素,B设为float:left (注:为了更直观地显示,设B的透明度为0.5,B是在C上方的) 由此可见:将B设为浮动元素后,B脱离了标准文档流,浮于其上方,因此他

【css】float:left不撑满容器与opacity将子元素透明demo

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta h

css中float属性和position

css中float属性: float 属性定义元素在哪个方向浮动.以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动.浮动元素会生成一个块级框,而不论它本身是何种元素. 如果浮动非替换元素,则要指定一个明确的宽度:否则,它们会尽可能地窄. 注释:假如在一行之上只有极少的空间可供浮动元素,那么这个元素会跳至下一行,这个过程会持续到某一行拥有足够的空间为止. 默认值: none 继承性: no 版本: CSS1 JavaScript 语法: object.styl