风研雨墨

风研雨墨 查看完整档案

重庆编辑  |  填写毕业院校  |  填写所在公司/组织编辑
编辑
_ | |__ _ _ __ _ | '_ \| | | |/ _` | | |_) | |_| | (_| | |_.__/ \__,_|\__, | |___/ 该用户太懒什么也没留下

个人动态

风研雨墨 回答了问题 · 10月21日

在Postman中调用API,直接返回一张图片,这种API在Angular8中如何调用?

直接<img [src]="**"/>

关注 2 回答 1

风研雨墨 发布了文章 · 10月10日

每天一个CSS-用券卡片

每天一个CSS-用券卡片

卡券效果预览地址

效果图

image

疑问

圆角好画,但是缺圆角怎么画呢?

思路

第一步:卡片背景色填充方便调试。【OK】
第二步:区分元素,按照上、中、下的顺序排序堆叠。【OK】
第三步:画圆缺角,也是比较重要的一步。【?】

知识点

background: radial-gradient

绘制圆缺角的重要知识点,背景色径向渐变。
实现思路的源代码地址

水平方向卡片,右上、右下缺圆角
  1. 创建圆形,使用镜像渐变在方块上面创建一个圆。
  2. 位置调整,调整圆的位置,将圆的中点调整至方块角处,形成凹圆角。 background: radial-gradient(circle at right top, transparent 5px, #44C9A1 0);
  3. 绘制第二个圆、与调整位置,background: radial-gradient(circle at right bottom, transparent 5px, #44C9A1 0);,发现得不到想要的效果。
  4. 分析原因:background属性,默认100%大小与repeat展开,导致了重叠。
  5. 设置背景:background:no-repeat;background-size: 100% 50%(水平方向 垂直方向),(这里设置50%在垂直方向,是因为准备在右上、右下方向设置缺角)。
  6. 设置完成后发现得不到效果,最后发现忽略了一个重要的事情,就是背景展开方向,因为是垂直的,所以应该是从上右到左下与下右到左上。所以修改为background: radial-gradient(circle at bottom right, transparent 5px, #44C9A1 0) bottom right;
参数说明

radial-gradient(circle at bottom right, transparent 5px, #44C9A1 0) bottom right

circle: 圆形 。
at :位于 。
bottom right : 右下角 (可用% ,px等具有单位的数值表示) transparent: 圆的背景颜色以父元素为准。
5px: 圆的半径。

44c9A1:方块的背景颜色

0 :径向渐变的程度,值为0时,无渐变。当值大于0时,从圆心处径向渐变至方块。
bottom right:表示方块背景的起始位置。

filter: drop-shadow

会按照图形(不限于图片,三角形也可以)形状在图片背后进行投影,即当背景透明时按照图形轮廓边界投影阴影。效果地址

效果图:
image

区别 box-shadow,boxShadow是以元素边界轮廓进行投影

浏览器支持

Chrome , FirFox, EDge 最新版本都支持,不考虑IE。

查看原文

赞 2 收藏 2 评论 0

风研雨墨 回答了问题 · 10月9日

请问Angular-CLI能集成 babel-plugin-import吗?我发现ng-zorro没有按需加载组件以及样式的功能

image

这个不算吗?

关注 2 回答 1

风研雨墨 回答了问题 · 9月27日

请问一下搜索框中的那个特殊字符无法搜索,是前端的问题?还是后端的问题啊?

查看一下传入后端的值,如果传入后端的也是特数字符,那么就说明后端没有做防sql注入的操作

关注 5 回答 3

风研雨墨 回答了问题 · 9月27日

vue+axios跨域请求接口报404

跨域问题一般是500的错,404是为找到资源,建议仔细检查一下后端路径,可以的话使用postman测试一下接口

关注 5 回答 4

风研雨墨 回答了问题 · 9月27日

解决秒杀项目发生了超卖该怎么办

这个你要明确的一点是,你是以什么角色去解决这个问题的。比如说你是技术人员该怎么办,你是营销的该怎么办,然后针对每个角色回答对应的解决办法。

关注 2 回答 2

风研雨墨 回答了问题 · 9月27日

解决不确定层级列表的Angular8组件如何设计,传值?

换一个思路,假设把全部放到一个组件里面就是,上面导航控制一下,下面就是三部分。
导航栏的话就用一个数组存储,点击下一层就push一个,返回就pop。
下面展示列表或者其他部分就用*ngif控制一下是否显示

关注 2 回答 1

风研雨墨 回答了问题 · 9月25日

解决在Postman中将token放在header中,在Angular中如何写?

使用append之后会生成一个新的header对象,如果没重新赋值,那么使用的还是之前那个

关注 3 回答 3

风研雨墨 回答了问题 · 9月14日

angular 8安装ng zorro不成功应该怎么解决?

我猜你用管理员打开的方式不对

关注 3 回答 2

风研雨墨 提出了问题 · 9月9日

Angular ,React环境搭建问题

1、### 问题描述
本人搭建了Angular+ngrx+Nz-zorro-antd和react + react-saga的环境,希望能够让大佬们指出问题和不合理的地方。

git地址:
https://github.com/JackYumg/n...
https://github.com/JackYumg/r...

关注 1 回答 0

认证与成就

  • 获得 41 次点赞
  • 获得 11 枚徽章 获得 0 枚金徽章, 获得 1 枚银徽章, 获得 10 枚铜徽章

擅长技能
编辑

开源项目 & 著作
编辑

(゚∀゚ )
暂时没有

注册于 2016-08-16
个人主页被 892 人浏览