E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
postcss
二、nuxt.js中使用bootstrapvue框架
根据BootstrapVue官方介绍,手写需要安装bootstrap-vue依赖,但是官方没有说明其需要依赖jQuery,以及
postcss
,以及
postcss
-loader,所以也必须安装jQuery
叶小七的真命天子
·
2024-01-22 21:41
webpack笔记
gulprollupvite4.loader处理文件的转换,plugin用于打包优化,资源管理,环境变量注入5.browserslistrc//筛选浏览器Loader:Css-loaderStyle-loader
Postcss
-loaderpost
QAEARQ
·
2024-01-22 06:59
webpack
webpack
笔记
前端
Vue中使px自动转rem配置 (h5适配问题)
以下方法为px自动转换rem,顾名思义,配置完成后,不用再关心rem换算等等,只需按照设计稿的px值写入即可,当你保存后
PostCSS
插件会自动将px转换成所配置的rem值,并且你在浏览控制台观测界面时你会发现你在代码里写的是
lipenghao111
·
2024-01-22 00:08
vue.js
javascript
前端
webpack 进阶用法
自动清除构建目录安装npmiclean-webpack-plugin-D修改webpack.config.jsplugins:[newCleanWebpackPlugin()]CSS自动补全前缀信息
postcss
-loaderautoprefixernpmi
postcss
-loaderautoprefixer-Dmodule
阿畅_
·
2024-01-21 20:09
阮一峰:CSS Modules 用法教程
从最早的Less、SASS,到后来的
PostCSS
,再到最近的CSSinJS,都是为了解决这个问题。本文介绍的CSSModules有所不同。
蒸熟的土豆
·
2024-01-21 12:27
Vue-cli3配合Mint UI移动端开发rem的计算问题
在使用Vue-cli3开发移动端的时候需要注意移动端适配的问题我是使用rem来做的,所以需要使用
postcss
-px2rem进行统一转换首先需要安装一下
postcss
-px2rem:npminstall
postcss
-px2rem
尤樊容
·
2024-01-21 11:16
vue移动端项目中使用
postcss
-pxtorem进行适配方案
既然是使用
postcss
-pxtorem对移动端项目进行适配,那肯定先要安装它,于是我们在电脑上敲下这行命令npminstall
postcss
-pxtorem-D
postcss
-pxtorem有一个好
趁着年轻吃点苦
·
2024-01-20 22:41
vue.js
css
vue中使用vw适配移动端
推荐看看大漠老师的文章,非常的有收获如何在Vue项目中使用vw实现移动端适配1.首先在项目中安装依赖npmi
postcss
-aspect-ratio-mini
postcss
-px-to-viewport
postcss
-write-svg
postcss
-cssnext
postcss
-viewport-unitscssnano
呵呵丶彼岸
·
2024-01-20 21:36
vite4项目中,vant兼容750适配
一般非vite项目,使用
postcss
-px-to-viewport。在设计稿为750时候,可使用以下配置兼容vant。在vite4项目中,以上配置不行。
LingRuiBin
·
2024-01-20 07:00
javascript
vant
uniapp+vue3打包问题记录
,其他一片空白1.pages.json文件:tabBar中的iconPath图标格式不支持svg,只支持:png,jpg,jpeg的格式,当图片改为.png的时候可以正常显示2.适配插件的影响:使用了
postcss
-pxtorem
元宵不吃汤圆
·
2024-01-19 22:08
uni-app
vue.js
前端
stylelint配置
我们的项目中使用scss作为预处理器,安装以下依赖:pnpmaddsasssass-loaderstylelint
postcss
postcss
-scss
postcss
-htmlstylelint-config-prettierstylelint-config-recess-orde
aa小小
·
2024-01-19 17:26
vue3项目
vue.js
前端
stylelint
移动框架适配使用插件
postcss
-pxtrem,
postcss
-px-to-viewport ,修改webpack
适配方案:一、动态设置根元素font-size、DOM元素rem实现方式:1、开发时使用rem2、开发时使用px、修改配置文件使用
postcss
-pxtorem将PX转rem,实现适配步骤:安装:npminstall
postcss
-pxtorem
东湖高新第一会所掌门人
·
2024-01-19 05:05
css
vue 全局less sess变量
npminstallsass-resources-loader2.配置module:{rules:[{test:/\.scss$/,use:['style-loader','css-loader','
postcss
-loader
An_0313
·
2024-01-17 05:02
vite环境基础配置
importAutoImportfrom"unplugin-auto-import/vite";importComponentsfrom"unplugin-vue-components/vite";importvuefrom"@vitejs/plugin-vue";import
postcss
PxToViewportfrom'postcs
Gifted_
·
2024-01-16 06:59
vue2.0适配
字体适配:安装cnpminstall
postcss
-pxtorem--save-dev配置//vue.config.js//然后在reset.css里面设置基础字体大小,如果不想让字体改变可以使用PXconstpxtorem
小政爱学习!
·
2024-01-15 19:55
vue.js
前端
javascript
介绍2个插件让你更好进行移动端开发
postcss
-pxtorem是一款
postcss
插件,用于将px单位转化为remlib-flexible用于设置rem基准值1安装依赖yarnaddamfe-flexible或者使用npmiamfe-flexible
人类命运攸关的时刻
·
2024-01-15 18:42
前端
前端工程化
主要解决问题:传统语言或语法的弊端如想要使用ES6+新特性,但兼容有问题;想要使用Less/Sass/
PostCSS
增强CSS的编程性,但是运行环境不能直接支持无法使用模块化/组件化想要使用模块化的方式提高项目的可维护性
WEB前端含光
·
2024-01-15 12:39
vue3移动端适配
将vue3项目中的px单位,自动转换为rem单位可以看到这里会根据页面缩小放大变化需要安装两个插件,看步骤amfe-flexible---默认指向2.2.1版本npmi-Samfe-flexible
postcss
-pxtorem
@tg
·
2024-01-14 21:03
vue.js
前端
javascript
Vue3 移动端自适应方案
postcss
-px-to-viewport
我的环境依赖名版本pnpm8.14.0Node16.20.1Vue3.3Vite5.0.8一、安装pnpminstall
postcss
[email protected]
二、配置
HaushoLin
·
2024-01-14 15:06
Vue3
postcss
前端
javascript
css
vue
实现响应式变化---自适应页面(各种css样式文字图片大小)
方法一:vue2.0及vue3.0rem配置Vue2.0配置
postcss
-px2remvue2.0及vue3.0rem配置参考链接:https://www.cnblogs.com/TreeCTJ/p/
夏花里的尘埃
·
2024-01-14 04:17
vue及插件二次封装
css
前端
关于sass(scss)、less、
postcss
、stylus等的用法与区别
关于sass(scss)、less、
postcss
、stylus等的用法与区别一.Sass/Scss、Less、stylus是什么?它们都是css预处理器。
cain07
·
2024-01-12 14:18
后台管理平台适配各种窗口大小方法
后台管理平台适配各种窗口大小方法第一步第二步第三步第四步第一步安装npminstall
postcss
-px2rem-Snpminstallpx2rem-loader-S第二步src->utils目录下创建
W.Y.B.G
·
2024-01-12 13:50
vue.js
javascript
前端
vuecli4里面使用rem
1、安装两个插件屏幕自适应插件npmiamfe-flexible--save把px转成rem的插件只能在css文件里面写里面的npmi
postcss
-px2rem--save2、main.js引入importremfrom'amfe-flexible'Vue.use
Echo_1b8a
·
2024-01-11 07:44
webpack vite下px转vw方案
postcss
-px-to-viewport,兼容vant
webpack环境下(设计稿宽度750)下载插件npminstall
postcss
-px-to-viewport-D创建
postcss
.config.jsconstpath=require("path"
菜鸟工程师2号
·
2024-01-11 06:17
webpack
postcss
前端
【Vue】项目使用px2rem
使用方法1.安装包npmi
postcss
-px2rem2.编写配置文件编写核心代码,命名随意,我这里命名为px2rem并放在src/utils文件夹内//基准大小constbaseSize=100//设置
【南汐】前端
·
2024-01-11 02:50
vue.js
前端
开源软件
postcss
插件开发_
PostCSS
深入探讨:自行开发预处理器
postcss
插件开发在上一教程中,我们介绍了如何使用出色的预处理包“PreCSS”。在本教程中,我们将以不同的方式进行基于
PostCSS
的预处理。安装精选的插件以自定义从头开始构建预处理器。
daique1908
·
2024-01-10 20:12
python
java
javascript
人工智能
编程语言
ViewUI
vue实现移动端适配方案
您需要先看这篇文章vue实现移动端适配步骤如下:vue2中的适配先安装amfe-flexible和
postcss
-pxtorem:npminstallamfe-flexible--savenpminstall
postcss
-pxtorem
梦禄
·
2024-01-10 18:53
vue.js
javascript
前端
vue项目中px单位转rem插件
一、安装插件:"
postcss
-px2rem":"^0.3.0","
postcss
-px2rem-exclude":"0.0.6",二、新建
postcss
.config.jsmodule.exports
葫芦娃y
·
2024-01-09 19:53
vue.js
javascript
前端
bootstrap警告 autoprefixer: Replace color-adjust to print-color-adjust.
/node_modules/
postcss
-loader/dist/cjs.js):Warning(6:29521)autoprefixer:Replacecolor
sherlyxoxo
·
2024-01-09 04:51
bootstrap
vue.js
前端
vu2 下载使用tailwind css
命令#Vue2#安装talwindcss
postcss
autoprefixernpminstalltailwindcss@npm:@tailwindcss/
postcss
7-compat@tailwindcss
Sengoku_Xingzi
·
2024-01-08 04:14
css
前端
tailwind
VUE pc端-移动端-ipad端适配(原理转化为vw布局,根据宽度适配)
设备宽度=100vw1vw=750px/100px=7.5px100px=1/7.5*100vw1.引入
postcss
-px-to-viewport插件(将class转换为vw)npminstall
postcss
-loader
postcss
-px-to-viewport
一路向北.
·
2024-01-07 08:19
vue.js
css
html
页面自适应
postcss
-pxtorem配置
一、项目背景uniapp+vue3+ts+vite+pinia+vant二、安装
postcss
-pxtoremnpmi
postcss
-pxtorem三、vite.config.ts配置importpxtoremfrom"
postcss
-pxtorem
元宵不吃汤圆
·
2024-01-06 03:44
postcss
前端
javascript
移动端布局方案
postcss
-pxtorem
目标通过
postcss
-pxtorem来实现自动渲染px至rem的开发与生产工作而不需要再手动计算实现方式
postcss
-pxtorem:将px转换为pxamfe-flexible:为html、body
squidbrother
·
2024-01-05 08:30
【转载】下一代Web应用模型:Progressive Web App
包括但不限于基于Node.js的前端工程化方案;诸如Webpack、Rollup这样的打包工具;Babel、
PostCSS
这样的转译工具;TypeScript、Elm这样转译至JavaScript的编程语言
weixin_30815469
·
2023-12-31 17:42
移动开发
操作系统
json
webstorm自动补全css,Webstorm配置CSS/SCSS自动补全兼容前缀autoprefixer插件
详情见,https://github.com/
postcss
/autoprefixer当Autoprefixer添加前缀到你的CSS,还不会忘记修复语法差异
大乘虚怀苦
·
2023-12-31 14:38
webstorm自动补全css
移动端适配rem(Vant)
需要注意该插件不能转换行内样式中的px利用vant提供的首先安装可以看到第二步配置1.安装npminstall
postcss
-pxtorem-D2.在项目根目录创建.
postcss
rc.js文件配置完毕
愿➣
·
2023-12-31 06:53
javascript
开发语言
rem
预编译语言
了解
PostCSS
学习less官网lessnpminstall-glesslesscstyle.lessstyle
皮卡皮卡皮卡丘11
·
2023-12-31 04:33
Vue移动端适配并解决rem影响第三方ui库样式问题
项目中安装lib-flexiblenpminstalllib-flexible--save二、在项目的入口main.js文件中引入lib-flexibleimport'lib-flexible'三、安装
postcss
-px2rem-excludenpminstall
postcss
-px2rem-exclude
依旧大白丶
·
2023-12-30 15:50
移动端
移动端适配
vue.js
前端
javascript
如何在Vue项目中使用vw实现移动端适配
viewport单位越来越受到众多浏览器的支持,下面将简单介绍怎么实现vw的兼容问题,用vw代替rem当我们采用vue-cli脚手架搭建完项目,安装所有依赖包之后,用npmrundev启动后,在根目录有一个.
postcss
rc.js
小边_leo
·
2023-12-30 01:38
H5 页面 不对 px 进行转 rem
H5页面使用
postcss
-px2rem对H5页面进行适配后,px样式都会转化为rem,但有些地方的px不需-要转化为rem不需要进行转化的在样式后面加/no/或PX大写vant修改样式使用/no/后px
Fighting宁
·
2023-12-29 19:51
前端
javascript
vue.js
css原子化的框架Tailwindcss的使用教程(元素html和vue项目的安装与配置)
安装教程中文官网教程原始的HTML里面使用新建文件夹npminit-y初始化项目安装相关依赖npminstall-Dtailwindcss
postcss
-cliautoprefixer初始化两个文件npxtailwindcssinit-p
萧寂173
·
2023-12-28 22:56
vue
css
css
html
vue.js
大屏自适应
postcss
-px2rem
1、安装
postcss
-px2remnpminstall
postcss
-px2rempx2rem-loader--save2、在根目录src中新建util目录下新建rem.js等比适配文件ps:如果根目录
哈0
·
2023-12-28 10:03
vue3项目中使用Vant和移动端适配
pnpmaddvantvant引入main.tsimport'vant/lib/index.css'XX.vueimport{ButtonasVantButton}from'vant'按钮移动端适配推荐
postcss
-px-to-viewport
Eleven....
·
2023-12-27 12:56
vant
Tailwind CSS 原子化开发初体验
一、安装这里以React+Vite为例安装依赖,生成
postcss
.config.js和tailwind.config.js配置文件npmi
天問_
·
2023-12-26 15:26
CSS
css
前端
CSS原子化
Tailwind
vuecli4里面使用rem
1、安装两个插件屏幕自适应插件npmiamfe-flexible--save把px转成rem的插件只能在css文件里面写里面的npmi
postcss
-px2rem--save2、main.js引入importremfrom'amfe-flexible'Vue.use
古月梦回
·
2023-12-25 08:38
mac运行之前的代码报错以及sass安装问题
文章目录从windows系统拷贝项目到mac上的vscode运行运行之前的项目报`SyntaxError:Error:
PostCSS
receivedundefinedinsteadofCSSstring
大牙Adela
·
2023-12-24 19:48
macos
sass
vue.js
Error: No
PostCSS
Config found in... 报错 踩坑记
vuecli3.0新建项目可能会遇到这个报错Error:No
PostCSS
Configfoundin...解决方案在项目根目录新建
postcss
.config.js文件,并对
postcss
进行配置:module.exports
798b6b7c244d
·
2023-12-24 08:09
CSS自适应分辨率 amfe-flexible 和
postcss
-pxtorem:Webpack5 升级后相关插件和配置更新说明
前言项目对应的webpack5版本如下:
[email protected]
@5.1.4-D升级插件说明一下,我更喜欢固定版本号,这样随机bug会少很多,更可控~npmi
postcss
-loader
AvatarGiser
·
2023-12-23 15:11
CSS
小知识点
css
postcss
CSS自适应分辨率 amfe-flexible 和
postcss
-pxtorem
postcss
-pxtorem:使用rem代替px的
postcss
插件,它可以自动将px转换成rem,并且对一些
AvatarGiser
·
2023-12-21 10:33
CSS
小知识点
css
postcss
前端
CSS自适应分辨率 amfe-flexible 和
postcss
-pxtorem:大屏高宽自适应问题
前言继上篇《CSS自适应分辨率amfe-flexible和
postcss
-pxtorem》。发现一个有趣的问题,文件rem.js中按照宽度设置自适应,适用于大多数页面,但当遇到大屏就不那么合适了。
AvatarGiser
·
2023-12-21 10:54
css
postcss
前端
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他