随笔分类 -  CSS

高效的Coding，前端开发人员值得一看的前端开发工具
摘要：摘要 看着我稚嫩的代码，今天我应该也可以过个快乐的儿童节吧，哈哈哈哈哈。既然是儿童节，那我就要给小伙伴们发发礼物，什么礼物呢？那就是小编在使用的前端开发工具，保证你会有个难忘的儿童节。好，下面就由我带大家一一的看看礼物吧。 工欲善其事必先利其器 对于一个前端开发人员来说，拥有一款适合自己的“武器”是 阅读全文
posted @ 2020-06-01 21:25 请给我一杯冰可乐 阅读(660) 评论(0) 推荐(1)
position: sticky实现导航栏下滑吸顶效果
摘要：摘要 近期开发中遇到导航栏下滑吸顶的需求，经过方案调研，发现position：sticky可以简单快捷的实现功能。sticky（粘贴定位）可以被认为是相对定位和固定定位的混合，元素在跨越特定阀值前为相对定位，之后为固定定位。根据sticky的特性，只需要添加简单的几行CSS样式代码即可实现导航栏吸顶 阅读全文
posted @ 2020-05-30 16:24 请给我一杯冰可乐 阅读(912) 评论(0) 推荐(0)
自定义化antd的Modal组件并适配PC端部分分辨率
摘要：摘要 近期在做页面的优化，需要对antd的Modal组件模块进行精细的调优，简单地说就是给Modal二次美妆，提升用户的体验感。在此分享一下自己在实际逻辑代码中对美化Modal的理解，并用简单生动的demo来展示学习成果。 运行项目 安装所需要的node环境以及安装antd库 技术依赖 demo中简 阅读全文
posted @ 2020-01-15 16:05 请给我一杯冰可乐 阅读(4239) 评论(0) 推荐(0)
如何使用classnames模块库为react动态添加class类样式
摘要：摘要 在react中添加动态的css时，传统的方式较为繁琐，今天刚好学习到一个模块库可以便捷的解决这个问题。对的，它就是“classnames”。 classnames模块库 npm安装 npm install classnames --save Usage with React.js classn 阅读全文
posted @ 2019-12-03 21:15 请给我一杯冰可乐 阅读(3002) 评论(0) 推荐(0)
基于create-react-app脚手架，按需加载antd组件以及less样式
摘要：摘要 为了更好的书写css样式，在react中引入less，在网上查询了许多关于react引入less样式文件的资料，大多数都是需要在react项目中npm run eject暴露出底层文件，然后在底层文件中修改dev-env的环境配置。在请教了大佬后知道可以根据antd官网文档中的高级配置来配备l 阅读全文
posted @ 2019-11-27 19:58 请给我一杯冰可乐 阅读(1109) 评论(0) 推荐(0)
React实现顶部固定滑动式导航栏（导航条下拉一定像素时显示原导航栏样式）
摘要：摘要 基于react的框架开发一个顶部固定滑动式的酷炫导航栏，当导航栏置顶时，导航栏沉浸在背景图片里；当鼠标滑动滚轮时，导航栏固定滑动并展示下拉样式。 JS部分 相关技术栈：react、antd、react-router。详细的技术栈应用请参考官方文档的使用说明。 * 展示主页App.jsx组件代码 阅读全文
posted @ 2019-10-27 15:52 请给我一杯冰可乐 阅读(4334) 评论(2) 推荐(0)