A. 前端常用的框架有哪些
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前端主流的框架，希望我的回答对你有所帮助
B. 前端环境的安装与配置
前端环境的安装与配置？一、工具安装
1.编辑器
2.Git(分布式的代码管理工具)
3.Photoshop
4.Nodejs链接
二、 环境配置
1.配置git：
1.1 设置Git的user name和email：
$ git config --global user.name "name"
$ git config --global user.email "[email protected]"
1.2 生成SSH密钥过程：(看需求配置)
$ ssh-keygen -t rsa -C "[email protected]"
3个回车，密码为空。
Your identification has been saved in /home/tekkub/.ssh/id_rsa.
Your public key has been saved in /home/tekkub/.ssh/id_rsa.pub.
The key fingerprint is:
………………
最后得到了两个文件：id_rsa和id_rsa.pub
添加密钥到ssh：
登陆gitlab, Profile Settings -> SSH Keys -> ADD SSH KEYS ,找到本地的id_rsa.pub文件，复制出里面的内容，添加到 key 内，此时 Title 会自动填上你的邮箱，没有的话手动填写, ADD KEY
1.3 拉取代码到本地(权限)
创建一个存放项目的文件夹，在该文件夹下，单击右键，选择git bash,打开git命令框，编写命令：git clone [email protected]:xx/xx.git（可以在gitlab项目中找到存放地址，gitlab地址：http://gitlab.vchangyi.com ），按回车，就可以从gitlab上clone代码到本地文件夹
1.4 手动安装nodejs，如果是pc端安装的话，nodejs版本不能过低。
安装最新版的话npm安装项目依赖会有问题，手机端gulp无法启动，所以建议安装nodejs V6。
1.5 测试node是否安装成功
在git 命令窗或者node 命令窗中输入命令 ：node -v
1.6 同理，测试npm是否安装成功npm -v
1.7安装gulp
在项目下打开git 命令窗，从淘宝源上自行安装，这个时间需要等待和耐心，也会有网络原因导致安装失败，如果安装失败可以多来几次，直到成功为止。
如果是pc端：npm install --registry=http://registry.npm.taobao.org --phantomjs_cdnurl=http://cnpmjs.org/downloads
npm 安装时候 持久使用淘宝源 设置:
npm config set registry https://registry.npm.taobao.org
配置后可通过下面方式来验证是否成功
npm config get registry
或
npm info express
C. 前端常用的框架有哪些
前端三大框架，是Angular、React、Vue，这三个框架现在是最为流行也是最多人用的框架。
React：
1.声明式设计：React采用声明范式，可以轻松描述应用。
2.高效：React通过对DOM的模拟，最大限度地减少与DOM的交互。
3.灵活：React可以与已知的库或框架很好地配合。
优点：
1.速度快：在UI渲染过程中，React通过在虚拟DOM中的微操作来实现对实际DOM的局部更新。
2.跨浏览器兼容：虚拟DOM帮助我们解决了跨浏览器问题，它为我们提供了标准化的API，甚至在IE8中都是没问题的。
3.模块化：为你程序编写独立的模块化UI组件，这样当某个或某些组件出现问题是，可以方便地进行隔离。
4.单向数据流：Flux是一个用于在JavaScript应用中创建单向数据层的架构5.同构、纯粹的javascript：因为搜索引擎的爬虫程序依赖的是服务端响应而不是JavaScript的执行，预渲染你的应用有助于搜索引擎优化。6.兼容性好：比如使用RequireJS来加载和打包，而Browserify和Webpack适用于构建大型应用。它们使得那些艰难的任务不再让人望而生畏。缺点：React本身只是一个V而已，并不是一个完整的框架，所以如果是大型项目想要一套完整的框架的话，基本都需要加上ReactRouter和Flux才能写大型应用。
Vue：
Vue是尤雨溪编写的一个构建数据驱动的Web界面的库，准确来说不是一个框架，它聚焦在V（view）视图层。
它有以下的特性：
1.轻量级的框架
2.双向数据绑定
3.指令
4.插件化
优点：
1.简单：官方文档很清晰，比Angular简单易学。
2.快速：异步批处理方式更新DOM。
3.组合：用解耦的、可复用的组件组合你的应用程序。
4.紧凑：~18kbmin+gzip，且无依赖。
5.强大：表达式无需声明依赖的可推导属性(computedproperties)。
6.对模块友好：可以通过NPM、Bower或Duo安装，不强迫你所有的代码都遵循Angular的各种规定，使用场景更加灵活。
缺点：
1.新生儿：Vue.js是一个新的项目，没有angular那么成熟。
2.影响度不是很大：google了一下，有关于Vue.js多样性或者说丰富性少于其他一些有名的库。
3.不支持IE8。
Angular：
Angular是一款优秀的前端JS框架，已经被用于Google的多款产品当中。
它有以下的特性：
1.良好的应用程序结构
2.双向数据绑定
3.指令
4.HTML模板
5.可嵌入、注入和测试
优点：
1.模板功能强大丰富，自带了极其丰富的angular指令。
2.是一个比较完善的前端框架，包含服务，模板，数据双向绑定，模块化，路由，过滤器，依赖注入等所有功能；3.自定义指令，自定义指令后可以在项目中多次使用。
4.ng模块化比较大胆的引入了Java的一些东西（依赖注入），能够很容易的写出可复用的代码，对于敏捷开发的团队来说非常有帮助。
5.angularjs是互联网巨人谷歌开发，这也意味着他有一个坚实的基础和社区支持。
缺点：
1.angular入门很容易但深入后概念很多,学习中较难理解。
2.文档例子非常少,官方的文档基本只写了api,一个例子都没有,很多时候具体怎么用都是google来的,或直接问misko,angular的作者。
3.对IE6/7兼容不算特别好,就是可以用jQuery自己手写代码解决一些。
4.指令的应用的最佳实践教程少,angular其实很灵活,如果不看一些作者的使用原则,很容易写出四不像的代码,例如js中还是像jQuery的思想有很多dom操作。
5.DI依赖注入如果代码压缩需要显示声明。
D. 学习前端vue怎么样
在学习Vue之前，你首先要了解这些知识点：
node.js。是一个让JavaScript运行在服务端的开发平台，使用JavaScript也可以开发后台服务，我们使用vue开发必须要安装node.js。
Npm。是node.js官方提供的包管理工具，它已经成了Node.js包的标准发布平台，用于Node.js包的发布、传播、依赖控制。npm提供了命令行工具，使你可以方便地下载、安装、升级、删除包，也可以让你作为开发者发布并维护包。你可以直接使用npm命令下载所需要的jar包。
vue_cli。vue提供了一个官方的CLI，我们就叫它为脚手架。它为现代前端工作流提供了
batteries-included
的构建设置，只需要几分钟的时间就可以运行起来并带有热重载、保存时lint校验，以及生产环境可用的构建版本。简单的说，就是我们使用vue-cli可以快速构建一个完整的vue项目，直接可以运行的vue本地项目，我们在此基础之上直接开发我们所需要的功能和代码即可。
E. 如何利用AngularJs快速搭建前端基本框架
前言 vuejs——轻量、学习成本低、双向绑定、无dom的操作、组件的形式编写 vuejs是个轻量级的mvvm框架， 集合了angular的基本功能，却又比angular更为精简，功能上涵盖了双向绑定、指令、逻辑控制、过滤器、事件监听、函数等。框架的特点使得项目 在状态变更、分页的场景下可以拥有很大的便利——所有的操作只需要变更数组，没有任何的dom操作。 webpack——CommonJS的引用和编写方式、loader非常的丰富，包括vue-loader、css-loader、less-loader webpack是前端组件化的解决方案，webpack提供了核心的CommonJS引用方案去引用资源，下面这篇文章就给大家介绍webpack和vue.js，一起来看看吧。 项目的创建 1.新建项目文件夹，并在其中建立package.json $ mkdir [project name] $ cd [project name] $ npm init 2.在项目目录下新建index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Vue example</title> </head> <body> <div>{{message}}</div> <script src="dist/build.js"></script> </body> </html> src文件夹，并在该文件夹下建立main.js import Vue from 'vue' new Vue({ el:'body', data:{ message:'test success!' } }); 设置webpack 1.安装webpack，webpack-dev-server以及相关的loaders # 全局安装webpack，webpack-dev-server $ npm install -g webpack $ npm install -g webpack-dev-server # 为项目安装其他依赖 $ npm i webpack-merge css-loader style-loader file-loader url-loader babel-core babel-loader babel-plugin-transform-runtime babel-preset-es2015 babel-preset-stage-0 babel-runtime vue vue-loader vue-html-loader vue-style-loader vue-hot-reload-api -D webpack-merge：开发环境和生产环节的webpaak配置文件的配置合并 css-loader：编译写入css style-loader：把编译后的css整合进html file-loader：编译写入文件，默认情况下生成文件的文件名是文件名与MD5哈希值的组合 vue：vue主程序 vue-loader：编译写入.vue文件 vue-html-loader：编译vue的template部分 vue-style-loader：编译vue的样式部分 vue-hot-reload-api：webpack对vue实现热替换 babel-core：ES2015编译核心 babel-loader：编译写入ES2015文档 babel-preset-es2015：ES2015语法 babel-preset-stage-0：开启测试功能 babel-runtime：babel执行环境 url-loader 这里介绍下url-loader，这个loader实际上是对file-loader的封装 比如CSS文件中有时候会这么写： .demo{ background-image: url('a.png'); } mole:{ loaders:[ {test:/\.(pngjpg)$/,loader:'url-loader?limit=8192'} ] } 经过以上配置，当a.png小于8K就会自动将图片转换成base64编码，如果不小于，则不会转换。 这里顺便提一句，在mole配置的时候，loader的写法： mole:{ loaders:[ {test:/\.jade$/,loader:'jade'} //这里配置了让webpack识别jade的loader，其他类似，比如.vue //用于css文件的loader有两种写法 {test:/\.css$/,loader:'style!css'} {test:/\.css$/,loaders:['style','css']} ] } 2.配置webpack.config.js 在根目录下建立webpack.config.js，配置如下： var path = require('path'); mole.exports = { entry: './src/main.js', //定义webpack输出的文件，我们在这里设置了 让打包后生成的文件放在dist文件夹下的build.js文件中 output: { path: './dist', publicPath:'dist/', filename: 'build.js' }, mole: { loaders: [ //转化ES6语法 { test: /\.js$/, loader: 'babel', exclude: /node_moles/ }, //图片转化，小于8K自动转化为base64的编码 { test: /\.(pngjpggif)$/, loader:'url-loader?limit=8192' } ] }, //这里用于安装babel，如果在根目录下的.babelrc配置了，这里就不写了 babel: { presets: ['es2015','stage-0'], plugins: ['transform-runtime'] } } 特别说明 如果要在.babelrc下配置babel，则需要在根目录下新建该文件，windows环境下，不能新建该txt文件然后改后缀，需要通过dos命令建立： echo>.babelrc 通过该命令就可以建立babelde配置文件，用编辑器打开，修改里面的内容为： { "presets": ["es2015", "stage-0"], "plugins": ["transform-runtime"] } 完成该配置我们在命令中运行 $ webpack 打开index.html就可以看到浏览器中看到我们刚刚写的文字 总结 至此我们实现了最基本的利用webpack打包vue，大家最好自己实际操作下代码才能更好的理解，希望这篇文章对大家能有所帮助，如果有疑问大家可以留言交流。
F. 悟空CRM9.0如何安装
官网有文档的，需要安装php和nodejs，文档地址如下：
官方安装文档地址
G. react项目安装lerna+bootstrsp出错
摘要 原因是因为react的安装需要cache目录不允许有空格；但是node的目录下默认情况下是在C:Program Files；是有空格的；因此我们只需要改变一下cache的目录路径即可；
H. node开发前端一般用到哪些插件
正如Node.js在官方说明文档中所言，插件是以动态方式进行链接的共享式对象，能够将JavaScript代码与C/C++库接驳起来。这意味着我们可以引用任何来自C/C++库中的内容，并通过创建插件的方式将其纳入到Node.js当中。
作为实例，我们将为标准std::string对象创建一套封装。
准备工作
在我们开始编写工作之前，大家首先需要确保自己已经准备好所有后续模块编译所需要的素材。大家需要node-gyp及其全部依赖关系。大家可以利用以下命令安装node-gyp：
?
1
npm install -g node-gyp
在依赖性方面，我们需要为Unix系统准备以下项目：• Python (要求2.7版本, 3.x无法正常起效)
• make
• 一款C++编译器工具链（例如gpp或者g++）
举例来说，在Ubuntu上大家可以利用以下命令安装所有上述项目（其中Python 2.7应该已经预先安装完毕了）：
sudo apt-get install build-essentials
在Windows系统环境下，大家需要的是：
• Python (2.7.3版本, 3.x无法正常起效)
• 微软Visual Studio C++ 2010 (适用于Windows XP/Vista)
• 微软Visual Studio C++ 2012 for Windows Desktop (适用于Windows 7/8)
强调一点，Visual Studio的Express版本也能正常起效。
binding.gyp文件
该文件由node-gyp使用，旨在为我们的插件生成适当的build文件
I. 【Web前端基础】webpack全局安装失败怎么办
WebPack的安装，采用的是命令行npm形式的安装。
d://切到d盘
mkdir webpack_demo//在d盘下新建webpack_demo文件夹
cd webpack_demo//进入该文件夹下
npm install -g webpack //全局安装webpack
（备注如果这样安装会出现提示安装webpack-cli；这是4.x的提示，如果不想安装webpack-cli需重新安装低版本webpack）
npm uninstall -g webpack //先卸载之前安装的webpack
npm install -g [email protected] //安装低版本webpack
全局安装完成后，我们还要进行一个项目目录的安装。在用npm安装前，我们先要进行一下初始化，
初始化的主要目的是生成package.json文件（这是一个标准的npm说明文件，里面蕴含了丰富的信息，
包括当前项目的依赖模块，自定义的脚本任务等等，如果你对此文件还不了解，可以看看node 的相关知识）。
npm init//初始化项目，可以一路回车生成的package.json文件
npm install --save-dev [email protected] //官方不太支持全局安装，会锁定版本，因此对项目目录安装
安装完成后可以查看版本号 webpack -v
安装完成后新建webpack.config.js配置文件基本配置
const path = require(‘path’);
const uglify = require(‘uglifyjs-webpack-plugin’);//代码压缩
mole.exports={
//入口文件的配置项
entry:{
entry:'./src/entry.js',
//这里我们又引入了一个入口文件
entry2:'./src/entry2.js'
},
//出口文件的配置项
output:{
//输出的路径，用了Node语法
path:path.resolve(__dirname,'dist'),
//输出的文件名称
filename:'[name].js'
},
//模块：例如解读CSS,图片如何转换，压缩
mole:{
rules: [
{
test: /\.css$/,
use: [ 'style-loader', 'css-loader' ]//处理样式的loader
}
]
},
//插件，用于生产模版和各项功能
plugins:[
new uglify()//代码压缩
],
//配置webpack开发服务功能
devServer:{
//设置基本目录结构
contentBase:path.resolve(__dirname,'dist'),
//服务器的IP地址，可以使用IP也可以使用localhost
host:'localhost',
//服务端压缩是否开启
compress:true,
//配置服务端口号,可自定义
port:1717
}
}
（备注：安装webpack-dev-server时安装完后，运行报不是内部指令，需要在package.json中配置下）
“scripts”: {
"dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js",
"start": "npm run dev",
"build": "node build/build.js"12345
},
如果还是报不是内部指令，则重新安装低版本 npm i [email protected]
npm install --save-dev webpack
J. linux apt命令功能
一、apt的简介
apt命令可以说是Linux系统下最为重要的命令，安装、更新、卸载软件，升级系统内核都离不开apt命令。
apt的全称是Advanced Packaging Tool是Linux系统下的一款安装包管理工具。
最初需要在Linux系统中安装软件，需要自行编译各类软件，缺乏一个统一管理软件包的工具。此后当Debian系统出现后，dpkg管理工具也就被设计出来了，此后为了更加快捷、方便的安装各类软件，dpkg的前端工具APT也出现了。在Ubuntu16.04系统下apt命令功能又得到了强化，使其更加方便快捷和受欢迎了。
二、apt命令介绍
1.apt update
更新软件源中的所有软件列表。因为更新数据库等操作需要管理员的权限，所以在apt命令前要加上sudo命令取得权限。
运行apt update命令会返回三种状态：一是命中，一是获取，一是忽略。
命中表示连接上网站，包的信息没有改变。
获取表示有更新并且下载。
忽略表示无更新或更新无关紧要无需更新。
在命令显示的最后，会提示你有多少软件包可以升级，你可以根据自身的需求立即或稍后进行升级。
2. apt list
apt list --upgradeable：显示可升级的软件包。
apt list --installed：显示已安装的软件包。
3.apt upgrade
执行完update命令后，就可以使用apt upgrade来升级软件包了。执行命令后系统会提示有几个软件需要升级。在得到你的同意后，系统即开始自动下载安装软件包。
4. apt install <软件包名>
安装指定软件。此命令需管理员权限。如果你对名字并不十分清楚，你可以输入软件名的一部分，系统会给出名字相近的软件包名的提示。在老版本中安装程序需要使用 sudo apt-get install <软件包名>，现在新版本中已建议直接使用apt替代apt-get命令。
sudo apt install -f
使用此命令可修复依赖关系，假如有软件因依赖关系不满足而无法安装，就可以运行此命令自动修复安装程序包所依赖的包。特别是在使用dpkg命令安装deb软件包时出现依赖问题常需要此命令来修复。
5. apt remove <软件包名>和apt autoremove
apt remove <软件包名>用来卸载指定软件。
apt autoremove用来自动清理不再使用的依赖和库文件。
7.apt show <软件包名>
显示软件包具体信息。例如：版本号，安装大小，依赖关系，bug报告等等。