css,前端开发
文章平均质量分 68
CC_leather
这个作者很懒,什么都没留下…
展开
-
js跨域数据请求解决办法
本文整理了一下平时工作中碰到的数据跨域请求问题,有需要的朋友可以看下受js同源策略的影响,不同域名间的请求或者同一域名,不同端口的url时,就会变成不被允许的跨域请求问题。这时该怎么办,小菜我做了如下的一些整理。一、jsonp也就是将请求的url写入到script标签中,写法可分为直接写死和动态载入。1.通过script标签引入,直接写死src中的url地址:原创 2016-12-16 10:31:14 · 598 阅读 · 0 评论 -
大屏开发适配方案(vw/vh)
背景公司需要开发一个用于4k大屏展示的项目,所以给到的UI视觉稿也是参照4k屏进行了设计(单位为px),而我们开发所用的屏幕多为1080p/2k屏,为了让大家开发时不用关注适配问题,我设计了这套基于vw/vh的适配方案技术栈vue + sass思路视觉稿给到的宽高值都是基于4k屏,所以本地开发时不能直接使用,需要经过某种计算转换,name我们为了逻辑清晰,可以考虑设计三个函数来分别将宽/高/字体的px转为vw/vh。以宽为例,视觉稿上的某元素宽为1000px,而4k屏的宽度为3840px,原创 2022-04-29 12:18:43 · 3896 阅读 · 0 评论 -
css框架命名规范
作者:泡泡链接:https://www.zhihu.com/question/54962942/answer/142062359来源:知乎著作权归作者所有,转载请联系作者获得授权。由历史原因及个人习惯引起的DOM结构、命名不统一,导致不同成员在维护同一页面时,无从下手,效率低下,迭代、维护成本极高。命名原则:1.概述1.1基于姓氏命名法(继承+外来),如下图:转载 2017-01-23 15:09:59 · 867 阅读 · 0 评论 -
使用flexbox简单实现垂直居中布局
垂直居中一直是css布局中绕不去的一个坎,今天我来介绍一种可以更简单来实现的方法--CSS3弹性盒子(Flexible Box 或 Flexbox)。注意,设为 Flex 布局以后,子元素的float、clear和vertical-align属性将失效。首先,设置容器为flex布局.vertical-container { height: 300px; displa原创 2017-09-22 11:20:56 · 654 阅读 · 0 评论