仔細(xì)閱讀vuejs官網(wǎng)-教程-安裝-命令行工具那一塊
https://cn.vuejs.org/v2/guide...
官網(wǎng)已經(jīng)說(shuō)明了在NPM包的dist/目錄下有很多不同的Vue.js構(gòu)建版本。
而使用哪一個(gè)構(gòu)建版本取決去你引入vue的方式。我是使用ES6規(guī)范引入vue的,即使用import語(yǔ)法導(dǎo)入vue模塊,所以需要將vue的構(gòu)建版本設(shè)置為vue.esm.js。
如果你使用commonjs規(guī)范引入vue,即使用require語(yǔ)法導(dǎo)入vue模塊,那么就需要vue的構(gòu)建版本設(shè)置為vue.commonjs.js。
const webpack=require('webpack');
module.exports={
entry:__dirname+'/src/main.js',
output: {
path:__dirname+'/public',
filename:'bundle.js'
},
devtool: "none",
devServer: {
contentBase:'./public',
host:'localhost',
port:'8080',
inline:true,
historyApiFallback:true
},
module:{
rules:[
{
test:/\.js$/,
use:'babel-loader',
exclude: /node_modules/
},
{
test:/\.css$/,
use:['style-loader','css-loader'],
exclude: /node_modules/
},
{
test:/\.vue$/,
use:'vue-loader'
}
]
},
// 還需要添加以下內(nèi)容
resolve: {
alias: {
//確定vue的構(gòu)建版本
'vue$':'vue/dist/vue.esm.js'
},
extensions: ['*','.js','.vue','.json']
}
}
resolve.alias 配置項(xiàng)通過(guò)別名來(lái)把原導(dǎo)入路徑映射成一個(gè)新的導(dǎo)入路徑。例如使用以下配置:
// Webpack alias 配置
resolve:{
alias:{
components: './src/components/'
}
}
當(dāng)你通過(guò) import Button from 'components/button' 導(dǎo)入時(shí),實(shí)際上被 alias 等價(jià)替換成了 import Button from './src/components/button'。
以上 alias 配置的含義是把導(dǎo)入語(yǔ)句里的 components 關(guān)鍵字替換成 ./src/components/。
alias 還支持 $ 符號(hào)來(lái)縮小范圍到只命中以關(guān)鍵字結(jié)尾的導(dǎo)入語(yǔ)句:
resolve:{
alias:{
'react$': '/path/to/react.min.js'
}
}
react$ 只會(huì)命中以 react 結(jié)尾的導(dǎo)入語(yǔ)句,即只會(huì)把 import 'react' 關(guān)鍵字替換成 import '/path/to/react.min.js'。
實(shí)際上對(duì)于一個(gè)問(wèn)題的結(jié)果,例如操作一個(gè)文件,我們只關(guān)心其結(jié)果,完成或者沒(méi)有完成.但是獲取這個(gè)結(jié)果需要很多個(gè)步驟,每個(gè)步驟都是有可能出錯(cuò)的,而且出錯(cuò)也有相應(yīng)的修復(fù)邏輯
/**
* 判斷一個(gè)文件是否存在
* 存在 不存在
* 打開(kāi) 創(chuàng)建
* 讀取 打不開(kāi) 打開(kāi) 創(chuàng)建不了
* 報(bào)錯(cuò) 報(bào)錯(cuò) (假設(shè)到這一層就不執(zhí)行操作了)
*/
完成上面的邏輯,單純用Promise來(lái)寫(xiě),將會(huì)變得十分繁瑣,保證Promise最后一個(gè)then或者catch是我們要的結(jié)果下,
任何比正常邏輯多出的分支必須在一個(gè)then或者catch里寫(xiě)完才可以保證最后的結(jié)果只有一個(gè),例如上面部分邏輯的偽代碼
hasfile.then(()=>{
//返回不同效果的Promise,并且包含flag
let Pro=new Promise(/*對(duì)應(yīng)后續(xù)打開(kāi)文件的代碼*/);
return {
hasfile:true,
pro:pro
}
}).catch(()=>{
let Pro=new Promise(/*對(duì)應(yīng)后續(xù)創(chuàng)建文件的代碼*/);
return {
hasfile:false,
pro:pro
}
}).then((result)=>{
//這個(gè)時(shí)候執(zhí)行的Promise是不一樣的
if(result.flag){
//如果還想繼續(xù)鏈?zhǔn)秸{(diào)用
//只能繼續(xù)包裝一個(gè)Promise對(duì)象并返回
//如果直接把result.pro的Promise執(zhí)行,那么鏈?zhǔn)秸{(diào)用就到此結(jié)束
return new Promise((resolve,reject)=>{
//這里執(zhí)行的是打開(kāi)的代碼,但是代碼本體卻是在上一個(gè)
//then里寫(xiě)的
result.then((file)=>{
resolve(file);
}).catch((err)=>{
reject(err)
})
})
}else{
}
})
結(jié)果就是,Promise不適合干帶有過(guò)多邏輯分支或者循環(huán)的異步,不然要Generator和async干嘛
對(duì)于jsp中taglib url表示的是命名空間,防止相同的標(biāo)簽名,可以去訪問(wèn)別人已經(jīng)封裝好的。也可以去自己去封裝一個(gè)標(biāo)簽。
Object.keys(obj).length == 0
上邊代碼沒(méi)有問(wèn)題是正確的,我的問(wèn)題是輪播之后要加載一次接線圖,一次接線圖每次輪播都會(huì)刷新導(dǎo)致內(nèi)存過(guò)大,已經(jīng)解決了
valueOf和tostringconsole.log和alert都是隱式調(diào)用toString方法1+""調(diào)用的是valueOf方法
data url的格式是:data:[<mediatype>][;base64],<data>,所以存視頻可以這樣:
data:video/mp4;base64,3bvwAA...
data:video/webm;base64,3bvwAA....
...
video/mp4、video/webm這些就是視頻格式的mime。
如果不存data url格式,可以直接把base64編碼后的數(shù)據(jù)(就是上面的data)存起來(lái)就可以了。
當(dāng)然,存原始數(shù)據(jù),輸出的時(shí)候轉(zhuǎn)base64編碼可能更好。
jQuery 在 2.0 以后的版本也去除了對(duì)低版本 IE 的支持
jQuery 的選擇器可以用 document.querySelector() 代替,其他也有可替代的方案。
至于輪播圖、選項(xiàng)卡,用 react 或者 vue 可以很方便的和其他項(xiàng)目結(jié)合,還是比 jQuery 可維護(hù)性強(qiáng)一點(diǎn)的。
我覺(jué)得在需要大量處理瀏覽器兼容問(wèn)題的時(shí)代,jQuery 是非常方便的,但是現(xiàn)在 jQuery 有點(diǎn)高不成低不就的意思。
倒不是說(shuō) jQuery low,說(shuō)這種話(huà)沒(méi)意思。只是個(gè)人覺(jué)得沒(méi)什么用 jQuery 的必要。
當(dāng)然,具體問(wèn)題具體分析,如果公司項(xiàng)目確定了用 jQuery ,也還是可以的。
1:設(shè)計(jì)規(guī)范
2:了解實(shí)現(xiàn)細(xì)節(jié)
3:編寫(xiě)mock環(huán)境
4:編碼
報(bào)錯(cuò)信息應(yīng)該是gridId插入了重復(fù)的值,null也算,你檢查下。
自己看啦。
反正<el-form ref="formName">綁定相應(yīng) ref
方法里面對(duì)應(yīng)這么拿this.$refs.formName.validate...
1。形如
"{"item":"{"name":"xiaoming"}"}"
的json字符串才可以JSON.parse()為js對(duì)象
2。把你兩次的console。log結(jié)果截圖發(fā)出來(lái)
const handleSubmit = (e) => { e.preventDefault(); form.validateFields((err, values) =>{ if(!err) { this.state.data.valueOf(this.state.data.push(values)) console.log('form1', values, this.state.data) } }) }
把
this.state.data.valueOf(this.state.data.push(values))
改為
let temp = new Array(...this.state.data);
temp.push(values);
this.setState({data:temp});
不通過(guò)setState改變state,UI是不會(huì)渲染的
https://github.com/ben-eb/css...
{
reduceIdents: false
}
遇到類(lèi)似問(wèn)題可以百度,查看官方文檔,或者查看github issue解決
在debug的時(shí)候默認(rèn)斷點(diǎn)是 Suspend all的,可以選擇斷點(diǎn)的打斷模式為 Suspend Thread,就不影響其他線程了。
目測(cè)這種類(lèi)型的移動(dòng)端項(xiàng)目不會(huì)火
你并沒(méi)有修改引用
修改值
var a = 1;
a = 2;
var obj = {name:"123"};
obj = {age:"321"};//直接將指向改變
修改引用內(nèi)容
var obj = {name:"123"};
obj.name = "321";用這個(gè)覆蓋底層樣式
.el-checkbox+.el-checkbox {
margin-left: 0px;
}
.el-checkbox {
margin-right: 25px;
}
看一下你代碼呢,應(yīng)該是綁定了一個(gè)對(duì)象作為key
nginx做一下自動(dòng)切換成https
北大青鳥(niǎo)APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國(guó)IT技能型緊缺人才,是大數(shù)據(jù)專(zhuān)業(yè)的國(guó)家
達(dá)內(nèi)教育集團(tuán)成立于2002年,是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機(jī)構(gòu),是中國(guó)一站式人才培養(yǎng)平臺(tái)、一站式人才輸送平臺(tái)。2014年4月3日在美國(guó)成功上市,融資1
北大課工場(chǎng)是北京大學(xué)校辦產(chǎn)業(yè)為響應(yīng)國(guó)家深化產(chǎn)教融合/校企合作的政策,積極推進(jìn)“中國(guó)制造2025”,實(shí)現(xiàn)中華民族偉大復(fù)興的升級(jí)產(chǎn)業(yè)鏈。利用北京大學(xué)優(yōu)質(zhì)教育資源及背
博為峰,中國(guó)職業(yè)人才培訓(xùn)領(lǐng)域的先行者
曾工作于聯(lián)想擔(dān)任系統(tǒng)開(kāi)發(fā)工程師,曾在博彥科技股份有限公司擔(dān)任項(xiàng)目經(jīng)理從事移動(dòng)互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍(lán)懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負(fù)責(zé)iOS教學(xué)及管理工作。
浪潮集團(tuán)項(xiàng)目經(jīng)理。精通Java與.NET 技術(shù), 熟練的跨平臺(tái)面向?qū)ο箝_(kāi)發(fā)經(jīng)驗(yàn),技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點(diǎn)難點(diǎn)突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫(kù),具有快速界面開(kāi)發(fā)的能力,對(duì)瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁(yè)制作和網(wǎng)頁(yè)游戲開(kāi)發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開(kāi)發(fā)經(jīng)驗(yàn)。曾經(jīng)歷任德國(guó)Software AG 技術(shù)顧問(wèn),美國(guó)Dachieve 系統(tǒng)架構(gòu)師,美國(guó)AngelEngineers Inc. 系統(tǒng)架構(gòu)師。