随笔分类 - 前端学习杂记
摘要：jQuery速成--非前端专业的可选项 前言 在Vue、React框架盛行的今天，我们是否还要学习 jQuery 框架呢，答案是当然可以的，jQuery框架曾经也是流行一时，是一个非常方便好用的框架，在做一些前后端不分离的项目上有非常大的优势，也很方便，在一些场景下还是有应用空间的（本人就遇到很多学
阅读全文
摘要：媒体查询 使用 @media 规则制定一组样式的目标媒体类型（逗号分隔），以花括号确定范围。 视口：指一个设备能够显示的屏幕区域 在 head 标签中，输入 viewport 定义原标签（meta name="viewport"） 视口单位： vw：1vw等于视口宽度的1% vh：1vh等于视口高度
阅读全文
摘要：与flex布局的区别：flex 布局是仅从横向上进行布局，是一维布局，而 grid 布局属于是二维布局，是一种网格布局。 display: grid;display: inline-grid;// 设置grid布局以后，子元素的float、inline-block、table-cell都将失效 gr
阅读全文
摘要：flex 布局的设置 display: flex; // 不包裹内容display: inline-flex; // 包裹内容// tips:设为flex布局以后，子元素的 float、clear和vertical-align 属性将失效 对于 flex 布局，分为 flex 项目和 flex 容器
阅读全文
摘要：接下去的规划，不谈互联网+（互联网+根本没法规划），谈谈我自己本来的规划吧，我原本打算这个暑假和朋友一起做游戏，但是奈何我和我朋友这个暑假都有自己的事情要做，那只能往后推了。接下去我的目标是学完前端三件套，学习Vue框架，搭建一个属于自己的博客，前几天去物色了一下，打算买个云服务器，域名都想好了:
阅读全文
摘要：CSS各种定位属性: 使用 position 属性进行修改. 静态定位： 默认定位方式. position: static; 相对定位： 布局中会占用文档空间, position: relative; top: 20px; left: 20px; 后面这个 top 和 left 是相对于自身原有位置
阅读全文
摘要：盒子模型： box-sizing: content-box; 调整 padding 时会向外扩展,不太适合用来布局(默认) box-sizing: border-box; 调整 padding 时会向内扩展,不改变整个盒子的大小,比较适合用来布局(内容空间会被压缩) 以上两者在调整 margin 时
阅读全文
