1
前端 引用svg图片,支持动态切换颜色

当我们添加一张svg图片显示时,react提示找不到文件。 我们可以在全局文件global.d.ts内,添加图片类型的声明: 详见《TypeScript 引用资源文件后提示找不到的错误处理方案》 声明之后,引用不报错了。然后我们看看svg图片,里面有颜色及其它设置: 1 <?xml version= ...

唐宋元明清2188 @ 2020/07/15

2
循序渐进VUE+Element 前端应用开发(17)--- 菜单资源管理

权限管理系统中,菜单也属于权限控制的一个资源,应该直接应用于角色,和权限功能点一样,属于角色控制的一环。不同角色用户,登录系统后,出现的系统菜单是不同的。在VUE+Element 前端中,我们菜单结合路由集合,实现可访问路由的过滤,也就实现了对应角色菜单的展示和可访问路由的控制,详细可以参考随笔《循... ...

伍华聪 @ 2020/07/15

4
循序渐进VUE+Element 前端应用开发(16)--- 组织机构和角色管理模块的处理

在前面随笔《循序渐进VUE+Element 前端应用开发(15)--- 用户管理模块的处理》中介绍了用户管理模块的内容,包括用户列表的展示,各种查看、编辑、新增对话框的界面处理和后台数据处理操作,本篇随笔继续深化Vue + Element权限管理模块管理的内容,介绍组织机构和角色管理模块的处理,通过... ...

伍华聪 @ 2020/07/14

6
前端还在切图?学完这些css,再也不用切图了!

标题开个玩笑,实际上CSS3有许多亮眼的特性,比如阴影shadow、动画animation、形变transform、渐变gradient、滤镜filter等,合理运用这些特性,可以实现许多高大上的效果。如果觉得有用请点个赞或者收藏。 三角形 利用border-color支持transparent这一 ...

前端-发际线还在 @ 2020/07/14

7
css设置文字思源雅黑,分为medium, regular, light

html引入思源黑体 通过Link标签在网页头部引用Google Web Font: <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500,700,900"> ...

陈莺莺呀 @ 2020/07/14

8
循序渐进VUE+Element 前端应用开发(15)--- 用户管理模块的处理

在前面随笔介绍了ABP+Vue前后端的整合处理,包括介绍了ABP的后端设计,以及前端对ABP接口API的ES6的封装,通过JS的继承类处理,极大减少了重复臃肿的代码,可以简化对后端API接口的封装,而且前端使用Element组件,很好展示API获得的数据,通过在界面中展示树状列表,以及表格列表数据,... ...

伍华聪 @ 2020/07/14

9
使用before和after属性选择器

最近仿造了小米官网写了一遍,可以说是完全把官网给写完了。 官网中有一个log切换的动态效果,有点把我卡住了找方法找了许久,然后用一个简单的方法实现了: 先了解一下before和after两个属性选择器: before:在元素之前插入内容; after:在元素之后插入内容; 两个属性可以添加图片类型, ...

一生的风景 @ 2020/07/14

10
阿里巴巴矢量图标库的使用

在参考小米官网写页面你时,会发现小米中有很多的矢量图标,小米的图标或许是自己的,但是我们写页面时要用到矢量图标时怎么办,可以使用阿里提供的图标库 阿里矢量图标库网址:https://www.iconfont.cn/?spm=a313x.7781069.1998910419.d4d0a486a 注册一 ...

一生的风景 @ 2020/07/14

11
css中的flex布局

flex布局 任何一个容器都可以指定为flex布局 当父盒子设为flex布局后,子元素的float、clear、vertical-align属性将失效 伸缩布局=弹性布局=伸缩盒布局=弹性盒布局=flex布局 采用flex的元素,称为Flex容器(flex container)简称”容器“。 它的所 ...

默默花上开 @ 2020/07/14

13
WEB学习路线2020完整版+附视频教程

WEB学习路线2020完整版+附视频教程,适合初学者的最新WEB前端学习路线汇总! ...

IT编程之家 @ 2020/07/13

15
element-ui 表单校验 Rules 配置 常用黑科技

type 指示type要使用的验证器。可识别的类型值为: string:类型必须为string。type 默认是 string // 校验 string: [ {type: 'string', message: `请输入字符串`, trigger: 'blur'} ] <el-form-item l ...

妖色调 @ 2020/07/11

18
CSS基础面试题,快来查漏补缺

本文大部分问题来源:50道CSS基础面试题(附答案),外加一些面经。 我对问题进行了分类整理,并给了自己的回答。大部分知识点都有专题链接(来源于本博客相关文章),用于自己前端CSS部分的查漏补缺。虽作为一个面试资料,但感觉也能帮助前端新手梳理CSS的知识点。 开胃餐-两道常见考题 盒子模型 样式与选 ...

Adagio- @ 2020/07/10

20
CSS(五)- 背景与边框 - 边框圆角与阴影基础用法

扩展阅读 本文仅仅做border的基础使用,想要深入了解的话可以戳以下几个链接,觉得作者写的很好。 CSS Backgrounds and Borders Module Level 3 CSS魔法堂:重拾Border之——解构Border CSS魔法堂:重拾Border之——不仅仅是圆角 CSS魔法 ...

Adagio- @ 2020/07/09