web前端和UI哪个简单一点
您好，首先，您这个问题我只能说：您对哪个感兴趣哪个就好学，让我推荐的话，我会推荐web前端。给您说一下他们都各自需要学什么：
UI：
1、平面设计
这个阶段主要是针对零基础学员的，学习内容主要包括企业VI设计、企业画册设计、平面设计与后期印刷等知识。学习工具为PS、AI、coreldraw，学完这一段可以从事大多数平面设计工作。
2、网页设计
在这一阶段中将会学习到Web界面设计、PC客户端软件界面设计、XHTML/HTML5语言、CSS样式表、布局技巧与浏览器兼容等技术。
3、移动界面设计
这一阶段是UI设计真正核心所在，学习内容包括：主流风格的图标设计、交互设计、移动界面设计，学习工具也进一步扩展为：Axure、ai、像素大厨、墨刀等。
web前端
1、HTML5基础
这一阶段主要学习HTML5、CSS3、JavaScript基础；
2、JavaScript核心
这一阶段学习JavaScript核心，DOM编程，完成各种页面动态效果以及动态交互；
3、web前端核心
学习内容包括：jQuery、HTML5+CSS3，完成页面各种功能及效果，能够实现服务器端的通信分析，实现订单页的功能分析。
综合来说，推荐选择的还是Web前端开发，因为这个事目前社会上比较缺少的人才，叫容易入门，可以为自己增强信心。
如何利用weui作为前端来开发
先引用样式文件. 请在github上下载对应的文件. 下载地址为: 3次未审核, 搜索吧.下载之后的目录结构为: dist : 编译之后的目录, 里面的文件可以直接使用src : 源码目录可以打开dist下example目录, 这个是官方的例子文件. 里面比较全的基本使用方法. 打开example目录下的index.html 就可以看到官方的例子了. 这里需要说明一下, 这个官方使用的zepto.js框架. 这个框架更加适用移动端. 开始使用, 如果使用呢? 第一步先把css文件引用到页面中. 《link rel=“stylesheet“ type=“text/css“ href=“路径地址“ /》然后, 就可以使用官方的样式了. 首先来说明一下button. 使用方法:class=“weui_btn weui_btn_primary“其中属性有: weui_btn weui_btn_primaryweui_btn weui_btn_warnweui_btn weui_btn_default三种, 如果你想扩展, 直接增加响应的样式就可以了. Tab使用: tab包含两种: navbar 和 tabbar使用方法. navbar : 《div class=“weui_tab“》《div class=“weui_navbar“》《div class=“weui_navbar_item weui_bar_item_on“》 选项一《/div》《div class=“weui_navbar_item“》 选项二 《/div》《div class=“weui_navbar_item“》选项三 《/div》《/div》《div class=“weui_tab_bd“》《/div》《/div》weui_bar_item_on 为选中项tabbar:《div class=“weui_tabbar“》《a href=“javascript:;“ class=“weui_tabbar_item weui_bar_item_on“》《div class=“weui_tabbar_icon“》《img src=“./images/icon_nav_button.png“ alt=““》《/div》《p class=“weui_tabbar_label“》微信《/p》《/a》《a href=“javascript:;“ class=“weui_tabbar_item“》《div class=“weui_tabbar_icon“》《img src=“./images/icon_nav_msg.png“ alt=““》《/div》《p class=“weui_tabbar_label“》通讯录《/p》《/a》《a href=“javascript:;“ class=“weui_tabbar_item“》《div class=“weui_tabbar_icon“》《img src=“./images/icon_nav_article.png“ alt=““》《/div》《p class=“weui_tabbar_label“》发现《/p》《/a》《a href=“javascript:;“ class=“weui_tabbar_item“》《div class=“weui_tabbar_icon“》《img src=“./images/icon_nav_cell.png“ alt=““》《/div》《p class=“weui_tabbar_label“》我《/p》《/a》《/div》图片来自官方例子中的素材.Toast弹出层: 一个是弹出提示数据. 《div id=“toast“》《div class=“weui_mask_transparent“》《/div》《div class=“weui_toast“》《i class=“weui_icon_toast“》《/i》《p class=“weui_toast_content“》已完成《/p》《/div》《/div》使用$(’#toast’).show();进行显示数据.searchBar搜索框简单的搜索, 搜索世界的大不同, 不是所有的网站都可以图标的使用. 《i class=“weui_icon_msg weui_icon_success“》《/i》《i class=“weui_icon_msg weui_icon_info“》《/i》《i class=“weui_icon_msg weui_icon_warn“》《/i》《i class=“weui_icon_msg weui_icon_waiting“》《/i》《i class=“weui_icon_safe weui_icon_safe_success“》《/i》《i class=“weui_icon_safe weui_icon_safe_warn“》《/i》Panel的使用《div class=“weui_panel weui_panel_access“》《div class=“weui_panel_hd“》图文组合列表《/div》《div class=“weui_panel_bd“》《a href=“javascript:void(0);“ class=“weui_media_box weui_media_appmsg“》《div class=“weui_media_hd“》《img class=“weui_media_appmsg_thumb“ src=““ alt=““》《/div》《div class=“weui_media_bd“》《h4 class=“weui_media_title“》标题一《/h4》《p class=“weui_media_desc“》由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。《/p》《/div》《/a》《a href=“javascript:void(0);“ class=“weui_media_box weui_media_appmsg“》《div class=“weui_media_hd“》《img class=“weui_media_appmsg_thumb“ src=““ alt=““》《/div》《div class=“weui_media_bd“》《h4 class=“weui_media_title“》标题二《/h4》《p class=“weui_media_desc“》由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。《/p》《/div》《/a》《/div》《a class=“weui_panel_ft“ href=“javascript:void(0);“》查看更多《/a》《/div》图片里面没有填写地址, 请您自己填写信息.
前端常用的框架有哪些
web前端的主流框架，下面，我具体给你介绍一下：1、Angular：Angular是一款优秀的前端JS框架，Angular有着诸多特性，最为核心的是MVW（Model-View-Whatever）、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。Angular是一个比较完善的前端框架，包含服务，模板，数据双向绑定，模块化，路由，过滤器，依赖注入等所有功能，在自定义指令后可以在项目中多次使用。2、React：React可以非常轻松地创建用户交互界面。为你应用的每一个状态设计简洁的视图，在数据改变时React也可以高效地更新渲染界面。React为你程序编写独立的模块化UI组件，这样当某个或某些组件出现问题是，可以方便地进行隔离。3、Vue：近几年最火的前端框架当属Vue.js了，Vue.js是一个构建数据驱动的Web界面的渐进式框架。Vue.js的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。Vue对模块很友好，可以通过NPM、Bower或Duo安装，不强迫你所有的代码都遵循Angular的各种规定，使用场景更加灵活。以上三个就是我给你介绍的关于web前端主流的框架，希望我的回答对你有所帮助
