- 博客(4)
- 收藏
- 关注
RSS订阅原创 使用min-width解决容器被撑大的问题
在使用Flex或Grid布局时，经常会遇到内容溢出容器或者将容器撑大的情况例如在grid布局中元素尺寸为1fr，或者flex布局中元素flex-grow:1时，想使用Echarts画图和布局中的文本省略显示时发现并没有达到预期的效果，容器被内容撑大了想要解决这个问题，首先需要知道容器为什么会被撑大。我们知道块级元素具有流动性，默认宽度为100%，而在弹性元素中宽度会自动计算；除了自动得来的宽度之外，控制宽度的属性有width、min-width、max-width，实际操作会发现设置width也
2021-09-02 17:16:23
1585
原创 通过指令快速实现元素“空状态”
类似管理系统之类的页面中，经常会用到没有数据时显示对应的空状态，常规的做法是在数据块之后添加空状态元素并使用if或者绑定hidden样式实现。在开发中也可以通过指令实现自动控制空状态组件的显示隐藏，不必在每处手动添加额外的元素。本文以Angular框架为例。一、新建Directive模块Directive能够更改DOM元素或组件的外观和行为，通过判断父元素传入的参数，在指令中修改父元素的DOM内容即能完成空状态的自动显示隐藏// ElementRef注入绑定该指令的元素，Input获取组...
2021-09-02 12:09:42
245
原创 NG-ZORRO表格多列联动筛选
NG-Zorro官方文档中只介绍了纯文本搜索的联动筛选以及单列的自定义筛选，业务需求中要用到不同状态的联动搜索（在前一个筛选条件基础上进行筛选），包括文本值搜索、日期搜索、多选框搜索。这里做一个简单的记录，写得比较复杂，如果有简单的方法望告知。一、定义表格需要筛选的字段中添加<nz-filter-trigger>，设置visible变量i标签为筛选器的图标，可自行定义nzActive表示该筛选器处于激活状态（已筛选）的条件（未激活） （激活）nzDropdownM...
2021-07-07 17:51:26
1183
原创 scrapy+scrapyd+scrapydweb简单使用（windows）
前言 因为项目需要搭建一个定时爬虫，用了几天的时间写好了scrapy，又了解到部署爬虫需要用到scrapyd（通过post请求的方式执行爬虫，功能太简单不够方便），方便的设置定时任务等需要用到scrapy可视化管理工具scrapydweb（相当于scrapyd基础上的框架，常见的有spiderkeeper和scrapydweb两款，网上介绍说spiderkeeper更稳定，scrpaydweb功能更完善）。因为网上相关文章比较少而且不够全面，所以本文做个简单记录和分享 均在Windows计算机上本地
2020-09-29 20:11:40
1480
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人