关于移动端 视口总共可分为3个视口:布局视口,视觉视口,理想视口 布局视口: 1. 一般移动设备的浏览器都默认设置一个布局视口,用于解决早起的PC端页面在手机上显示的问题 2. 这个视口的分辨率基本都设置为980px 视觉视口: 用户所看到的网站区域 理想视口: 使得网站在移动端有最理想的浏览和阅读宽度而设定的,是最理想的视口尺寸 要手动添加meta视口标签,主要目的:布局视口的宽度应该与理想视口的 2021-04-14 css mobile
css实现水平垂直居中(大概8种) 要求对一个东西实现水平垂直居中 利用text-align和line-height针对行级元素 利用table-cell,vertical-align和text-align在子元素不确定宽高和数量时,特别实用 利用flex简便、完整、响应式 利用grid和flex类似 有三种实现方式: 1. 在父容器中设置display: grid; align-content: center; jus 2021-04-13 css interview
css实现三栏布局 要求假设高度已知,请写出三栏布局,其中左栏、右栏宽度各为300px,中间自适应 方案:float布局,absolute布局,表格布局,grid布局,flex布局,双飞翼布局,圣杯布局(共7种) float布局 做法:左右两侧部分分别左右浮动,中间容器要设置的左右margin为左右两侧分别的宽度 注意:在中间的div区域要放到最前面进行渲染 优点:比较简单,兼容性也比较好。只要清除浮动做的好,是 2021-04-13 css interview
数据结构-图 图的表示方式(无向图)1. 邻接矩阵(缺点:浪费计算机内存。添加和删除点很麻烦) 2. 邻接表 一些操作(操作时要先存储vertices顶点,adjList边) 1. 添加点 2. 添加边 无向图遍历图遍历基本思路: 1. 广度优先遍历(使用队列思想) 广度优先遍历中关于最短路径问题: 2. 深度优先遍历(使用递归栈思想) 2021-04-13 data structure
数据结构-树 简介树结构: 树的每一个节点都包含了:左侧子节点,右侧子节点,自己的值 HTML结构就是典型的树结构 二叉树 一些操作:(操作时要先存储root根结点) 1. 插入节点:insert(value) 1) 树为空 2) 树不为空 2. 移除节点:remove(value) (即重新构建树) 1) 移除没有子节点的节点 2) 移除只有一个子节点的节点(把这一个子节点 2021-04-12 data structure
数据结构-字典 简介一些操作: 1. set(key,value):添加键值对 2. delete(key):通过键值移除元素 3. has(key):检查键 4. get(key):由键获取值 形式:[键:值]对 散列表(哈希表)散列表:散列表(也叫哈希表),是根据关键码值(Key value)而直接进行访问的数据结构。也就是说,它通过把关键码值(通过散列函数转化为对应的哈希值)映射到表中一个 2021-04-11 data-structure
数据结构-集合 简介 集合的特性:无重复性 一些操作:has(value):判断是否有value值 remove(value):删除value值 add(value):添加value值 clear():清除集合 size():获取集合的值的个数 values():提取集合中的所有值并以数组形式返回 形式:[值:值]对 集合间的操作 并集: 交集: 差集: ES6中的集合(Set,WeakSe 2021-04-11 data-structure
数据结构-链表 简介(单向链表) 一些操作:(操作时要先存储head链表头) 1. 添加,寻找元素 insert(pos,ele):指定位置插入元素 1) 向位置0插入元素 2) 向其他位置插入元素 append(ele):尾部插入元素 1) 当链表为空时 2) 当链表不为空时 indexOf(ele):获取元素的索引 2. 移除元素 remove(el 2021-04-11 data-structure
数据结构-队列 简介队列是一种先进先出(FIFO)的数据结构 一些操作:enqueue():入列 dequeue():出列 front():查看列头 isEmpty():是否为空 size():队列长度 队列和数组 循环队列实现击鼓传花游戏 优先队列优先队列中每个属性都会携带一个优先级 (可用对象表示) 优先级高的在队列前面 2021-04-10 data-structure
数据结构---栈 简介栈是一种后进先出(LIFO)的数据结构 栈是一种操作受限的线性表,只允许在栈的一端进行数据的插入和删除 一些概念:栈底,栈顶,入栈,出栈 一些操作:push():入栈 pop():出栈 isEmpty():是否为空 clear():清空栈 size():栈元素个数 p 2021-04-10 data-structure