本周总结

Author Avatar
Peipei Wong 8月 13, 2017
  • 在其它设备中阅读本文章

❓psd转html

首先你拿到设计图应该做什么?我的做法是浏览一下整个页面,找出每个模块的共同点。之后开始搭建html,再写css,最后写js。昨天拿到设计图,按照这样的模式去做。可是在最后添加icon时犯了难,因为在icon库里面没有找到合适的,就想着在psd中直接导出icon,可是这时候去看psd的时候,发现整个模块是一个图层,这个时候犯了难,我不知道设计者这样做的意图?再接着我将整个模块作为一个png导出,直接放在页面上,我感觉这样做是不对的,最后的方法是将需要的图标裁剪出来,多个图标但在一个png中。
这次给我一个提示:你拿到设计图第一件事是需要干什么?浏览页面的时候,是不是需要将每个模块的所在的图层全都要过一遍以及注意事项…

❓一个带有渐变颜色的圆形边框

首先为了使div带有渐变颜色的边框,于是设置它的border-image是一个渐变颜色,虽然边框是渐变的了,当时它没有圆角,即使再改变它的border-radius也不会有作用。👉我在stackoverflow上找到了解决方法点击这里。但是这种实现还是有个缺点,就是div必须设置一个背景色,进而来掩盖它的after伪元素的背景色。但是我想要的效果是它的背景色是透明的,没有找到好的解决办法,就找了一个和背景色相近的颜色去代替😔。这个偷懒的方法,期待完美的解决方案…

❓css画出文件夹📁的轮廓

这个问题最难的部分是画出文件夹📁上方那个弧度,没有什么好的办法,就是用两个元素的border-radius连接而成,理所当然的,画出的轮廓有些奇怪…因为border-radius越大,边框的弧度久越大,可见的border宽度会越来越窄,所以会有一种不圆滑的感觉。感觉我的想法有些奇怪…

如何做出宽高成比例的div

父容器设置widthpadding,padding设置百分比,padding设置百分比之后和width相关。子容器飘在父容器上width和height等于父容器即可。

❓es7装饰器

大哥说:没有什么是包不能解决的。查看了代码是使用了装饰器。

js中的offsetTop和jq中的offset()、position()

使用起来还是不等同的,具体的得去查看源码…

rails on ruby

在查询的时候,能进行include的就不要在jbuilder里面再去查询一遍。