后端程序员转行前端,强烈推荐这6个前端UI框架,第二款小程序UI框架颜值最高!
昨天有个同事问我有没有可以直接上手的前端UI框架。
那今天就给大家推荐6个简单、视觉体验好的前端框架
没吃过猪肉,肯定见过猪跑!
Jquery Mobile
demo地址:
https://demos.jquerymobile.com/1.1.0/
教程地址:
https://www.codesocang.com/jquerymobile/jquerymobile/7/index.html
这个应该是最简单的,能够快速上手了!
jQuery Mobile 还发布一个完整统一的jQuery移动 UI组件。支持全球主流的移动平台。
部件是功能丰富,有状态的插件。随着方法和事件,有一个完整的生命周期。
如果想5分钟就能直接上手的,Jquery Mobile首当其冲!
ColorUI
github地址:
https://github.com/weilanwl/ColorUI
官网地址:
https://www.color-ui.com/
鲜亮的高饱和色彩,专注视觉的小程序组件库
ColorUI 是小程序组件库,但不是纯样式库。由于WeUI有些淡雅,可能不合某些时尚公司的风格,因此 ColorUI 也有庞大的追捧者。
github上标星高达8.8k
相信你肯定有用过使用ColorUI的小程序
如果要开发小程序,这款开源框架是一个不错的选择。
Material
material design风格的前端css框架
官方网站:
http://materializecss.com/
中文学习站:
http://www.materializecss.cn/
使用非常简单,只需要引入css和js就行
<!-- Compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css"><!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>
可以使我们的页面颜色更鲜艳,动画效果更突出(符合Material Design的设计风格)
究竟什么是Material Design?
设计是创造的艺术,我们的目标就是要满足不同的人类需要。人们的需要会随着时间发展,我们的设计,实践,以及理念也要随之提升。我们在自我挑战,为用户创造了一个可视化语言,它整合了优秀设计的经典原则和科学与技术的创新。这就是Material Design。
关于Material Design,其亲爹谷歌是这么介绍的。
其核心思想就是把物理世界的体验带进屏幕。去掉现实中的杂质和随机性,保留其最原始纯净的形态、空间关系、变化与过渡,配合虚拟世界的灵活特性,还原最贴近真实的体验,达到简洁与直观的效果。
Layui
官网地址:
https://www.layui.com/
github地址:
https://github.com/sentsin/layui/
layui(谐音:类UI) 是一款采用自身模块规范编写的前端 UI 框架,遵循原生 HTML/CSS/JS 的书写与组织形式,门槛极低,拿来即用。
其外在极简,却又不失饱满的内在,体积轻盈,组件丰盈,从核心代码到 API 的每一处细节都经过精心雕琢,非常适合界面的快速开发。
layui 首个版本发布于2016年金秋,她区别于那些基于 MVVM 底层的 UI 框架,却并非逆道而行,而是信奉返璞归真之道。
准确地说,她更多是为服务端程序员量身定做,你无需涉足各种前端工具的复杂配置,只需面对浏览器本身,让一切你所需要的元素与交互,从这里信手拈来。
weui
github地址
https://github.com/weui/weui
同微信原生视觉体验一致的基础样式库
WeUI是一套同微信原生视觉体验一致的基础样式库,为微信Web开发量身设计,可以令用户的使用感知更加统一。包含button、cell、dialog、toast、article、icon等各式元素
image
frozenui
github地址
https://github.com/frozenui/frozenui
image
FrozenUI的CSS组件库,基于腾讯手Q样式规范。特点FrozenUI 是一套基于移动端的UI库,轻量、精美、遵从手机 QQ 设计规范。
适用于使用手Q规范设计的Web页面,而针对非手Q规范的页面,可通过修改变量定制界面主题,并且可以按需选择需要的组件。
使用iconfont展示图标,包含了按钮,列表,表单,提示,弹窗等常用组件,新增文本,布局,1px, rem,文字截断,占位,两端留白,两端对齐等解决方案,同时解决了移动端屏幕适配问题。
结语
当然如果你觉得还有更容易上手的前端ui框架,评论告诉大家把!
后端程序员转行前端,强烈推荐这6个前端UI框架,第二款小程序UI框架颜值最高!相关推荐
- 后端程序员转行前端,强烈推荐这6个前端UI框架,第二款小程序UI框架颜值最高!...
昨天有个同事问我有没有可以直接上手的前端UI框架. 那今天就给大家推荐6个简单.视觉体验好的前端框架 没吃过猪肉,肯定见过猪跑! Jquery Mobile demo地址: https://demos ...
- 程序员转行记:当上大老板、迎娶白富美还全款买了房
作者 | 苏南 责编 | 胡巍巍 陈年往事 "我月入3万,怎么会少少了你一个鸡蛋啊?" 这是2017年9月左右的一个新闻,一位煎饼摊大妈因和顾客争执时脱口而出这样一句话而走红.当时 ...
- PHP程序员面对的压力大不大?我来聊聊程序员转行的就业方向
作为一名程序员,不同领域.不同公司和不同项目所面对的压力程度可能会有所不同.但是,一般来说,程序员需要长时间专注于编写代码,需要不断学习和适应新的技术和变化,还需要在项目的压力下保证工作的质量和进度. ...
- 基于SSM框架的微信小程序扫码点餐
随着我国经济迅速发展,人们对网络管理的需求越来越大,各种系统也越来越多,由于微信的发展,微信的功能越来越齐全,越来越多的人开始使用微信.因此,特开发了本微信小程序--基于微信小程序的扫码点餐小程序的设 ...
- 程序员的电脑选择推荐
1 MacBook 说起笔记本电脑,MacBook是绕不过去的部分.毕竟其优点十分明显:做工优良.交互流畅.待机时间长.独占应用. 但是,其缺点也十分突出:兼容性和偏昂贵的价格. 而且,在苹果的生态圈 ...
- 程序员转行能做什么?
我对技术转行深有体会,我也是程序员转行的,之前做JAVA开发,对程序员转行而言,理由有且只有一条,太TM累了,没前途!加班严重的损耗精力,头发早秃,三十几岁全身只剩腰部以下毛发完整了. 中年油腻男,谈 ...
- 1.3万星*~~~ Github 程序员转行考公务员指南
近日,在GitHub上,一份程序员考公指南冲上热榜,几天时间不到,收获了12.6K Star.微博知乎上关于程序员和公务员转行的热点新闻也层出不穷,如果是你,你会怎么选择呢? 程序员 or 公务员? ...
- 黑马程序员:从零基础到精通的前端学习路线
黑马程序员:从零基础到精通的前端学习路线 随着互联网的深入发展,前端开发工程师一跃成为市场上非常抢手的人才.很多同学,包括以前做UI的.Java的.或者对于IT完全零基础的同学都想学习前端.下图是网上 ...
- 阿里程序员转行公务员,工资少了40万,只留一句话惊醒众人
程序员和公务员,经常被认为现在的两种代表职业.前者属于待遇高压力大,996是常事,用生命换取工资:后者则代表稳定,好福利,但工资难有起色. 很多人想的是趁年轻多赚点钱,图安逸不是年轻人该有的想法.而前 ...
最新文章
- Oracle SQL标准结构化语言练习
- MYSQL外键(Foreign Key)的使用
- 如何在Node.js中退出
- python的一些基本语法
- 执行maven clean package 时报OutOfMemoryError的解决办法
- SAP UI5 应用开发教程之二十五 - 使用代理服务器解决 SAP UI5 应用访问远端 OData 服务的跨域问题
- 标题 日期问题java蓝桥杯,日期类的使用(java)-蓝桥杯
- 用 Golang 写一个搜索引擎(0x07)--- 正排索引
- 怎么更好掌握Web前端技术?JS的跨域是怎么回事?
- 【HHHOJ】NOIP模拟赛 捌 解题报告
- 基于阿尔法贝塔剪枝算法的五子棋_C4.5算法剪枝2
- Chrome 实现前端页面自动刷新
- 清空数据库中的某个表中数据
- pd 写入数据库_使用PD创建数据库模型,并最终将sql语句导入到MySQL
- python—range() 函数—步长为正,左闭右开;步长为负,左开右闭
- 11款极酷Chrome浏览器插件推荐
- D7000、60D、K5、E5的详细对比评价(转)_我是亲民_新浪博客
- blazeds_Spring BlazeDS集成:它是什么,它会发生什么变化?
- WMS系统--移库逻辑
- Excel 经纬度互相转换
热门文章
- 3D引擎Axiom的选择与学习
- a8处理器相当于骁龙几_世界十大手机处理器排行榜公布!苹果A12处理器排名榜首...
- 计算机毕业设计ssm家猪智能饲养管理系统wt2ah系统+程序+源码+lw+远程部署
- Fabric网络搭建(一)
- 国内10个最美高校图书馆!一定要考上!
- ICC2:ETM(extract timing model)
- oracle 手机客户端_Oracle 11g客户端
- 适合防抄板,耗材认证,核心算法授权,程序保护,数据传输加解密等应用的逻辑加密芯片和带安全内核加密芯片
- 网页设计者值得一去的地方
- 接收用户输入的原价。满1000打9折;满2000打8折;满5000打5折