12 2017 档案

css图片等比例裁剪
摘要：需求： 图片的宽高是不固定的，但是外部盒子是有固定大小的。 图片的宽度和盒子保持一致，并且是水平居中显示，即两边是裁剪的 图片的高度是由盒子宽度控制的，等比例缩放，多余的被裁减掉 原图： 代码： 效果： 第一种是底部对齐，裁剪顶部 第二种是顶部对齐，裁剪底部 第三种是在固定容器内等比例显示图片 阅读全文
posted @ 2017-12-25 17:40 wmui 阅读(1022) 评论(0) 推荐(0) 编辑
firefox鼠标右键bug
摘要：需求：点击输入框，显示下拉框，在输入框和下拉框区域鼠标右击时，下拉框保持显示状态，点击其他区域则消失。 原理很简单，给input绑定点击事件，点击后下拉框block，阻止input冒泡，点击document下拉框none。在chrome下这样做没问题，但是在firefox鼠标右键时，会触发click 阅读全文
posted @ 2017-12-21 20:19 wmui 阅读(552) 评论(0) 推荐(0) 编辑
postman测试post请求
摘要：假如api接口如下： 测试： 先在header里添加类型： 在body选项添加params: 还是有点麻烦的。。。 阅读全文
posted @ 2017-12-21 16:52 wmui 阅读(349) 评论(0) 推荐(0) 编辑
jsonp 快速接口测试
摘要：由于一些历史项目还是使用 Jsonp进行跨域，所以在测试接口时经常要写下面这段代码，遂记录一下 阅读全文
posted @ 2017-12-14 20:37 wmui 阅读(2683) 评论(0) 推荐(0) 编辑
css背景图宽度只适应，高度不变
摘要：保证1920px的图片，在低分率率的电脑上也能正常显示，两边裁剪，中间居中，高度不变 阅读全文
posted @ 2017-12-12 16:17 wmui 阅读(8025) 评论(0) 推荐(1) 编辑
vue实现pc端无限加载功能
摘要：主要思路通过自定义指令，在视图初始化完成后，绑定scroll事件。当scrollTop + clientHeight = scrollHeight时（此时滚定条到了底部）触发loadMore事件， 附上一个css loading动画 , Loading.vue: 加载效果图： 阅读全文
posted @ 2017-12-06 11:03 wmui 阅读(2345) 评论(0) 推荐(0) 编辑
box-shadow比较美观的阴影
摘要：无奈每次调阴影都特别丑，这次我把它记下来，下次不调了 阅读全文
posted @ 2017-12-06 10:40 wmui 阅读(1243) 评论(0) 推荐(0) 编辑
css 实现常见 loading 效果
摘要：``` 28个纯css3 加载loading动画特效 ... 阅读全文
posted @ 2017-12-05 15:39 wmui 阅读(1653) 评论(0) 推荐(0) 编辑
Nuxt.js项目实战
摘要：感悟 经过几个周六周日的尝试，终于解决了服务端渲染中的常见问题，当SEO不在是问题的时候，或许才是我们搞前端的真正的春天，其中也遇到了一些小坑，Nuxt.js官方还是很给力的，提issue后很积极的给予帮助，再次感谢Nuxt.js的开发团队。 路由鉴权 第一个拦路虎就是登陆时候的鉴权问题，如何把to 阅读全文
posted @ 2017-12-04 15:12 wmui 阅读(2224) 评论(0) 推荐(2) 编辑

点击右上角即可分享
微信分享提示