摘要:
连我自己把float和绝对定位,都称为脱离文档流,想想概念又不那么清晰,于是寻找了W3C资料来理解,才发觉不应该叫文档流。 资料 英文:https://www.w3.org/TR/CSS22/visuren.html#normal-flow 中文:http://w3help.org/zh-cn/kb 阅读全文
摘要:
前言 页面显示到浏览器上的过程: 1.1、生成一个DOM树。 浏览器将获取到的HTML代码解析成1个DOM树,包含了所有标签,包括display:none和动态添加的节点。 1.2、生成样式结构体。 浏览器将所有样式解析成样式结构体,解析过程中会去掉浏览器不能识别的。 2、DOM树和样式结构体结合生 阅读全文
摘要:
相同: 1、两者都能隐藏元素。 不同: 1、display:none 不占页面空间,visiblity:hidden 占据原先页面空间。 这里必须说明的是,元素不占页面空间后,取该元素或其内部元素的宽高值永远是0。如果想隐藏又想取到宽高值,那就得用visiblity:hidden。 2、displa 阅读全文
摘要:
用来自动执行一些前端发布的操作。 脚本: 注意: 1. 保存文件后,给脚本添加执行(x)权限, chmod +x youname.sh 阅读全文
摘要:
作为光棍节的节目,选择珠海是因为有同学在那边,恰好过去聚。在出发前晚,在群上叫得最欢的那个,华丽丽地放了鸽子,最终一行四人,“珠海取经”。 出发当天,在公交车,靠着窗坐着,思绪纷乱,发散想了很多。在地铁上,人多,某人的卡都被挤掉了,我只能拘谨听着歌,然后在出口等着师傅。 九点四十就集齐取经四师徒,开 阅读全文
摘要:
今天在使用鼠标事件时,用错了mouseout,于是做个测试总结。 结论: mouseenter:当鼠标移入某元素时触发。 mouseleave:当鼠标移出某元素时触发。 mouseover:当鼠标移入某元素时触发,移入和移出其子元素时也会触发。 mouseout:当鼠标移出某元素时触发,移入和移出其 阅读全文
摘要:
《杀死一只知更鸟》最初拿到手的是高红梅的译本,刚开始读就觉得不对经,读起来很生硬吃力,越读越不舒服,像是嘴巴被塞了块肥腻的猪肉,恶心头晕。我第一反应就是译者的水平不足,翻译的水准像是大学生四级考试的翻译,一字一句的,直译过头了。 于是上网查找,果然有人说该人的翻译确实有问题,而为了不冤枉译者,我找到 阅读全文
摘要:
结论 在我多番测试之后,才发现background-image使用svg,改变颜色根本做不了。 分析 当svg图片被使用成background-image,颜色的设置需要在svg内部才能生效。在外部CSS设置颜色样式,却是无效,这其实可以从CSS选择器得到解释,CSS选择器必须选择到DOM元素,而s 阅读全文
摘要:
在某些情况下,textarea是不够用的,我们还需要显示一些图标或者高亮元素,这就需要用富文本编辑器,而富文本编辑器本质上是HTML元素设置了contenteditable。 然后可能需要像input、textarea有placeholder的输入提示语,但contenteditable的元素,pl 阅读全文
摘要:
一开始还以为是宫崎骏的轻小说,然后自行改编为动画电影,查找后才知道是日本昭和初期感觉派作家堀(kū)辰雄创作的中篇小说,大概是书的名字误导了我,书名——《起风了(宫崎骏收山之作原著小说)》,烨伊译。 这本书并不长,我很快就读完了,主要是描写男主人公陪伴未婚妻节子在山中疗养等待死亡的爱情故事(等待死亡 阅读全文
摘要:
有些时刻,我思考我哪些时期读的书最多。发现是我小学六年级时候,当初是班里的小图书管理员(每班里都有个小木箱),利于权职之便,我读遍了小书库中约150本书,当初无论什么都读,也不在意能不能看懂,就一心想把所有书读完。到了如今,很多书已经不记得,不过当初有本讲威信和威权的书,让我明白威权压人,威信服人。 阅读全文
摘要:
一开始,文章的标题并不是这样,原标题太过尖锐,感觉换才合适。 今早心情有些郁结,源于母亲说的一句话,“我想把一年300块钱电视费给停了”。 当时我心口像压了大石,我瞬间自我反思,“我做了什么,何以让母亲要这么做,又或者我没做什么,导致母亲想这么做”。在我看来,为什么连着区区的300块都要省,还是一年 阅读全文
摘要:
“时刻明确你真正想要什么”,一句话总结。 意志力干了什么?意志力,就是驾驭“我要做”、“我不要”和“我想要”的力量。当读到这句话时,我惊喜发现到现在为止,我所有做的自控事情就是这三类事情。例如,作为程序员,对于当前的开发进度和代码质量上,我在心里都时刻提醒自己,今天要完成这些计划,这一段代码,我一定 阅读全文
摘要:
读书,明事理,辨是非。(不要做一个蠢人) 实用书 1、如何阅读一本书 | 读后感:http://www.cnblogs.com/lovesong/p/8277992.html 思维 2、单向度的人(缺失想象力) 3、拆掉思维的墙 4、思考的技术 5、沟通的艺术 6、非暴力沟通 7、批判性思维工具 科 阅读全文
摘要:
“你指尖跃动的电光,是我此生不灭的信仰,唯我超电磁炮永世长存”。 这句话的来源已无所探究,但战歌响起,就觉得这句话,真帅! 几天补完这部番,看完还似乎看到,炮姐那枚抛向天空的硬币。 不知怎么,就喜欢御坂美琴穿打底裤的设定,超过其他。 也有些疑问,初春头上的花是头饰,还是能力长出来的..... 婚后光 阅读全文
摘要:
昨天写样式遇到个问题,如何让鼠标悬浮DIV后,显示DIV外的按钮,可以点击到按钮。 效果如下: 问题: 在DIV hover时候将按钮设为display: block,这是很直接的想法,但是这有个问题,就是在悬浮出现按钮后,鼠标要移到按钮上过程中,离开了DIV经过间距时,按钮就会消失。 解决办法: 阅读全文
摘要:
今天需要将文本垂直居中,就是一行是垂直居中,多行也是垂直居中。 效果如下 实现代码(同事提供) 演示地址 http://htmlpreview.github.io/?https://github.com/codingforme/code-learn/blob/master/css-demo/mult 阅读全文
摘要:
1. 动态生成的input自动focus 背景: input元素在需要时才插入DOM,这时元素用autofocus属性第一次是可以获取焦点,但是如果有第二个,就不再生效,所以得另外的办法。 方法: 2. plupload插件引入时报“mOxie undefined” 背景: vue引入pluploa 阅读全文
摘要:
常识 1.computed计算属性,使用的属性必需在data里面声明。 Webpack问题 1.模块里面使用JSON.stringify和 typeof,报:Uncaught TypeError: Cannot assign to read only property 'exports' of #< 阅读全文
摘要:
在使用webpack作为模块加载工具时,我在想module.exports的模块应该是一种什么模式,最直接地思考是单例。不太确定,所以写一个简单例子做测试。 测试代码 singleton.js: var Singleton = { count: 0, addCount: function(){ Si 阅读全文