Jackie Anxis

唯一特长是打退堂鼓

《编写可读代码的艺术》阅读笔记(三)

重新组织代码一、抽取不相关的子问题 建议:积极发现并抽取出不相关的子逻辑 看看某个函数或代码块,问问自己,这段代码高层次目标是什么? 对每一行代码,问问自己,它是直接为了目标而工作吗?这段代码的高层次目标是什么? 如果有足够的行数在解决不相关的子问题,抽取代码到独立的函数中 例子,计算地..


《编写可读代码的艺术》阅读笔记(二)

简化循环和逻辑一、流程控制1. 判断1)条件判断中的参数顺序 比较的左侧 比较的右侧 “被问询的”表达式,更倾向于不断变化 用来做比较的表达式,它的值更倾向于常量 PS:但是反着写,能够避免掉那种if(obj = NULL)的错误,俗称“尤达表示法”。 2)if/else语句块..


《编写可读代码的艺术》阅读笔记(一)

表面层次的改进一、命名1. 把信息装到名字里 选择更专业的词:就是要寻找更有表现力,更精准的词汇来进行命名,文章给出了一个可替换单词的表格: 单词替换选择senddeliver, dispatch, announce, distribute, routefindsearch, extract, ..


前端笔记目录总览

HTMLHTML文档结构&标签属性HTML章节标签&文本标签HTML组合内容标签HTML嵌入资源标签HTML表格标签HTML表单标签HTML补充篇CSSCSS介绍和准备 引入CSS CSS语法 基本语法 浏览器私有属性 属性值语法 @规则语法 CSS选择器 简单选择器 标签..


CSS@10布局(下):float

CSS布局(下):floatfloat浮动布局顾名思义,float浮动布局的意思就是,元素会浮动起来,会出现类似脱离文档流的行为。具体见例子: 我是浮动的元素我是正常的文本,我是正常的文本,我是正常的文本,我是正常的文本,我是正常的文本,我是正常的文本,我是正常的文本,我是正常的文本,我是正常的..


CSS@布局(中):position

CSS布局(中):positionposition 定位方式position:static 默认定位默认的定位方式,元素在文档流中,无法用top,right,bottom,left进行定位 position:relative 相对定位 仍在文档流中 参照物为元素本身 相对定位元素层级较高 解..


CSS@8布局(上):display&z-index

CSS布局(上):display&z-index文档流的概念文档流指的是元素按照其在 HTML 中的位置顺序决定排布的过程,或者说在排布过程中将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素。但是,在某些情况下,元素会脱离文档流,他们不会按照既定的顺序进行排布,而是按照指定..


读《一道JS面试题引发的思考》

读《一道JS面试题引发的思考》笔记和思考这真是一篇牛逼的文章……读了一个多小时才读懂,得好好品味一下才好 JS面试题原题//比较下面两段代码,试述两段代码的不同之处// A--------------------------var scope = "global scope";function ..


CSS@7背景

CSS背景 background background-color 背景颜色 background-color:<color> 解释: 背景颜色,默认是transparent,全透明 background-image 背景图片 background-image:<bg-..


CSS@6盒模型

CSS盒模型 经典图解如上图所述,每个HTML元素,都像一个盒子,而这个盒子,有content(内容),padding(填充缝隙),border(边界/外壳),margin(边缘空白)。 content:可以理解为盒子里装的内容物 padding:可以理解为盒子的外壳和内容之间的缝隙(或者是填..