前端页面适配 不同设备分辨率不一样，因此需要页面适配 前端如何做页面适配？ css媒体查询实现响应式布局 这种方式的缺陷就是需要编写多套适配样式代码 css3 rem单位 W3C对rem的定义: font-sise of the root Element. 即根元素的fontsize大小 rem: ...
转载
2021-09-24 00:38:00
929阅读
2评论
在 Vue Cli 3 + 中使用 px2rem-loader
原创
2023-06-29 16:08:30
223阅读
Vue2.x学习记录(1)1. 安装Vue，安装vue-cli,webpack,webpack-cli,element-ui,router.2. 了解文件之间的耦合关系。在脚手架中用export暴露接口，在main.js中import使用接口。 程序主入口为new Vue();3.数据与方法 当一个 Vue 实例被创建时，它将 data 对象中的所有的 property 加入到 Vue 的响应式系
config.module .rule('svg') .exclude.add(resolve('src/icons')) .end() config.module .rule('icons') .tesprite-loader') .loader('sv...
原创
2022-07-22 09:33:32
675阅读
移动端适配，目前自己常用的两种 方案，参考以下两篇好文 方案一：使用lib-flexible
转载
2020-11-25 13:42:00
136阅读
2评论
如何在vue-cli3.0中使用postcss-plugin-px2rem 插件 插件的作用是 自动将vue项目中的px转换为rem 。为什么这三个中要推荐 postcss-plugin-px2rem呢？因为 postcss-plugin-px2rem 这个插件 配置选项上有 exclude 属性，它可以配置 是否对 某个文件夹下的所有css文件不进行从px到rem的转换。所以我们可以利用这个特性
转载
2024-06-17 07:37:43
47阅读
# px to rem 将 px 转化成 rem 的 gulp 插件。 ### 使用方法 ### 参数说明 width_design：设计稿宽度。默认值640 valid_num：生成rem后的小数位数。默认值4 pieces：将整屏切份。默认var gulp = require('gulp');
转载
2020-06-16 13:38:00
342阅读
2评论
反射机制 —— 将类中的所有成员反射成对于的类。 以“com.test.Person”类为例
转换对应的类 获取方法 说明类ClassClass mClass = Person.
前言 虽然云谦大佬在github上说了，umi本身的配置已经很完善了，但是肯
原创
2022-11-26 15:37:03
2069阅读
下载lib-flexible https://github.com/amfe/lib-flexible 在main.js中引入lib-flexible 安装px2rem-loader https://github.com/songsiqi/px2rem 配置px2rem-loader 在build文
原创
2022-04-06 10:29:18
358阅读
文章目录前言一、项目搭建二、插件推荐vite-plugin-pages1.安装2.配置路由规则：基本路由:索引路由:动态路由:vite-plugin-vue-layouts安装：配置：unplugin-vue-componentsUI库表格功能插件 前言目前打算做一个博客的网站主要分为前台和后台，用室友给好的Api去进行项目实践 目的：这次的项目主要是学习Vue3的新语法和一些新的插件 技术选型
目录一、Web概述1.1 Web和JavaWeb的概念1.2 JavaWeb技术栈1.2.1 B/S 架构1.2.2 静态资源1.2.3 动态资源1.2.4 数据库1.2.5 HTTP协议1.2.6 Web服务器二、HTTP超文本传输协议2.1 概述2.2 请求数据格式2.2.1 请求行、头、体2.2.2 get和post区别2.3 响应数据格式2
背景旧的rem适配方案（无论是直接使用rem，还是配合flexiblejs等lib库进行视口缩放）已经疲态尽显，且随着安卓高清屏的不断出现，同时data-dpr仍有进一步增加的可能性，rem显得并不是那么稳固与称心如意。首先截止至发文日期，viewport的兼容性如下：可以看到，viewport的兼容性支持已经变得非常好，因此有机会抛弃一切外接库，直接使用原生的viewport。就像最早使用sub
前言大家好，我是刘明，十年创业老兵，开源技术爱好者。 2023年4月11日，Nuxt开发团队发布了Nuxt 3.4.0版本，而3.3.0版本发布日期是3月14日，也就是说，不到一个月Nuxt就发布了一个新的版本。频繁的版本更新，会导致很多童鞋询问：是否有必要升级？ 我的答案是：如果需要用到新版本的特性就升级，如果用不到就不要折腾了。 今天我们来看一下Nuxt3.4有哪些新特性。特性一：支持View
1、安装 postcss-px2rem 插件
npm i postcss-px2rem --save-dev2、在webpack.config.js文件中配置。备注：项目这样配置后，整个项目中的css样式中px单位，都会进行换算
const px2rem = require('postcss-px2rem');
new webpack.LoaderOptionsPlugin({
vue:
原创
2023-04-07 09:57:14
4142阅读
前端开发中还原设计图的重要性毋庸置疑，目前来说应用最多的应该也还是使用rem。然而很多人依然还是处于刀耕火种的时代，要么自己去计算rem值，要么依靠编辑器安装插件转换。而本文的目标就是通过一系列的配置后，在开发中可以直接使用设计图的尺寸开发，项目为我们自动编译，转换成rem。技术栈vue-cli：使用脚手架工具创建项目。postcss-pxtorem：转换px为rem的插件。自动设置根节点html
转载
2024-02-26 12:46:39
280阅读
第一步 ： npm install lib-flexible postcss-pxtorem -S 第二步： 运行指令展示出 webapck.config.js 文件 npm run ejectAre you sure you want to eject? This action is perman ...
转载
2021-04-23 16:29:00
1448阅读
2评论
最近在开发我司一项目，用的是nuxt.js开发的，nuxt版本号：2.14.8。主要记录一下，我在这个项目中一些用到的东西吧，地址：http://www.lawlawing.com/感觉基本包含了nuxt.js的大部分配置了。安装第一种办法：此方法可参考我的这篇文章：初识nuxt.js我的npm 下载太慢了，所以用了第二种办法npx create-nuxt-app <project-name
px、em、rem区别介绍PXpx像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。PX特点1. IE无法调整那些使用px作为单位的字体大小；2. 国外的大部分网站能够调整的原因在于其使用了em或rem作为字体单位；3. Firefox能够调整px和em，rem，但是96%以上的中国网民使用IE浏览器(或内核)。EMem是相对长度单位。相对于当前对象内文本的字体尺寸。如当前
安装npm install px2rem-loader lib-flexible --save 入口文件main.js加上import 'lib-flexible/flexible.js'在index.html加上 <meta name="viewport" content="width=device-width,initial-scale=1.0"> <met...
原创
2021-08-26 11:21:26
512阅读
