在掘金上看到了一位大佬发了一篇很详细的面试记录文章- 《一年半经验，百度、有赞、阿里面试总结》，为了查漏补缺，抽空就详细做了下。（ 估计只有我这么无聊了哈哈哈） 有给出的或者有些不完善的答案，也尽力给出/完善了（可能有错…

属性 IE Chrome Firefox Safari Opera iOS Safari Android Browser Android Chrome text-shadow 10.0+ 3.5+ 4.0+ 6.0+ 1…

一、圆角边框 border-radius:5px; 二、多背景图 background: url(img_flwr.gif) right bottom no-repeat, url(paper.gif) left top…

gulp：复制文件在一个临时的地方并进行修改，i/o任务只在开始和结束，节省i/o流 1. 作为项目的开发依赖（devDependencies）安装： $ npm install --save-dev gulp 2. 在…

做项目遇到了一个css的问题，想记录一下，然后开通了思否一、常用的 1、.classname2、#id3、*4、标签选择器 {div} 、 {span}等 ，选择了页面全部的div、span等二、进阶的1、{ div, …

灯箱（Lightbox）效果是将图片放大弹出显示，并将背景变暗，以突出图片。这种效果可用于单张图片，也可用于图片库。其原理跟模态框（Modal）基本一样。W3Schools有分Modal Images和Lightbox两…

Web组件是什么？ Web组件由三个独立的技术组成： 自定义元素。很简单，这些是完全有效的HTML元素，包含使用一组JavaScript API制作的自定义模板，行为和标记名称（例如，<one-dialog>…

自制手写弹窗 在实际开发中，我们不可避免的需要使用到弹窗，但是我们经常总是直接使用的第三方模态框，这就导致我们自己对于弹窗的理解并不深；如果有时候需要我们手写一个简单弹窗时，你可能写不出来（不要笑，大部分都是，包括有些前…

笔记说明 重学前端是程劭非（winter）【前手机淘宝前端负责人】在极客时间开的一个专栏， 每天10分钟，重构你的前端知识体系，笔者主要整理学习过程的一些要点笔记以及感悟，完整的可以加入winter的专栏学习【原文有wi…

最近在做项目的过程中，需要把图片正方形展示出来，多余的部分进行裁剪。但是从后端接口拿过来的图片可能有各种各样的形状。把自己实现的过程分享出来，大家有不满的，欢迎批评指导。 总的过程分为以下几步： 1、生产正方形的块 2、…

问题：CSS几种常见的页面布局方式介绍？ CSS常见的有以下7种，必须要掌握的是前3种: flex弹性盒子（弹性布局）； rem布局（一般都是flex+rem使用的比较多）； 响应式布局（响应式布局的原理，和适配方案必修…

transform rotate(180deg)2D旋转正值代表顺时针旋转180度，负值代表逆时针旋转，用法transform:rotate(180deg); rotate3d(x,y,z,angle);3D旋转 1、x…