Hot Tips: CSS 资源库 / CSS利器 - X光透视

最新推荐文章于 2024-10-12 00:22:16 发布

原创最新推荐文章于 2024-10-12 00:22:16 发布 · 421 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css

本文介绍了一个CSS资源库，包括各种CSS效果和工具，如X光透视效果等，为前端开发者提供丰富的样式选择。

CSS 资源库 - http://www.dynamicdrive.com/style/

CSS X光透视 - http://westciv.com/xray/

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

mengtech

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Error: Cannot find module ‘@vue/babel-preset-app‘ from ‘C:\Users\Administrator\WebstormProjects\memo

郭宝的博客

01-07

9108

背景： Module build failed (from ./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.js): Error: Cannot find module '@vue/babel-preset-app' from 'C:\Users\Administrator\WebstormProjects\memorial' at Function.resolveSync as sync ..

解决：Error: PostCSS received undefined instead of CSS string

热门推荐

知识改变命运，ヾ(◍°∇°◍)ﾉﾞ【求关注】

12-13

5万+

vue项目运行报错：

参与评论您还未登录，请先登录后发表或查看评论

css资源库及案例

06-25

css一些固定写法，网页中常见特效。的标准实现

好用的css库

qq_40492771的博客

03-12

600

http://css-tricks.neatbang.com/createTriangle/ https://lhammer.cn/You-need-to-know-css/#/zh-cn/

掌握CSS：超级有用的CSS资源汇总

一点一木

10-12

1150

这是一个包含个精心挑选的基于Web的工具的集合，这些工具实际上非常有用。每一个工具都会生成纯CSS，无需JS或任何外部库。

CSS 资源 - 收集

"代码"的日常搬运

01-17

4522

VM2475 asdebug.js:1 POST http://192.168.1.106:8094/QLH-MiniApp-Api/wxLogin net::ERR_CONNECTION_REFUS

Runpire的博客

08-25

8702

VM2475 asdebug.js:1 POST http://192.168.1.106:8094/QLH-MiniApp-Api/wxLogin net::ERR_CONNECTION_REFUSED 多数可能就是后端接口没开

RuntimeError: multi-target not supported at /opt/conda/conda-bld/pytorch_1549635019666/work/aten/src

轮子去哪儿了

09-18

1万+

1. 出错代码行计算交叉熵是出现异常提示：RuntimeError: multi-target not supported at /opt/conda/conda-bld/pytorch_1549635019666/work/aten/src/THNN/generic/ClassNLLCriterion.c:21 loss = criterion(prediction, target) 2. ...

使用postcss-pxtorem插件实现px转换rem

qq_42750608的博客

09-21

5411

使用postcss-pxtorem插件实现px转换rem

CSS工具库.zip

05-20

css代码书写规范，常用工具类，中英文参考文档，便于学习和查阅

22 个用于网站设计的 CSS 库

waitle500的博客

01-25

2669

22 个用于网站设计的 CSS 库

7个上好的CSS资源

dogiant的专栏

11-17

626

　　无论你用Wordpress还是Z-blog还是其他的博客后台，只要你在做网站，CSS(什么是CSS？)你不得不面对，如何令你的网站风格漂亮，当靠别人是不够的。如何你想学CSS但不知道在哪学，那么很好，今天向大家推荐7个网上最优秀的CSS资源。　　1、CSS2 Specification 这是CSS的官方指南，当然你在上面看东西可能会觉得很枯燥，不过不要紧，CSS它说了算，所以真的有心

38个CSS资源升级你的CSS技能

web前端开发

09-11

601

英文 |https://hulyakarakaya.medium.com/level-up-your-css-with-these-38-resources-c0de7ecd8714翻译...

css资源站点，

Rongcan的生活随笔

06-04

797

css资源站点，很不错的网页布局资料，http://www.mysheji.com/blog/article.asp?id=652

7个网上最优秀的CSS资源

wangxiaohigh

11-05

329

无论你用Wordpress还是Z-blog还是其他的博客后台，只要你在做网站，CSS(什么是CSS？)你不得不面对，如何令你的网站风格漂亮，当靠别人是不够的。如何你想学CSS但不知道在哪学，那么很好，今天向大家推荐7个网上最优秀的CSS资源。 1、CSS2 Specification 这是CSS的官方指南，当然你在上面看东西可能会觉得很枯燥，不过不要紧，CSS它说了算，所以真的有心学好，这会是一...

分享一些前端常用的js、css在线资源库，直接引用即可使用

weixin_54366356的博客

05-10

1281

分享一些前端常用的js、css在线资源库，直接引用即可使用注意：网址加载缓慢时可能与网络有关，请检查网络重试所有资源库都要在电脑有网的情况下才可使用 <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <me

前端常用的CSS工具库

a15220216758的博客

07-29

5233

