听风是风 - 博客园

css 如何让大小不同的图片表现一致，同时自适应呢？

摘要：壹 ❀ 引实习生在做产品分类页时，遇到了一个她不知道如何解决问题，所以来问我应该怎么做；问题其实不难，由于项目使用了bootstrap来实现响应式与自适应，所以除了宽度有明确的百分比值之外(栅格化系统提供的宽)，每个外层容器的高度都是由内容高度来决定的。那么在产品分类页时遇到了一个尴尬的问题，后阅读全文

posted @ 2019-08-14 20:12 听风是风阅读(15480) 评论(1) 推荐(4)

js实现addClass方法，classList与className有什么区别？

摘要：壹 ❀ 引 Jquery中addClass与removeClass是两个使用高频的方法，对于为dom元素增删class类非常方便；但如果不用JQ，使用js怎么模拟它们呢？本文主要记录下自己的实现思路。贰 ❀ 从classList属性入手我们随便获取一个dom对象，打印出它的对象属性，可以看到管理阅读全文

posted @ 2019-08-12 19:37 听风是风阅读(14416) 评论(0) 推荐(0)

一篇文章弄懂flex布局

摘要：壹 ❀ 引谈到flex布局，我不知道有多少人跟我一样，在本能的想到justify-content:center与align-items:center两条属性之后，除此之外的其它属性居然显得格外陌生。可以说包括我在内的大部分人，都是在被flex垂直水平居中方式所惊艳后才对其有所了解，以至于在日常开阅读全文

posted @ 2019-08-08 19:42 听风是风阅读(197211) 评论(30) 推荐(44)

angularjs中使用锚点，angular路由导致锚点失效的两种解决方案

摘要：壹 ❀ 引公司新项目开发中，首页要做个楼层导航效果(如下图)，要求能点击图标对应跳到楼层即可，因为不需要跳转过度动画，也要求最好别用JQ，想着原生js操作dom计算top的兼容性，想着用锚点实现算了，结果一番波折，也是弄的我头大，所以这里就做个记录吧。我们都知道锚点一般做法是通过a标签结合目标i 阅读全文

posted @ 2019-08-07 20:28 听风是风阅读(2831) 评论(0) 推荐(1)

CSS修改选中文本颜色与背景色

摘要：壹 ❀ 引在做博客美化的时候，想着去修改文本选中的背景色，因为网页默认是蓝底白字，看着与自己博客整体配色不太搭配，所以想着去改改。贰 ❀ ::selection 解决方案其实很简单，使用css3 ::selection属性，该属性用于匹配元素中被用户选中或处于高亮状态的部分，并且支持修改匹配元素阅读全文

posted @ 2019-08-06 11:12 听风是风阅读(11789) 评论(2) 推荐(1)

记一个bootstrap定制container导致页面X轴出现横向滚动条的坑

摘要：壹 ❀ 引在bootstrap定制时，因为UI给的图纸的页面主体部分宽度为1200px，所以我将container容器宽度从默认的1170px改成了1200px，随后在页面缩小的调试过程中发现了页面横轴出现了滚动条，这我就差异了，页面除了container是1200px以外，头部尾部的都是宽度10 阅读全文

posted @ 2019-07-31 23:51 听风是风阅读(2009) 评论(0) 推荐(0)

bootstrap去除自带15px内边距，去除container 15px padding

摘要：壹 ❀ 问题在使用bootstrap时，由于bootstrap槽宽特性，我们在布局时会发现container以及col-**-**左右都会自带15px的padding，有时候空间不足就想着怎么把bootstrap自带的槽宽设置为0，这里说说具体的做法。贰 ❀ 通过定制这里以bootstrap3 阅读全文

posted @ 2019-07-29 23:37 听风是风阅读(3579) 评论(0) 推荐(0)

手摸手教你bootstrap定制

摘要：老实说我一直不太喜欢使用bootstrap，bootstrap样式组件虽然丰富但实际开发使用到的不多；栅格系统虽然好用，满屏div也是看的头疼；所以当经理说要用bootstrap开发新项目的时候，我内心是抵触的，在讨论上，我也提出了如下几个问题： 1.栅格化布局不支持小数点。（若UI设计的不合理，算阅读全文

posted @ 2019-07-27 17:52 听风是风阅读(1245) 评论(0) 推荐(1)

js中call、apply、bind到底有什么区别？bind返回的方法还能修改this指向吗？

摘要：壹 ❀ 引同事最近在看angularjs源码，被源码中各种bind，apply弄的晕头转向；于是他问我，你知道apply，call与bind的区别吗？我说apply与call是函数应用，指定this的同时也将方法执行，bind不同，它只是负责绑定this并返回一个新方法，不会执行。他又问，那如果阅读全文

posted @ 2019-07-21 23:54 听风是风阅读(3436) 评论(6) 推荐(2)

js 为何范围内随机取整要用floor，而不是ceil或者round呢

摘要：壹 ❀ 引我在如何使用js取任意范围内随机整数这篇博客中，列举并分析了取[n,m)与[n,m]范围内整数的通用方法，并在文章结果留了一个疑问；为什么通用方法中取整操作，我们使用Math.floor()而不是Math.ceil()或者Math.round()方法呢？知其然更知其所以然，加上在Git 阅读全文

posted @ 2019-07-15 09:43 听风是风阅读(1873) 评论(2) 推荐(3)

导航

公告