html 文件直接雙擊以 file:// 打開的吧,看起來直接用瀏覽器訪問 localhost:3000 就可以了。
模糊背景可以用css3的blur試試,俗稱毛玻璃特效
并不需要吧 只要把babel的modules轉(zhuǎn)換關(guān)閉了就可以按需加載了
原理是webpack transpile的時候如果先使用了babel的transpile就會把模塊全部require進來,而webpack的是可以轉(zhuǎn)義的時候直接import某一個具體的組件的
已發(fā)現(xiàn),沒有頁面內(nèi)容是文件路徑配置錯誤導(dǎo)致的,只需要修改devServer的publicPath為'/'就可以解決。
說明對于webpack的publicPath的設(shè)置并未理解,在官網(wǎng)中是這樣介紹的:
此路徑下的打包文件可在瀏覽器中訪問。
假設(shè)服務(wù)器運行在 http://localhost:8080 并且 output.filename 被設(shè)置為 bundle.js。默認 publicPath 是 "/",所以你的包(bundle)可以通過 http://localhost:8080/bundle.js 訪問。
即在HTML中引用的文件的前置路徑,如果設(shè)置錯誤會導(dǎo)致文件找不到,也就使HtmlWebpackPlugin沒有生效
var canvas = document.getElementById("canvas");
canvas.width = 1024;
canvas.height = 768;
var context = canvas.getContext('2d');
//循環(huán)畫同心圓
for (i = 0; i < 200; i += 10) {
(function(j) {
var repeat = "drawCircle(" + j + ")";
console.log(j);
// setTimeout的時間應(yīng)該是一個遞增的值0,2s,4s,6s...
setTimeout(repeat, 2000 * (i / 10));
})(i)
}
//畫圓函數(shù)
function drawCircle(r) {
context.beginPath();
context.lineWidth = 5;
context.arc(300, 300, r, 0, 2 * Math.PI, false);
context.stroke();
}CSSTransitionGroup 只有在傳進去的 children 切換后才生效。
所以你需要用一個Switch包裹住兩個Route。
emmm,算是解決了,webpack-dev-server創(chuàng)建的打包文件并不在項目文件夾下,所以在調(diào)試時應(yīng)該loadURL(`http://localhost:8080/xxxxxx`)而在production時則應(yīng)該webpack打包后,用file://方式來引入html文件。
我也順便寫了一個文檔來告訴后來人,簡單的Electron+React+webpack配置。
http://www.jianshu.com/p/c102...
C#是半默認break,你不寫會編譯器會發(fā)錯誤
修改成下面這樣就可以了,switch關(guān)鍵字不能用在變量,和函數(shù)名上,否則頁面就會顯示不出來;
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="https://cdn.bootcss.com/vue/2.3.0/vue.min.js"></script>
</head>
<body>
<div id="box">
<h1>我是父級頁面</h1>
<button @click="switchFun()">切換子頁面</button>
<hr>
<!-- 當添加子頁面添加,v-show,v-if后,整個#box的內(nèi)容都顯示不出來了?? -->
<!-- <test-child v-show="isshow"></test-child> -->
<div v-if="isshow">
<test-child></test-child>
</div>
<!-- <test-child></test-child> -->
</div>
<template id="test">
<div>
<h1>我是子頁面</h1>
</div>
</template>
<script>
new Vue({
el:"#box",
data:{
isshow:false
},
methods:{
switchFun:function(){
this.isshow=!this.isshow;
}
},
computed:{
},
components:{
"test-child":{
template:"#test"
}
}
})
</script>
</body>
</html>
你只要多加個判斷是否為undefined就行了,然后取那個不是undefined的
或者可以這么寫【參考】:
var str="+12+{123}+{123}+12+{123}+12+{123}+{123,098}+123+6787+543";
var result=str.match(/\+(\d{2}\b|{\d{3}})/g).map(function(matchStr){
return matchStr.match(/\d+/)[0];
});設(shè)置npm代理,執(zhí)行命令
npm config set registry http://registry.cnpmjs.org
然后重新 create 項目
create-react-app my-app
...
Happy hacking!
//完成了...
之前用的淘寶代理
npm config set registry https://registry.npm.taobao.org
裝任何東西都ok,create-react-app也沒問題,今天就突然掛掉了,只掛這一個啊,換回來居然就好了,無語!
css里寫好你要寫的偽元素,直接descDiv.classList.add(),把 css類名添加到 descDiv 上。
var formData = new FormData();
formData.append("feild", $("#feild").val());
formData ---> https://developer.mozilla.org...
兩種方案:
1.事件監(jiān)聽。
2.設(shè)一個循環(huán)定時器,每過一段時間去檢測一次圖片大小是否變化。
看情況。
其實不是這樣的,引入一變
這種做法的確可以。但是,沒有找到根本的原因,可以參照babelrc官網(wǎng)。babel-preset-es2015 這個依賴是沒有必要引入的。[“es2015”, { “modules”: false }] 也必要,因為官方已經(jīng)為我們把配置寫好了,原來的 es2015” 已經(jīng)被 “env” 取代,而 “env” 這個配置已經(jīng)有了。把 [“es2015”, { “modules”: false }] 刪掉,再把 babel-preset-es2015 刪掉,在跑一下就好了。 mint-ui的文檔有些老,vue-cli更新了,然而mint-ui沒更新
北大青鳥APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國家
達內(nèi)教育集團成立于2002年,是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機構(gòu),是中國一站式人才培養(yǎng)平臺、一站式人才輸送平臺。2014年4月3日在美國成功上市,融資1
北大課工場是北京大學(xué)校辦產(chǎn)業(yè)為響應(yīng)國家深化產(chǎn)教融合/校企合作的政策,積極推進“中國制造2025”,實現(xiàn)中華民族偉大復(fù)興的升級產(chǎn)業(yè)鏈。利用北京大學(xué)優(yōu)質(zhì)教育資源及背
博為峰,中國職業(yè)人才培訓(xùn)領(lǐng)域的先行者
曾工作于聯(lián)想擔任系統(tǒng)開發(fā)工程師,曾在博彥科技股份有限公司擔任項目經(jīng)理從事移動互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍懿科技有限責任公司從事總經(jīng)理職務(wù)負責iOS教學(xué)及管理工作。
浪潮集團項目經(jīng)理。精通Java與.NET 技術(shù), 熟練的跨平臺面向?qū)ο箝_發(fā)經(jīng)驗,技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點難點突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫,具有快速界面開發(fā)的能力,對瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁制作和網(wǎng)頁游戲開發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開發(fā)經(jīng)驗。曾經(jīng)歷任德國Software AG 技術(shù)顧問,美國Dachieve 系統(tǒng)架構(gòu)師,美國AngelEngineers Inc. 系統(tǒng)架構(gòu)師。