摘要: 给的波浪要比容器大,然后在左边准备一个相同的,注意,波浪头尾要能衔接起来,接着运动的长度为波浪的宽度,然后不断重复就好了 阅读全文
posted @ 2017-03-13 16:33 无情码字员 阅读(334) 评论(0) 推荐(0) 编辑
摘要: 这是一个名叫Alexey Ten首先提出来的,类似下面的代码: 现代浏览器下,例如Chrome下,就是SVG形式显示,如下截图: IE7下则是png图片显示的效果,如下截图: 阅读全文
posted @ 2017-03-13 14:37 无情码字员 阅读(215) 评论(0) 推荐(0) 编辑
摘要: 类似于这种情况,当是或关系的表达式结尾的时候,如果没有$的限制,恰好前面的和后面的匹配内容有一部分重合的时候,由于前面的会一直为true的状态,所以后面的内容不会被匹配到。 阅读全文
posted @ 2017-03-12 12:30 无情码字员 阅读(160) 评论(0) 推荐(0) 编辑
摘要: 在需要使用element-ui的时候,直接引入文件,发现会报错,解析不了css文件和字体,需要在webpack里面配置上css-loader和style-loader,最好的做法是把element-ui里面的webpack配置直接复制过来 阅读全文
posted @ 2017-03-10 11:28 无情码字员 阅读(408) 评论(0) 推荐(0) 编辑
摘要: css: less编译css ,自动添加前缀,压缩。 html : 压缩 。 js:压缩 阅读全文
posted @ 2017-03-02 16:09 无情码字员 阅读(269) 评论(0) 推荐(0) 编辑
摘要: 访问的网址与接口请求的域名不一致,新版的chrome浏览器出于安全的考虑会将请求进行拦截,并报错net::ERR_INSECURE_RESPONSE 阅读全文
posted @ 2017-03-02 15:15 无情码字员 阅读(13336) 评论(0) 推荐(0) 编辑
摘要: 1.先获取到物理像素和实际像素的像素比 2.viewport视口设置为像素比大小 3.根据屏幕宽度动态设置html的字体大小 4.在less或者sass中设置变量$rem或者@rem,然后将单位换成/@rem或/$rem就可以了。 5.@rem: 15rem 的大小是根据设计图来决定的。这里我使用的 阅读全文
posted @ 2017-02-28 13:55 无情码字员 阅读(1410) 评论(0) 推荐(0) 编辑
摘要: 做了一个css3的单页面app展示页面,做完发现有点电脑上打开效果有点延迟,研究了一下发现不是css3动画的问题,把script引入的文件放在body后面加载,这个问题就解决了,src引入是要等文件引入完才会接着渲染下面的内容,由于js 文件比较大,就会影响到页面的加载速度,所以最好是放在最后加载, 阅读全文
posted @ 2017-02-28 11:38 无情码字员 阅读(186) 评论(0) 推荐(0) 编辑
摘要: // 判断鼠标滚动方向 function wheelDirection(fn) { var beforeScrollTop = $(window).scrollTop(); var fn = fn || function(){}; $(window).on('scroll',function(){ var afterScrollTop = $(window... 阅读全文
posted @ 2017-02-27 10:58 无情码字员 阅读(291) 评论(0) 推荐(0) 编辑
摘要: input组件有个默认的宽高,好像是不能清除的,在使用flex布局的时候,发现会影响到页面的布局,以为是flex布局的问题,改为float布局试了下也是同样的问题,试着把input标签换成别的标签,问题消失,发现是input组件的问题, 将除了input组件外的组件使用绝对定位就可以让他不被Inpu 阅读全文
posted @ 2017-02-18 16:30 无情码字员 阅读(10165) 评论(0) 推荐(0) 编辑