分类：css

奔跑

call和apply直接执行函数，而bind需要再一次调用。 var a ={ name : "Cherry", fn : function (a,b) { console.log( a + b) } } var b =…

## calc实现 css两端固定大小，中间自动大小## 样式代码 <style type="text/css"> .wrap{ height:300px; width:400px; background:#…

在日常工作中，经常会遇到图片+文字+背景色的设计稿实现。经常我们在Chrome浏览器上调试的好好的，但是到了移动端就会有各种奇特的适配问题——最经常遇见莫过于Android中文字稍微偏上了。在iOS和Android上的调…

背景阅读进度虽然没啥具体的用处，但是我突然想起来了，随便做做也是极好的 🙂获取元素 offset 高度、元素高度、滑动距离就能实现了代码 var content_offtop = $('.articl…

1、css3弹性盒子：是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式弹性容器通过设置 display 属性的值为 flex 或 inline-flex将其定义为弹性容器。弹性容器内包含…

请看：https://codepen.io/bbbellc/pe… 代码编写参考MDN外边距合并文档。若有不足，请多指教，不胜感激！

flex实现水平垂直居中适用场景：父子宽高都可未知(比较推荐这种方式，简单，而且目前兼容性也不错。) <html> <head> <style> .parent { width: 1…

前言: 大致记一下模块插件化的书写思路一般写法: define(function(require, exports, module) { var plugin = { //插件初始化入口 init : function…

文件名均采用小写方式，以中划线分隔, 如有复数结构时，采用复数命名法目录名：scripts,styles,images,data-models 文件名： example.js retina-sprites.css …

默认情况下先显示移动端，通过 @media 属性适配屏幕变化使用flexbox相关的CSS属性 display: flex; (父元素) flex-wrap: nowrap | wrap | wrap-reverse;…

外边距塌陷: 当嵌套的两个块元素,给子盒子加向上的外边距时,父盒子会跟着掉下来,此时就是外边距塌陷. 解决方案: 1.给父盒子加padding 2.给父盒子加上边框 3.给父元素加overflow:hidden 属性当…

什么是FOUC？ FOUC – Flash Of Unstyled Content 文档样式闪烁即文档样式短暂失效如果使用 import 引入 css 文件会导致某些页面在IE下出现一些奇怪的现象：以无…