WeUIWeUI是一个与微信原有视觉体验一致的基础样式库。它是由微信官方设计团队针对微信Web的开发而设计的,可以让用户的使用感知更加统一。包括按钮、单元格、对话框、进度、吐司、文章、图标等元素。FrozenUIFrozenUI是腾讯社交用户体验设计-增值UI开发团队的开源、易用、轻量、快捷的移动UI框架。
FrozenUI提供的CSS组件是目前QQ会员前端开发组常用的样式库。遵循Q-style规范,基本风格使用离线包来减少请求并提供快速访问方案。FrozenUI提供的一系列JavaScript 插件可以在移动端更优雅的呈现更敏捷的动画效果。Frozenjs是一个为移动终端开发的js组件库,它依赖于zepto.js和FronzenUI。
5、B端设计:盘点筛选控件的基本知识对于B端产品,由于业务逻辑和系统设计的限制,筛选逻辑更加复杂,给设计增加了不少难度。并且笔者还结合一个针对公司B端系统的设计调整,为我们分享了筛选功能的基础知识,希望对你有所启发。首先从筛选本身说起~筛选可以说是我经常使用的一种交互形式。比如我点外卖,会选择全款优惠,也可以选择哪个价格区间的产品,会使用筛选。
因此,今天我们将讨论过滤器控制。屏蔽的存在意义对于整个表单来说非常重要,可以帮助用户在表单浩如烟海的数据中快速定位数据;可以按照自己的方式快速划分表单中的数据,缩短用户查找数据的时间;可以满足用户工作中实际业务场景的筛选。
6、记一次前端技术分享(移动端相关概念讲解rem适配和vw适配的定义:相对单位,fontsize REM相对于根元素html的大小是相对于html标签的fontsize设置的相对大小的相对单位。比如html的fontsize是750px,那么1rem在设备上会显示为750px的通用方案:阿里巴巴的灵活方案。html的fontsize等于页面宽度的10%,相当于让页面等于10雷姆。简单方案:在页眉中嵌入一个脚本,根据页面宽度改变根元素html的fontsize。页面元素的单位是rem,相当于元素的fontsize相对于根元素的自适应变化。比如设计稿的宽度是750px,设备宽度是750px时,一个REM就是75 px,一页的宽度也是75px。
7、前端页面的 插件有哪些?8、VUE移动端及PC端适配方案
前几天开发公司产品官网时,遇到了一些适配问题。当时我们选择了postcsspxtoviewport方案来实现适配,效果也是显著的,每一页都做了适当的修改。step1.vue已安装postsspxtoviewport插件,第二步。配置adaptation 插件的参数使用PostCss配置文件时,在postcss.config.js中添加以下配置:或者在package.json中,添加以下配置:解释以下重要参数的使用:adaptation中的问题:注意:执行指令后,可以在package.json 2的devDependencies分支中看到相应的版本,在main.js中导入libfixible如果不使用vue,可以直接在前端使用阿里的CDN,如下:注意:这里是postcsspx2rem而不是px2remloader。