
日常记录
番茄小火锅
努力!
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
【日常记录】CSS 中的 box-sizing 属性
今天学习画阴阳图案时候,代码中有一个不熟悉的属性,通过查MDN简单了解了一下这个属性,记录下来。含义box-sizing 属性定义了 用户浏览器 应该如何计算一个元素的总宽度和总高度。用法在盒子模型的默认定义里,当对一个元素设置了width和height之后,实际上只是设置了内容区的宽度。那么,当需要调整元素的宽度和高度时,边框和内边距很有可能影响我们的布局。通过设置box-sizing...原创 2019-07-21 18:12:49 · 154 阅读 · 0 评论 -
【日常记录】CSS抽象概念-堆叠上下文、BFC与margin合并
CSS中有一些抽象的概念,这篇博客主要用来总结对这些抽象概念的一些理解。**1. 堆叠上下文(the stacking context)**堆叠上下文是一个抽象的概念,我们没法定义,但是可以定义触发它的条件,几个常见的触发条件:- 根元素html- z-index的值不为auto的相对或者绝对定位的元素- opacity的值小于1的元素- z-index的值不为auto的fl...原创 2019-09-24 23:02:15 · 354 阅读 · 0 评论 -
【日常记录】块级元素和内联元素的宽和高是由什么决定的?
本篇博客就块级元素,内联元素的宽高进行总结。一些常用的布局技巧文字对齐去除多余的空格解决超长文字溢出单行文本省略和多行文本省略margin合并脱离文档流实现垂直居中的7种方式7种方式2flex布局实现绝对居中实现1:1自适应的div...原创 2019-09-24 18:30:13 · 268 阅读 · 0 评论 -
【日常记录】做过的demo汇总
我的在线简历简易画板无缝轮播实现简版jQuery原创 2019-09-07 21:47:19 · 182 阅读 · 0 评论 -
【日常记录】理解DOM事件的传播机制
番茄小火锅:理解事件传播,解决bugdemo1写出一个点开浮层、关闭浮层的例子,要求点击按钮弹出浮层点击别处关闭浮层点击浮层时,浮层不得关闭再次点击按钮,浮层消失demo2代码...原创 2019-09-05 18:35:16 · 196 阅读 · 0 评论 -
【日常记录】jQuery初探
一个题目window.jQuery = ???window.$ = jQueryvar $div = $('div')$div.addClass('red') // 可将所有 div 的 class 添加一个 red$div.setText('hi') // 可将所有 div 的 textContent 变为 hi我的解答http://js.jirengu.com/nabih/6...原创 2019-08-30 23:34:37 · 184 阅读 · 0 评论 -
【日常记录】原型与原型链
按自己的理解,简要整理一下JS中原型链的相关知识。1.什么是原型在 JavaScript 中,每当定义一个对象的时候,对象中都会包含一些预定义的属性。如现在声明一个number类的对象var n1=new Number(1)n1.toString()//"1"但是我们打印有关n1的相关信息时,发现我们根本没有定义对象的toString属性。继续点开__proto__属性,找到了我们希...原创 2019-08-26 22:29:33 · 171 阅读 · 0 评论 -
【日常记录】常用的Linux命令及命令释义网站explainshell.com
常用的Linux命令及命令释义网站explainshell.com常用的命令ls–list用于列出当前工作目录包含的文件,同时也可以查看文件的权限、目录信息等。几个常用的参数:ls -a列出目录所有的文件,包括以.开头的隐藏文件ls -l列出文件的权限、所有者、文件大小、文件名等所有信息。ls -r反序排列文件cat—concatenate and print files...原创 2019-07-09 10:48:31 · 157 阅读 · 0 评论 -
【日常记录】CSS常用布局技巧
CSS常用布局技巧整理目前学会的布局技巧,后续会添加更多。1.左右布局利用float做法:1.给父元素添加clearfix类 .clearfix::after{ content: ""; display: block; clear: both; }2. 给子元素设置float效果预览2....原创 2019-07-23 11:27:46 · 248 阅读 · 0 评论 -
【日常记录】flex布局-灵活简单
关于flex布局的几个重点概念完整的思维导图如何理解flex-shrink待补充:flex-shrink的几种计算方式。原创 2019-09-25 17:33:00 · 151 阅读 · 0 评论