- 博客(6)
- 收藏
- 关注
RSS订阅
原创 CSS Box model 盒模型
盒子模型最简单的就是四个属性：内容(content)、内边距(padding)、边界(border)、外边距(margin)，我们可以抽象转移到我们日常生活中的盒子（箱子）上来理解，日常生活中所见的盒子也就是能装东西的一种箱子，也具有这些属性，所以叫它盒子模式。当然，我们从最基本的谈起：内容(content)内容(content)由2个属性 width 与 hight...
2018-02-28 16:49:06
234
原创 localStorage与sessionStorage 最简单的入门
在前端开发中，尽量少用cookie，原因：1.cookie限制大小，约4k左右，不适合存储业务数据，尤其是数据量较大的值2.cookie会每次随http请求一起发送，浪费宽带在移动开发中尽量用localstroage，优点：1.存储数据量大，localStorage拓展了cookie的4K限制2.会随http请求一起发送，localStorage会可以将第一次请求的数据直接...
2018-02-28 16:50:08
797
1
原创 css border实现三角形
一、border使用方法1.1.css.border-box-1 { width: 100px; height: 100px; border: 2px solid #f00; border-style: dotted solid double dashed; /*上边框是点状dotted 右边框和左边框是实线solid 下边框是双线double*/ }...
2018-02-11 16:02:16
702
原创 css line-height小酌
1.行高的实际应用1.1.一个空的div，打开浏览器看什么都会没有，给他嵌套个字体啊，就能撑开啊好，兄弟来，试试看看行不行？div { line-height: 0; background: #f00;}或，div { font-size: 0; background: #f00;}实际上上面2个，div的高变成了0；那到底是什么把div撑开了呢？行高...
2018-02-08 17:15:47
335
原创 css 选择器大全手册
1. 选择器分类1.1.元素选择器 a{}1.2.伪元素选择器 ::before{}1.3.类选择器 .link{}1.4.属性选择器 [type=radio]{}1.5.伪类选择器 :hover{}1.6.ID选择器1.7.组合选择器 [type=checkbox] + label{}1.8.否定选择器 :not(.link){}1.9.通用选择器 *{}2.选...
2018-02-08 15:28:07
158
原创 webpack的四大核心概念
webpack中文文档:https://doc.webpack-china.org/concepts/一、Entry（入口）1、单个入口（简写）语法// 语法entry: string|Array<string>// 用法module.exports = { entry: './index.js'}module.exports = { en...
2018-02-07 23:44:29
1759
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人