amfe手机淘宝前端团队 https://github.com/amfe

最新推荐文章于 2024-07-07 23:25:02 发布

panyuwu

最新推荐文章于 2024-07-07 23:25:02 发布

阅读量4.1k

点赞数

分类专栏：淘宝

淘宝专栏收录该内容

7 篇文章 0 订阅

订阅专栏

Explore
Features
Enterprise
Pricing

amfe

Repositories People 3

JavaScript 1,399 451

lib-flexible

可伸缩布局方案

Updated 13 days ago

JavaScript 283 67

ml

无线前端库

Updated 19 days ago

2,965 462

article

Updated on 26 Nov 2015

JavaScript 65 9

or.htmlone.gulp

htmlone combo ; gulp组件，功能和 grunt 版本的 htmlone 一致

Updated on 30 Jun 2015

0 0

lib-transition

Updated on 4 Jun 2015

JavaScript 1 2

lib-transform

Updated on 4 Jun 2015

HTML 34 11

lib-env

Updated on 4 Jun 2015

JavaScript 0 0

ctrl-loading

Updated on 4 Jun 2015

JavaScript 0 1

ctrl-pageview

Updated on 4 Jun 2015

JavaScript 10 3

ctrl-scrollview

Updated on 4 Jun 2015

JavaScript 1 0

ctrl-tabheader

Updated on 4 Jun 2015

JavaScript 0 0

ctrl-tabpanel

Updated on 4 Jun 2015

JavaScript 2 1

ctrl-waterfall

Updated on 4 Jun 2015

JavaScript 4 1

lib-motion

Updated on 4 Jun 2015

JavaScript 3 3

lib-gesture

Updated on 4 Jun 2015

HTML 23 6

lib-scroll

Updated on 4 Jun 2015

JavaScript 1 1

lib-promise

Updated on 4 Jun 2015

HTML 0 0

lib-cubicbezier

Updated on 4 Jun 2015

JavaScript 4 3

lib-navigation

全局导航

Updated on 4 Jun 2015

JavaScript 3 5

ift

forked from qiuscut/if-sync

Updated on 10 Dec 2013

3 People

Jinjiang勾三股四

terrykingcha金擘

wintercnShaofei Cheng

Status
API
Training
Shop
Blog
About
Pricing

© 2016 GitHub, Inc.
Terms
Privacy
Security
Contact
Help

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

panyuwu

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
amfe手机淘宝前端团队 https://github.com/amfe

Skip to contentSign up Sign inExploreFeaturesEnterprisePricingamfe Repositories People 3Filters JavaScript 1,
复制链接

扫一扫

专栏目录

amfe-env, 在移动设备上，可以检测到什么 os/browser/app，解析 User Agent.zip

09-18

flexible.js

华办

05-06

914

flexible https://github.com/amfe/lib-flexible/

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

vue3移动端rem适配（amfe-flexible + postcss-pxtorem）

最新发布

m0_74382023的博客

07-07

340

关于适配问题，借助插件确实很方便就解决了，并且经过测试没有啥问题。

总结一下vue移动端适配方案

xixi的博客

09-15

1659

方案一：amfe-flexible+px2rem-loader amfe-flexible：根据设备宽度，修改根元素html的大小，以适配不同终端 px2rem-loader：将css中的px转为rem单位，用了它就不用自己计算rem值了注意：amfe-flexible是lib-flexible的优化，主要区别是amfe-flexible不会改变视口大小安装 + 配置 1. 安装amfe-flexible和px2rem-loader npm install -s amfe-flexible npm i

移动端rem适配布局：Vue+amfe-flexible+postcss-pxtorem

weixin_43932309的博客

06-17

2359

移动端rem适配布局：Vue+amfe-flexible+postcss-pxtorem 一文技能全get，顺便填坑...

移动端适配(amfe-flexible)

sjkafljask的博客

03-22

267

链接：https://www.jianshu.com/p/64d6292fb607。商业转载请联系作者获得授权，非商业转载请注明出处。在项目根目录中, 新建。

matlab提取文件要素代码-amfe_topopt:amfe_topopt

05-21

https://gitlab.lrz.de/AM/AMfe.git 概述：安装AMfe 开发版本在安装AMfe软件包之前，请检查是否安装了最新的python版本和所有必需的模块。为了管理python软件包，强烈建议使用Python发行版Anaconda 。它有一个...

matlab提取文件要素代码-AMfe:考虑结构简单的非线性有限元代码

05-21

Prony_AMFE.m

08-05

Prony算法，将信号分解为多个分量的线性组合，并求出对应的幅值、频率、相位、吸收系数，matlab实现

web项目对于移动端的适配

04-02

