会员
周边
新闻
博问
闪存
众包
赞助商
Chat2DB
所有博客
当前博客
我的博客
我的园子
账号设置
会员中心
简洁模式
...
退出登录
注册
登录
Deajax 倒计时
博客园
首页
新随笔
联系
订阅
管理
2025年12月19日
10 个 CSS 奇技淫巧
摘要: 作者:独元殇链接:https://www.zhihu.com/question/27432017/answer/1984773459834852908来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。 第一个是 aspect-ratio ,这个基础不错的前端肯定知道,菜鸟
阅读全文
posted @ 2025-12-19 11:20 deajax
阅读(2)
评论(0)
推荐(0)
2025年12月2日
无痕改字
摘要: 1、先使用相同的字体和文字,对齐原来的文字。 2、将对齐的文字修改为需要的文字 3、将文字图层转换为智能对象 4、选择滤镜-杂色-添加杂色,数值设置为30%、平均分布、单色 5、选择滤镜-风格化-扩散,选择「变量优先」,确定 6、双击编辑图层里扩散的滤镜混合选项按钮,设置不透明度为25% 7、选择滤
阅读全文
posted @ 2025-12-02 15:20 deajax
阅读(8)
评论(0)
推荐(0)
2025年9月11日
pdf在纯html5移动端下不显示
摘要: 需要使用pdf.js插件 https://github.com/mozilla/pdf.js html部分 <div class="pdf-container"> <div class="viewer"> <div class="loading text-center mb-4" id="loadi
阅读全文
posted @ 2025-09-11 20:52 deajax
阅读(21)
评论(0)
推荐(0)
2025年5月10日
TailwindCSS配合TDesign实现暗黑模式DarkMode
摘要: 因为TDesign是在html上加了个theme-mode="dark"的属性,所以Tailwind需要适配一下: tailwind.config.js /** @type {import('tailwindcss').Config} */ export default { darkMode: ['
阅读全文
posted @ 2025-05-10 10:54 deajax
阅读(127)
评论(0)
推荐(0)
TDesign锚点组件:解决点击锚点会导致路由跳转的问题
摘要: 根据官网的示例,锚点组件的应用是这样写的: <t-anchor> <t-anchor-item href="#进行中任务" title="进行中任务" /> <t-anchor-item href="#待处理任务" title="待处理任务" /> <t-anchor-item href="#待排期
阅读全文
posted @ 2025-05-10 10:44 deajax
阅读(63)
评论(0)
推荐(0)
2024年11月27日
flex布局下,内容使用truncate不显示省略号的问题
摘要: <div class="flex items-center"> <div class="w-10 h-10 mr-4">头像</div> <div class="flex-1"> <div class="text-lg">姓名</div> <div class="truncate">内容内容内容内容
阅读全文
posted @ 2024-11-27 10:36 deajax
阅读(63)
评论(0)
推荐(0)
2024年11月21日
npm install 老是装不上东西
摘要: chmod 777 node_modules chmod 777 node_modules/.bin/vue-cli-service
阅读全文
posted @ 2024-11-21 08:27 deajax
阅读(34)
评论(0)
推荐(0)
2024年10月29日
启动vue项目的时候报Permission denied
摘要: 问题node_modules/.bin/vue-cli-service: Permission denied 原因, 权限不足. 解决方案chmod 777 node_modules/.bin/vue-cli-service 这里的chmod 777 是给启动服务提高权限。 注意赋权路径一定要相同
阅读全文
posted @ 2024-10-29 16:33 deajax
阅读(672)
评论(0)
推荐(0)
2024年8月2日
tailwind css父级规定子级的样式
摘要: <ul class="[&_li]:mb-4 [&_li_a:hover]:text-blue-600"> <li><a href="#"></a></li> </ul> 也可以规定具体的class名 <ul class="[&.wrap_li]:mb-4 [&.wrap_li_a:hover]:t
阅读全文
posted @ 2024-08-02 17:36 deajax
阅读(310)
评论(0)
推荐(0)
2023年11月7日
数据可视化 - 使用swiper制作滚动表格[vue3]
摘要: html部分 1 <div class="scroll-table"> 2 <div class="scroll-table-header"> 3 <table class="scroll-table-header__table"> 4 <colgroup> 5 <col style="width:
阅读全文
posted @ 2023-11-07 10:37 deajax
阅读(438)
评论(0)
推荐(0)
下一页
公告