⑴ 前端开发工程师怎么分等级 知乎
我在前端能有八年了，前端的等级七十就是 初级工程师 中级工程师 高级工程师，之后是架构师这些，主管
⑵ 5分钟看懂VUE项目
VUE是前端开发框架。诞生于2014年吧。
原始的前端开发框架需要工程师写html、写css、写javascript(js)。js是脚本语言，浏览器可以运行js来执行一些js支持的动作，例如点击反馈，下拉菜单、操作html的DOM元素之类。这样开放效率就很低了。
后来诞生了一些前端开发框架，VUE就是其中之一。目前在国内前端开发中，特别是手机app的h5页面的开发部分，被很多公司采用。
使用VUE开发的时候，不需要js直接操作html元素，只需要管理js的变量值，html会自动更新这些值。传统的html配合js能完成的功能，VUE都给出了实现方案，开发只写简单的html和js语句就可以实现。
VUE开发的工具一般是visio stdio code（vscode），稍微适应两天就可以熟练应用了。还是很强大的。
但是vscode本身只是编辑器，开发编译类语言需要自己配编译环境，具体我没配过。
前端开发不需要配编译环境了，只需要把需要的各种库、工具在命令行界面安装就行。具体过程网上搜“从零开始搭建vue项目”。
刚建立好的项目一定是下面这种目录结构（ranktable.vue是我后加的
这对于新手村的人会引起头晕呕吐，老子啥都没写就出来这么多文件，不但数量不少，文件种类还齐全。
学习VUE别想一下吃的太多，除非你本身前端经验丰富。否则先看懂红色箭头的几个文件吧，看懂这几个就算入门了。看的顺序严格按照下面这样。
index.html->main.js->App.vue->index.js->HelloWorld.vue
我将这几个文件大概讲一讲，你就能有个清晰的脉络了。
一、index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>tradedatapy</title>
</head>
<body>
<div id="app"></div>
</body>
</html>
页面开发当然是要有html了，VUE开发也不例外。这个html就是整个项目的入口了。只不过是<body>里面过于简单。<div id="app"></div>表示本html绑定了一个id为app的VUE对象。
二、main.js
new Vue({ //new Vue语句就是定义了一个VUE对象
el: '#app', //vue对象的id是app
router,
components: { App }, //vue的组件名是APP
template: '<App/>' //template 名是APP
})
这就定义了一个app的VUE对象，index.html就可以找到它了。
三、App.vue
<template>
<div id="app">
<router-view/>
</div>
</template>
<script>
export default {
name: 'App' //export 了名为App的组件，main.js就可以找到它了
}
</script>
上面的template都理解为html的一部分片断就行了，片断可以拼接到html对应的位置，构成一个有内容的完整的页面。<img src="./assets/logo.png">这句被我注释了，否则页面会显示这个图片的。下面的<route-view/>部分是路由，根据用户的url不同，会路由到不同的vue文件，进而展示不同的页面内容。
四、index.js
项目里有不只一个index.js，一定看准了，我要讲解的是router目录下的index.js.
//这里的配置决定了App.vue里<router-view/>位置会展示什么内容
export default new Router({
routes: [
{
path: '/', //当用户访问 http://localhost:8080/ 根目录也就是默认目录会被路由到HelloWorld组件，
//这个组件的所有内容会被在App.vue里<router-view/>显示出来
name: 'HelloWorld',
component: HelloWorld
},
{//当用户访问 http://localhost:8080/ranktable 会显示ranktable.vue内容
//ranktable.vue是我后加的
path: '/ranktable',
name: '/ranktable',
component: ranktable
}
]
})
五、HelloWorld.vue
最后看看这里有什么
<template>
<div>
原来的内容被我删除了，现在页面显示这句话。
</div>
</template>
<script>
</script>
vscode命令行执行npm run dev，看见下面说明成功了，将地址贴进浏览器
Compiled successfully in 983ms 15:43:26
I Your application is running here: http://localhost:8080
如果想要更复杂的功能，在helloworld.vue实现就行了，比如我要一个填表查询功能，里面改成
<template>
<div>
<group title="城市">
<selector placeholder="请选择城市" v-model="demo01" title="" name="district" :options="list" @on-change="onChange1"></selector>
</group>
<group title="街道">
<selector placeholder="请选择街道" v-model="demo03" title="" name="district" :options="list4" @on-change="onChange3" @click.native="onClickpz"></selector>
</group>
<group title="小区">
<selector placeholder="请选择小区" v-model="demo02" title="" name="district" :options="list3" @on-change="onChange2" @click.native="onClickheyue"></selector>
</group>
<group title="日期">
<selector placeholder="请选择日期" v-model="demo04" title="" name="district" :options="list5" @on-change="onChange4" @click.native="onClickdate"></selector>
</group>
<group title="统计类型">
<selector placeholder="请选择统计类型" v-model="demo06" title="" name="district" :options="list6" @on-change="onChange6"></selector>
</group>
<div style="padding:15px;">
<x-button type="primary" @click.native="getValue('plainValueRef')">查询</x-button>
</div>
</div>
</template>
<script>
import { Selector, Group, Cell, CellBox, XButton } from 'vux'
此处省略很多东西
</script>
这个例子有点复杂，需要下面<script>里实现很多内容，引入vux的一些组件，vux大家可以自行研究。效果是这样的
⑶ 前端常用的框架有哪些
前端常用框架汇总：
react框架:
create-react-app+antd（antd PC，移动端都有）
umi+dva+antd ant design pro（管理系统）
ReactNative（app混合开发）
2.vue框架：
vue-cli+element-ui或iview（PC，移动端，小程序都有）
vue-element-admin（管理系统）
vue-cli3+cordova或者weex（app混合开发）
3.Flutter（app混合开发）
4.es6,webpack,gulp,node,包管理工具,esLint,echart,css预处理器,i18n等等
⑷ 前端开发工程师需要学习什么知识
web前端开发工程师一般分为三种级别，一般分为初级工程师、中级工程师、高级工程师。
1.初级前端工程师：能熟练使用html、css、js，主要工作还是搭建静态页面。进阶知识的话就是响应式这一块了，一套代码能适配pc+手机是初级前端工程师的进阶。
2.中级前端工程师：作为一名中级前端工程师的话，除了上面的以外，还需要会使用一些框架之类的东西，像bootstrap、jquery之类的。进阶的知识应该是ajax这一块了，当然ajax并不是很难，了解怎么与后台交互式学习ajax的关键点。
3.高级前端工程师：想成为高级前端工程师，首先要学习的就是前端工程化，进阶框架angular、vue、react ，和jquery有着很大区别，vue是数据控制页面渲染及状态，而jquery是DOM节点控制渲染，vue渲染页面更容易更优雅。vue能够把前端项目彻底工程化，有配置文件、可以安装第三方模块、配合webpack打包、可以实现模块化开发等等，当然简单是它最大的优势。进阶就是要学习es6 7 语法、vuex、Element_ui （开发pc端框架）、vux（开发手机端框架）、Mint UI（开发手机端框架）、Nodejs（后端语言，js语法）。
⑸ 移动webapp前端ui用哪个框架好
WeUI
Web 开发量身设计，可以令用户的使用感知更加统一。包含button、cell、dialog、 progress, toast、article、icon等各式元素。
Frozen UI
一个开源的简单易用，轻量快捷的移动端UI框架。基于手Q样式规范，选取最常用的组件。
SUI Mobile
是一套基于 Framework7 开发的UI库。并参考Ratchet、Fastclick开源库。它非常轻量、精美，只需要引入我们的CDN文件就可以使用，并且能兼容到 iOS 6.0+ 和 Android 4.0+，非常适合开发跨平台Web App。
⑹ 探坑第一步，如何解决启动vux项目报错
公司最近需要做一个微信端的项目，技术选型用vue的移动端框架vux写，按照官网的安装步骤，启动的时候屡次报错，后来网络出以下解决步骤：
然后在文件底部加上：
否则会报originalConfig 找不到，
最后在resolve: {extensions: ['.js', '.vue', '.json','.less']里加入.less
⑺ 如何完成中国移动框架任务
一、移动APP开发框架1、vux。VUX-Vue移动端UI组件库2、MintUI。MintUI-基于Vue.js的移动端组件库3、vant。Vant-轻量、可靠的移动端Vue组件库4、weex。Weex是一个使用Web开发体验来开发高性能原生应用的框架。Weex致力于使开发者能基于当代先进的Web开发技术，使用同一套代码来构建Android、iOS和Web应用。
ionic。ionic官方文档-IonicPlatformDocumentatio。7、uni-app。uni-app官网8、MUI。MUI-最接近原生APP体验的高性能前端框架9、flutter。Flutter谷歌的移动UI框架
⑻ 修改vux组件的css样式
我们经常用vux的组件快速开发移动端的项目，比如常用的datetime组件，会遇到这样的问题。
而我们的需求要求value值靠左而非靠右，但datetime没有提供移动value值位置的属性，那怎么办呢？
首先需要找到经过vue处理后的值，
一种方法我们可以在全局上修改，简单粗暴。
vue也给我们提供了局部修改的方法：
这最终会被vue编译成：
可以看到字体变成向左靠齐，当然，可以用这种方法，修改任一内置组件，其他ui框架的修改方法也类似。
⑼ 几款实用的VUE移动端UI框架
文档地址：https://doc.vux.li/zh-CN/
演示地址：https://vux.li/demos/v2/?x-page=v2-doc-home#/
基于webpack+vue-loader+vux可以快速开发移动端页面，配合vux-loader方便你在WeUI的基础上定制需要的样式（下拉刷新上拉加载组件不再维护，其余组件相对丰富）
文档地址：https://wangdahoo.github.io/vonic-documents/#/
演示地址：https://wangdahoo.github.io/vonic/docs/#/home
一个基于 vue.js 和 ionic 样式的 UI 框架，用于快速构建移动端单页应用，很简约
文档地址：https://didi.github.io/cube-ui/#/zh-CN/docs/introction
演示地址：https://didi.github.io/cube-ui/#/zh-CN/example
滴滴 WebApp 团队 实现的 基于 Vue.js 实现的精致移动端组件库；组件效果优；视觉效果很棒
文档地址：http://mint-ui.github.io/docs/#/
演示地址：http://elemefe.github.io/mint-ui/#/
最接近原生APP体验的高性能前端框架
文档地址：https://youzan.github.io/vant/#/zh-CN/intro
演示地址：https://youzan.github.io/vant/mobile.html#/zh-CN/
有赞前端团队基于有赞统一的规范实现的 Vue 组件库，提供了一整套 UI 基础组件和业务组件
文档：http://nutui.jd.com/#/intro
演示地址：http://nutui.jd.com/demo.html#/index
一套京东风格的轻量级移动端Vue组件库
特性
跨平台，自动转微信小程序组件（稍后上线，敬请期待）
30+ 京东移动端项目正在使用
基于京东APP 7.0 视觉规范
支持按需加载
详尽的文档和示例
支持定制主题
支持多语言（国际化）
支持 TypeScript
支持服务端渲染（Vue SSR）
单元测试加持
配套有基于Webpack的构建工具，可快速创建已内置本组件库的Vue工程
⑽ Vue UI 了解一下
前端框架百花齐放、争奇斗艳，令人眼花缭乱。大神们一言不合就整一个框架出来，另小白们无所适从。下面罗列了一些比较优秀的UI框架，Star多的大都是老牌劲旅，Star少的许多是后起之秀。
（1）Element 饿了么 vue 2.0后台UI框架 (Star:18382)
https://github.com/ElemeFE/element
（2）iview组件库 (Star:10186)
iView 主要服务于 PC 界面的中后台业务，很优秀的组件库，可惜不适合移动端
https://github.com/iview/iview
https://iviewui.com/
（3）vux 基于Vue和WeUI的移动UI组件 (Star:9762)
Vux是基于WeUI和Vue(2.x)开发的移动端UI组件库，主要服务于微信页面。
https://github.com/airyland/vux
https://vux.li/
（4）Mint-UI 饿了么移动端组件库 (Star:8062)
由饿了么前端团队推出的 Mint UI 是一个基于 Vue.js 的移动端组件库
https://github.com/ElemeFE/mint-ui
（5）vue-admin 管理面板UI框架 (Star:6289)
https://github.com/vue-bulma/vue-admin
（6）vue-material为 Vue.js 打造的 Material 风格的组件 (Star:4550)
https://github.com/vuematerial/vue-material
https://vuematerial.github.io/#/
（7）vue-strap基于 Vue.js 的 Bootstrap 组件 (Star:4400)
https://github.com/yuche/vue-strap
http://yuche.github.io/vue-strap/
（8）KeenUI 基于Material Design的UI (Star:3041)
https://josephuspaye.github.io/Keen-UI/
（9）vonic (Star:2276)
https://github.com/wangdahoo/vonic/
https://wangdahoo.github.io/vonic/docs/#/
（10）Radon-ui awe大神最近写的一套UI (Star:791)
https://github.com/luojilab/radon-ui
（11）N3-components 基于N3ui (Star:781)
https://github.com/N3-components/N3-components
（12）vue-carbon (Star:739)
https://github.com/myronliu347/vue-carbon
上文转自于 https://www.cnblogs.com/tkzc2013/p/8127294.html
更多 vue 框架参考 https://www.awesomes.cn/subject/vue# 应用-框架
优秀的 github demo 推荐 https://github.com/licang