本文将深入探讨如何使用`amfe-flexible`和`postcss-pxtorem`这两个工具来实现针对移动端的完美适配。首先，`amfe-flexible`是一个由Alibaba Mobile Foundation开发的JavaScript库，它主要解决的是移动端布局的问题...

vue移动端适配解决方案

qq_46177396的博客

02-15

1706

手淘适配解决方案阿里巴巴淘宝团队出品的amfe-flexible是一个用于解决移动端不同机型适配的包。在其源码中，通过不同屏幕的像素比来设置scale值，保证当前窗口的device-width始终等于物理像素设备的宽度。从而达到不同机型的适配效果。当然，要达到完全适配，我们不仅仅只用到amfe-flexible还需要用到postcss-pxtorem。postcss-pxtorem是将我们在css中写的px单位转换为rem单位。与其相似的包还有postcss-pxtorem该包则是将px转换成了2倍的r

flexible.js下载

12-08

移动端web模拟导航可点击自动滑动 flexible.js下载资源下载

vue移动端rem适配--附带引入第三方库解决方案

qiuzhf

02-25

3107

一、先上解决方案：移动端适配我采用淘宝的一套rem解决方案源码： https://github.com/amfe/lib-flexible 1、安装 npm i -S amfe-flexible 2、引入meta标签 &amp;amp;amp;amp;lt;meta name=&amp;amp;amp;quot;viewport&amp;amp;amp;quot; content=&amp;amp;amp;quot;width=device

flexible.js 移动端自适应 rem

Your_Smile_的博客

08-24

984

(function flexible(window, document) { var docEl = document.documentElement var dpr = window.devicePixelRatio || 1 // adjust body font size function setBodyFontSize() { if (document.body) { d...

vue 引入amfe-flexible

weixin_47473788的博客

09-30

5471

1.amfe-flexible amfe-flexible是配置可伸缩布局方案，主要是将1rem设为viewWidth/10。 2.postcss-pxtorem postcss-pxtorem是postcss的插件，用于将像素单元生成rem单位。 3.移动端适配方案 vue实现移动端适配步骤如下：先安装amfe-flexible和postcss-pxtorem npm install amfe-flexible --save npm install postcss-pxtorem --save 在mai

Vue集成flexiable.js的一种方法

heroicpoem的专栏

03-21

491

可以把flexiable.js文件直接引入。

vue项目中,移动端适配rem

haodanzj的博客

09-07

189

项目_移动端适配目标脚手架项目集成postcss翻译css代码适配方案选型 PC端一般都是1:1用px还原UI设计图, 靠内容撑开高度移动端一般都是rem单位进行适配适配步骤下载amfe-flexible 根据网页宽度, 设置html的font-size yarn add amfe-flexible 到main.js引入 import "amfe-flexible" 下载postcss和postcss-pxtorem@5.1.1 postcss: 后处理css, 编

Vite + vue3 项目使用 amfe-flexible 和 postcss-pxtorem 实现不同屏幕自适应

sywdebug的博客

09-09

2293

amfe-flexible 和 postcss-pxtorem 可以一起使用来实现移动端的适配效果。amfe-flexible 主要用于动态设置根元素字体大小（rem），以根据屏幕尺寸进行自适应布局。它会根据设备的屏幕宽度计算出根元素字体大小，并将其设置为页面的根元素的字体大小。然后，开发者可以在 CSS 样式中使用 rem 单位来设置元素的尺寸和间距，从而实现自适应布局。postcss-pxtorem 是一个 PostCSS 插件，用于将 CSS 中的像素单位（px）转换为 rem 单位。

(二)文件配置

weixin_45953482的博客

06-07

227

该项目有主要功能：资讯列表、标签页切换，文章举报，频道管理、文章详情、关注功能、点赞功能、评论功能、搜索功能、登录功能、个人中心、编辑资料、小思同学生产环境的包开发环境的包项目相关的技术点跳过部分如何创建Vue,不再赘述,使用Vue create就可以创建另外根据需求,可能需要删除elslint或创建eslint下面总结Eslint经验ESLint 是一个代码检查工具，用来检查你的代码是否符合指定的规范在写代码过程中, 检查你代码是否错误, 给你提示ESLint可以约束团队内代码的风格统一规范文档:

amfe-flexibleamfe-flexible可以自动给 < html > 设置font-size值为设备宽度的1/10npm:amfe-flexible - npm安装：npm i amfe-flexible配置：

06-13

`amfe-flexible` 是一个用于响应式设计的工具，特别适合于移动端项目，它能帮助自动调整 `<html>` 元素的 `font-size` 值以适应不同设备的屏幕尺寸。要使用它，你需要按照以下步骤进行： 1. **npm 安装**: ```...