常用的前端工具库，包含动画，过渡，以及常用CSS工具等等....

推荐几个常用的CSS动画库

weixin_50367873的博客

12-09

2万+

css动画合集

Failed to compile with 1 error 15:16:22 error in ./src/styles/vab.scss Syntax Error: Error: PostCSS plugin postcss-pxtorem requires PostCSS 8. Migration guide for end-users: https://github.com/postcss/postcss/wiki/PostCSS-8-for-end-users @ ./src/styles/vab.scss 4:14-223 15:3-20:5 16:22-231 @ ./src/plugins/index.js @ ./src/main.js @ multi (webpack)-dev-server/client?http://192.168.1.77:81&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js

最新发布

03-08

<think>好的，用户遇到了编译错误，提示postcss-pxtorem需要PostCSS 8。我需要分析问题原因，并提供解决方案。首先，用户可能在项目中使用了较旧版本的PostCSS，而postcss-pxtorem的新版本依赖于PostCSS 8。这可能是因为用户升级了postcss-pxtorem，或者自动安装了不兼容的版本。接下来，我应该考虑几种可能的解决方法。首先，降级postcss-pxtorem到支持PostCSS 7的版本，比如5.1.1。用户需要检查他们的package.json，确认当前安装的版本，并指定安装旧版本。同时，如果项目是通过Vue CLI创建的，可能需要检查@vue/cli-plugin-postcss的版本，因为Vue CLI可能会锁定PostCSS的版本。另外，升级PostCSS到8.x也是一个选项，但需要考虑项目其他依赖是否兼容。如果项目中有其他插件或工具依赖于旧版PostCSS，升级可能导致更多问题。这时候，降级插件可能更安全。用户可能没有意识到依赖版本之间的兼容性问题，特别是当使用^或~等版本符号时，npm或yarn可能自动安装了不兼容的更新。建议用户检查依赖树，确认是否有冲突的版本，并固定关键依赖的版本。此外，清理node_modules和lock文件后重新安装依赖，可以解决潜在的安装不一致问题。用户可能已经尝试过普通的卸载步骤，但残留的旧文件可能导致问题依旧存在，因此需要强制清理。最后，用户可能需要更新构建配置，比如vue.config.js中的postcss配置，确保使用正确的插件版本。如果用户不熟悉如何修改配置，提供具体的代码示例会很有帮助。总结，解决方案应包括降级插件、升级PostCSS（如可行）、检查Vue CLI插件、清理依赖和更新配置。需要分步骤说明，并给出具体的命令，方便用户操作。同时，提醒用户备份项目，避免操作失误导致的问题。</think>这个编译错误表明你的项目正在使用的 `postcss-pxtorem` 插件需要 PostCSS 8 版本，但当前环境中安装的 PostCSS 版本过低。以下是完整的解决方案： --- ### **问题原因** - `postcss-pxtorem` v6+ 需要 PostCSS 8+ 支持 - 你的项目可能： - 使用了 Vue CLI 4.x（默认锁定 PostCSS 7） - 直接安装了旧版 PostCSS - 依赖链中存在版本冲突 --- ### **解决方案** #### 1. 降级 `postcss-pxtorem`（推荐） ```bash # 卸载当前版本 npm uninstall postcss-pxtorem # 安装兼容 PostCSS 7 的旧版 npm install postcss-pxtorem@5.1.1 --save-exact ``` #### 2. 升级 PostCSS（高风险）如果确定项目其他依赖兼容 PostCSS 8： ```bash npm install postcss@8.4.32 --save-exact ``` #### 3. 检查 Vue CLI 版本（若使用） ```bash # Vue CLI 4.x 需要特殊处理 vue --version # 如果版本是 4.x，需要同步升级 npm update @vue/cli ``` #### 4. 强制清理依赖 ```bash rm -rf node_modules package-lock.json npm cache clean --force npm install ``` --- ### **配置验证** 在 `vue.config.js` 中确认配置兼容性： ```javascript module.exports = { css: { loaderOptions: { postcss: { postcssOptions: { plugins: [ require('postcss-pxtorem')({ rootValue: 37.5, // 按设计稿比例修改 propList: ['*'] }) ] } } } } } ``` --- ### **版本对照表** | 组件 | 安全版本 | |-----------------|--------------------| | PostCSS | 7.0.39 或 8.4.32 | | postcss-pxtorem | 5.1.1（兼容旧版） | | @vue/cli | ≥5.x（支持新版） | --- ### **附加建议** 1. 检查 `package.json` 中所有 PostCSS 相关插件版本 2. 如果使用 yarn，尝试 `yarn why postcss` 查看依赖树 3. 在 CI/CD 环境中使用 `npm ci` 保证版本一致性完成上述操作后，重新启动开发服务器即可解决该编译错误。如果问题依然存在，可以提供你的 `package.json` 内容进一步分析依赖关系。