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報告等等。