![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端基础
凡大喵
这个作者很懒,什么都没留下…
展开
-
前端基础知识(grid布局)
参考链接grid布局简介CSS Grid(网格)布局,是一个二维的基于网络的布局系统。Flexbox 的出现很大程度上改善了我们的布局方式,但它的目的是为了解决更简单的一维布局,而不是复杂的二维布局(实际上 Flexbox 和 Grid 能协同工作,而且配合得非常好)。Grid(网格) 布局是第一个专门为解决布局问题而创建的 CSS 模块采用grid布局的元素,被称为grid容器(grid...原创 2019-03-19 22:16:31 · 23440 阅读 · 6 评论 -
前端基础知识(flex布局)
页面布局flex布局Flex是Flexible Box的缩写,翻译成中文就是“弹性盒子”,用来为盒装模型提供最大的灵活性,任何一个容器都可以指定为Flex布局.box{ display: -webkit-flex; /*在webkit内核的浏览器上使用要加前缀*/ display: flex; //将对象作为弹性伸缩盒显示}/*行内元素flex布局*/.box {...原创 2019-03-15 20:45:00 · 312 阅读 · 0 评论 -
前端面试题:页面布局
题目实现如下页面布局。核心区域左侧自适应,右侧固定宽度 200px解决思路侧边栏aside通过负值左外边距得以和content共处一行真正的自适应内容则放置在content的内部,使用右外边距得以和aside保持固定距离使用overflow:hidden清除浮动参考答案html:<!DOCTYPE html><html lang="zh-cn">...原创 2019-03-16 18:35:48 · 969 阅读 · 0 评论 -
grid布局实现响应式图片网格
任务目标利用grid布局实现响应式图片网格,如下图:核心概念fr:CSS Grid 带来的一个全新值,称为等分单位 。它允许将容器可用空间分成想要的多个等分空间repeat()函数:grid布局中指定列和行更强大的方法auto-git:列数自适应minmax()函数:定义网格项目的宽度范围实现代码html:<!DOCTYPE html><html l...原创 2019-03-21 21:31:41 · 1500 阅读 · 1 评论 -
【JavaScript】前端面试基础篇 第二章 变量类型和计算
题目JS中使用typeof能得到哪些类型何时使用=== 何时使用==JS中有哪些内置函数JS变量按照存储方式区分为哪些类型,并描述其特点如何理解JSON知识点变量类型值类型...原创 2019-04-27 22:58:52 · 147 阅读 · 0 评论 -
【JavaScript】前端面试基础篇 第三章 原型和原型链
题目如何准确判断一个变量是数组类型写一个原型链继承的例子描述new一个对象的过程zepto(或其他框架)源码中如何使用原型链知识点构造函数function Foo(name,age){ this.name = name; this.age = age; this.class = 'class-1' //return this //默认有...原创 2019-05-06 20:16:31 · 209 阅读 · 0 评论