call和apply直接执行函数,而bind需要再一次调用。 var a ={ name : "Cherry", fn : function (a,b) { console.log( a + b) } } var b =…
分类:css
css两端固定大小,中间自动大小
## calc实现 css两端固定大小,中间自动大小## 样式代码 <style type="text/css"> .wrap{ height:300px; width:400px; background:#…
一篇文章了解移动端文本垂直居中
在日常工作中,经常会遇到图片+文字+背景色的设计稿实现。经常我们在Chrome浏览器上调试的好好的,但是到了移动端就会有各种奇特的适配问题——最经常遇见莫过于Android中文字稍微偏上了。在iOS和Android上的调…
jQuery 实现一个文章阅读进度条功能
背景 阅读进度虽然没啥具体的用处,但是我突然想起来了,随便做做也是极好的 🙂获取元素 offset 高度、元素高度、滑动距离就能实现了 代码 var content_offtop = $('.articl…
一些今天看的要点
1、css3弹性盒子:是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式 弹性容器通过设置 display 属性的值为 flex 或 inline-flex将其定义为弹性容器。弹性容器内包含…
CSS之轻松搞懂外边距合并/外边距折叠
请看: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 …
移动端优先的flex三栏布局
默认情况下先显示移动端,通过 @media 属性适配屏幕变化 使用flexbox相关的CSS属性 display: flex; (父元素) flex-wrap: nowrap | wrap | wrap-reverse;…
盒子模型的外边距塌陷和合并问题及解决方案
外边距塌陷: 当嵌套的两个块元素,给子盒子加向上的外边距时,父盒子会跟着掉下来,此时就是外边距塌陷. 解决方案: 1.给父盒子加padding 2.给父盒子加上边框 3.给父元素加overflow:hidden 属性 当…
如何避免无样式内容闪烁(FOUC)?
什么是FOUC? FOUC – Flash Of Unstyled Content 文档样式闪烁 即 文档样式短暂失效如果使用 import 引入 css 文件会导致某些页面在IE下出现一些奇怪的现象: 以无…