听风是风 - 博客园

JavaScript开发规范

摘要：壹 ❀ 引当一个团队开发同一个项目时，无论使用的是什么技术，每个人开发习惯的不同，最终代码呈现总有差异；A同事不爱写注释，B同事命名上总是随心所欲，虽然功能都能实现，但对于几个月，或很久之后的维护造成了极大的阻碍，因此统一一个开发团队的编程规范很有必要。这份规范几个月前就整理好了，前端组目前的开发阅读全文

posted @ 2019-08-25 19:22 听风是风阅读(1707) 评论(2) 推荐(0) 编辑

css 修改placeholder字体颜色字体大小修改input记住账号密码后的默认背景色

摘要：壹 ❀ 引本来这个阶段的项目页面都是给实习生妹子做的，我只用写写功能接接数据，但这两天妹子要忙翻译，这个工作阶段也快结束了导致有点慌，只能自己把剩余的几个小页面给写了。那么做页面的过程中，UI也是精益求精提了部分小要求，例如希望修改input提示语(placeholder)字号颜色，再如浏览器会阅读全文

posted @ 2019-08-23 00:25 听风是风阅读(14353) 评论(0) 推荐(2) 编辑

JS实现网站楼层导航效果

摘要：壹 ❀ 引我在angularjs中使用锚点这篇文章中，踩坑并简单实现了楼层导航中点击小图标跳转到对应楼层的功能；但对于楼层导航而言，还有个重要的功能就是，随着滚动条滚动，达到某层时得同步点亮楼层导航的小图片。由于我前面也说了不打算使用JQ，所以想着用JS去实现它，实现并不难，主要得弄清滚动满足怎阅读全文

posted @ 2019-08-21 00:06 听风是风阅读(4580) 评论(0) 推荐(1) 编辑

css top,right,bottom,left设置为0有什么用？它和width:100%和height:100%有什么区别？

摘要：壹 ❀ 引当我们使用position属性时，总免不了与top，left，right，bottom四个属性打交道，那么这四个属性都设置为0时有什么用，与宽高设置100%又有什么区别？本文对此展开讨论。贰 ❀ 关于top left right bottom position定位属性大家都不会陌生，添阅读全文

posted @ 2019-08-17 19:12 听风是风阅读(8430) 评论(4) 推荐(1) 编辑

css兄弟选择器，+ ~选择器的区别

摘要：壹 ❀ 引实习生在写搜索框下拉提示时，遇到了不知道怎么解决的问题，所以来问我。效果不难，鼠标选中输入框(focus)时，展示搜索关键字相关提示，看了眼dom结构是这样的：在她的理解里面，选中父元素可以操控子元素样式，而此时输入框和下拉框是兄弟关系，所以难住了，听到这里我不假思索说了句，用兄弟选择阅读全文

posted @ 2019-08-16 17:56 听风是风阅读(3790) 评论(1) 推荐(0) 编辑

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

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

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

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

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

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

一篇文章弄懂flex布局

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

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

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

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

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

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

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

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

导航

公告