摘要：
css盒模型 页面上显示的每个元素（包括内联元素）都可以看做一个盒子，即盒模型（box-model） 盒模型有两种类型：W3C标准盒模型和IE怪异盒模型 W3C标准盒模型 width = content宽度 盒子总宽度 = margin-left + border-left + padding-le 阅读全文
摘要：
字节测试二面 自我介绍（5分钟） 基础知识（20分钟） 数据库： distinct left join 和 right join 算法： 你所知道的排序算法，以及对应的时间复杂度和空间复杂度 给定一个数组，其中有一个元素出现次数是数组长度的一般，找到该数字（要求时间复杂度和空间复杂度最优） 闲聊（你 阅读全文
摘要：
字节测开一面 自我介绍&项目介绍（15分钟） 编程题（大约12分钟） sql 查找出表中每门课程成绩都大于80分的学生 Python 统计一个登录信息的txt文档中，登录次数前10的用户（注意异常处理） 一个m*n的方格，每次只能向右走或者是向下走一格，从左上到右下一共有多少种不同的走法 基础知识（ 阅读全文
摘要：
CSS长度单位 绝对长度单位 px px是一个虚拟长度单位，是计算机系统的数字化图像长度单位，如果px要换算成物理长度，需要指定精度DPI(Dots Per Inch，每英寸像素数)，在扫描打印时一般都有DPI可选。Windows系统默认是96dpi，Apple系统默认是72dpi。 想要了解更多关 阅读全文
摘要：
响应式页面实现 注意：不考虑IE8以下的浏览器。 设置 Meta 标签 大多数移动浏览器将html页面放大为宽的视图（viewport）以符合屏幕分辨率。你可以使用视图的meta标签来进行重置。下面的视图标签告诉浏览器，使用设备的宽度作为视图宽度并禁止初始的缩放。当年，iPhone出现的时候，因为大 阅读全文
摘要：
自适应和响应式 1.概念 响应式和自适应都是为了优化页面在不同终端设备上的浏览体验，而采用的是两套解决方案。 响应式 响应式通过修改在不同尺寸下的页面布局来实现（一般基于一套代码） 举个🌰：segmentfault 移动端 PC端 大屏 中屏： 中小屏： 小屏： 可以看出，PC端尺寸缩小到一定程度 阅读全文
摘要：
字符串和正则表达式 字符串 《深入理解ES6》中对于ES6编码的介绍内容不是很多，只需要知道相比于ES5，ES6引入了代理对，也就是说使用两个16位的编码单元表示一个码位，在处理一些生僻字而言时可能需要注意一下，但是笔者在写博客的时候，输入法无法打出书中的例子，而且个人感觉确实在实际生产中用处不是很 阅读全文
摘要：
移动端页面写法 PC端页面写法 阅读全文
摘要：
Webpack + nginx + gzip 实现前端加载优化 遇到的问题 webpack打包后的chunk.js和chunk.css特别大，首屏加载需要三四十秒 解决方法 webpack对于资源进行gzip压缩，nginx开启gzip 实现步骤 1.项目介绍 笔者用的是CRA（create-Rea 阅读全文
摘要：
实现效果 实现方法 1.mix-blend-mode属性 使用mix-blend-model属性主要是用于源与背景颜色或背景图像混合。 详细介绍 <html> <head> <title>图片透明度渐变</title> <style> body{ padding: 0; margin: 0; } . 阅读全文