https://www.cnblogs.com/taode... 這里找到辦法了。
sublime text 3 >首選項>package settings>emmet>settings user>
{
// Custom snippets definitions, as per https://github.com/emmetio/emmet/blob/master/snippets.json
"snippets": {
"html": {
"snippets": {
"myfavicon": "<link rel=\"shortcut icon\" type=\"image/ico\" href=\"/favicon.ico\" />",
"mycompat": "<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge,chrome=1\" />\n<!--[if lt IE 9]>\n<script src=\"https://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js\"></script>\n<script src=\"https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js\"></script>\n<![endif]--><!--[if IE 9]>\n<script src=\"https://cdn.bootcss.com/geopattern/1.2.3/js/base64.min.js\"></script>\n<script src=\"https://cdn.bootcss.com/geopattern/1.2.3/js/typedarray.min.js\"></script>\n<![endif]-->",
"360compat": "<meta name=\"renderer\" content=\"webkit\">",
"mykeywords": "<meta name=\"keywords\" content=\"your keywords\">",
"mydesc": "<meta name=\"description\" content=\"your description\">",
"myviewport": "<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">",
"bootstrap4": "<link href=\"https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css\" rel=\"stylesheet\">\n<script src=\"https://cdn.bootcss.com/bootstrap/4.0.0/js/bootstrap.js\"></script>",
"bootstrap3": "<link href=\"https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css\" rel=\"stylesheet\">\n<script src=\"https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.js\"></script>"
},
"abbreviations": {
"mydoc": "html>(head>meta[charset='utf-8']+title{${1:文檔標(biāo)題}}+mykeywords+mydesc+myviewport+mycompat)+body+jq3",
"html:5": "!!!+mydoc[lang='zh-cn']",
"jq3":"script[src='https://cdn.bootcss.com/jquery/3.1.0/jquery.min.js']"
}
}
}
}你的blob是個字符串。
拿走,不謝。直接運(yùn)行以下代碼會報跨域,你換個你同域地址?;蛘哐b個瀏覽器跨域插件
fetch(`https://static.segmentfault.com/v-5a7c12fe/global/img/logo-b.svg`).then(data=>{
const blob = data.blob();
return blob;
}).then(blob=>{
let reader = new window.FileReader();
reader.onloadend = function() {
const data = reader.result;
console.log(data);
};
reader.readAsDataURL(blob);
})
查看 linux 下的npm 和 node版本,升級到最新版本。
刪除 node_modules 文件夾,重新安裝。
去官網(wǎng)找到歷史版本,下載3.4版本就可以了
Illegal invocation 非法調(diào)用,就是不給你這么干
window沒這個方法 你還要吧document傳進(jìn)去
console的話就沒有這一層在哪都行
vue+webpack項目中使用dev-server搭建虛擬服務(wù)器,請求json文件數(shù)據(jù),實(shí)現(xiàn)前后臺分離開發(fā)
一般要在build/dev-server.js文件中
在var app = express()這個實(shí)例的下面添加如下代碼
// 本地json-server服務(wù)器搭建代碼
// 引入數(shù)據(jù)庫文件
var appData = require('../mock.json')
// 引入數(shù)據(jù)庫
var getBoardList = appData.getBoardList
var apiRoutes = express.Router()
// 使用api的方法來創(chuàng)建連接時候的請求
apiRoutes.post('/getBoardList', function (req, res) {
res.json({
errno: 0 ,
data: getBoardList
});
})
// 調(diào)用api
app.use('/api', apiRoutes)
那現(xiàn)在應(yīng)該如何修改?或者要參考哪些文檔?webpack自身文檔并沒有詳細(xì)說明。
創(chuàng)建一個指向類型數(shù)組的URL,具體是做什么的我也看不太懂,官方api給你
這是API-https://developer.mozilla.org...
使用 https://github.com/ctrlplusb/...
以DashLeft為例:
上邊的這個js改為:
import './style/main.css';
import React from 'react';
import { asyncComponent } from 'react-async-component';
import DashCenter from './component/Center';
import Right from './component/Right';
const AsyncDashLeft = asyncComponent({
resolve: () => import('./component/Left'),
LoadingComponent: () => <div>載入中...</div>
});
class DisplayScreen extends React.Component {
constructor(props) {
super(props);
this.state = {
data:'',
currentComponent:null
}
}
handleKeyDown(event){
// 將停止事件的傳播
event.stopPropagation();
// 阻止元素發(fā)生默認(rèn)的行為
event.preventDefault();
//console.log('點(diǎn)擊鍵盤事件');
}
promptWarm = () => {
require.ensure(['../../components/warmDialog'], (require) => {
const Message = require('../../components/warmDialog');
this.setState({
currentComponent:<Message />
})
},'promptWarm')
}
componentDidMount() {
let this_ = this;
let date = '';
if(ENV['displayScreen'].topic) {
let dateWS = '';
Util.ws(ENV['displayScreen'].topic, ENV['displayScreen'].interval, returnData=> {
dateWS = returnData;
this.setState({data:dateWS})
});
}
else
{
import('../../../../public/mockJson/kim-001/kim-001.json').then(data=>{
//import('../../../../public/mockJson/kim-001/kim-001.json').then(data=>{
this.setState({data:data})
});
}
}
render() {
return (
<div id="appDash">
<span onClick={this.promptWarm} >
按需加載模塊
</span>
{this.state.currentComponent}
{
this.state.data?
<div >
<AsyncDashLeft data={this.state.data}/>
<DashCenter data={this.state.data}/>
<Right data={this.state.data}/>
</div>:''
}
</div>
);
}
}
export default DisplayScreen;能不能換個思路 通過mixin獲取到的text1 不通過組件直接顯示
個人猜測是node_modules中的大部分依賴都已經(jīng)被編譯成了ES5,如:attr-accept,再次編譯的話就會報樓主的錯!因此在webpack配置文件的load中使用include將node_modules排除,即不編譯node_modules這個文件夾下的文件。
我是這樣解決的。以上。
安裝eslint插件,并且有全局安裝的eslint,并且在項目目錄有eslint的配置文件(在終端運(yùn)行eslint init即可)
WTForms本身既可以用來渲染html控件,可以單獨(dú)用來驗證表單,如果要支持JSON,可以用1樓的hack。
我推薦你用flask_wtf,這個插件,這個插件是對wtfoms的進(jìn)一步封裝,支持form,也支持json,CSRF,文件上傳。我在項目里,頁面渲染和WebService都是用的這個插件。
例子:form.py
from flask_wtf import FlaskForm
from wtforms import StringField, IntegerField
from wtforms.validators import Length, StopValidation
class MyForm(FlaskForm):
# 字段
name = StringField(validators=[Length(min=1, max=20, message="name長度需在1-20個字符間")])
name2 = IntegerField()
# 自定義驗證
def validate_age(self, field):
# 根據(jù)name2查詢model
# ......
model = None
if not model:
# StopValidateion不需要自己捕捉
raise StopValidation("name2信息不存在")
view.py
@app.route('/api/get_obj_info', methods=["GET", "POST"]):
def get_obj_info():
form = MyForm()
if request.method == "GET":
return jsonify({
# xxxxx
})
# validate_on_submit 會自動調(diào)用“validate_字段”這些驗證方法
# 驗證失敗后返回表單驗證的錯誤消息
if form.validate_on_submit():
return jsonify({
"status": "success",
"msg": "xxxx"
})
# 驗證未通過
return jsonify({
"status": "failed":
"msg": "xxxx",
"error": form.errors
})
前臺POST數(shù)據(jù):
{
name: "小明",
name2: "管理"
}當(dāng)我把const變成var 聲明的時候,這個情況就消失了。
因為var定義到window上變成window.name
只有第一次為const聲明的時候有問題。
你打印一下window.name,或者把tab關(guān)掉,你發(fā)現(xiàn)又變成空值了。刷新沒用,因為瀏覽器(chrome)不會因為你刷新就換一個window。
實(shí)在是看不懂你的問題,到底是在問什么。
也沒看明白你的代碼的意圖。
做了個Demo,你參考一下。原理就是使用絕對定位,背景模糊圖片單獨(dú)放在一個div(blur_bg)中,和 banner_content_wrapper同級,這樣前者的模糊不會影響后者。
<style type="text/css">
#banner {
position: relative;
width: 800px;
height: 600px;
}
#banner_content_wrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
#cover img {
width: 100px;
}
.blur_bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background-repeat: no-repeat;
background-size: cover;
-webkit-filter: blur(15px); /* Chrome, Opera */
-moz-filter: blur(15px);
-ms-filter: blur(15px);
filter: blur(15px);
filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false); /* IE6~IE9 */
}
</style>
<section id="banner" class="clearfix">
<div class="blur_bg" style="background-image: url(https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1533781369621&di=42cbdc579e55a232da39576cfe299ee3&imgtype=0&src=http%3A%2F%2Fwww.027art.com%2Fdesign%2FUploadFiles_5246%2F201209%2F2012092721580704.jpg);">
</div>
<div id="banner_content_wrapper">
<div id="cover" >
<img id="cover_img" src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1533781369621&di=42cbdc579e55a232da39576cfe299ee3&imgtype=0&src=http%3A%2F%2Fwww.027art.com%2Fdesign%2FUploadFiles_5246%2F201209%2F2012092721580704.jpg" alt="失蹤的孩子">
<div class="best_of_month"><p>8月最佳</p></div>
</div>
<div id="content">
<h2>失蹤的孩子</h2>
<div id="rating">
<span class="oi oi-star" title="e" aria-hidden="true"></span>
<span class="oi oi-star"></span>
<span class="oi oi-star"></span>
<span class="oi oi-star"></span>
<span class="oi oi-star"></span>
<span class="oi oi-star inactive"></span>
</div>
<p class="author">作者:[意] 埃萊娜·費(fèi)蘭特</p>
<p class="tag">那不勒斯四部曲<span>/</span>女性<span>/</span>意大利文學(xué)</p>
<p class="desicription">《失蹤的孩子》是“那不勒斯四部曲”的第四部,小說聚焦了莉拉和埃萊娜(“我”)的壯年和晚年,為她們持續(xù)了五十多年的友誼劃上了一個令人心碎的句號。</p>
</div>
</div>
</section>AppMain?組件內(nèi)部 需要有router-view
PS: id=app重復(fù)了,不規(guī)范
將其value設(shè)置為null或者[]就可以了。
也是可以的,通過給父元素設(shè)置最小邊界
北大青鳥APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國家
達(dá)內(nèi)教育集團(tuán)成立于2002年,是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機(jī)構(gòu),是中國一站式人才培養(yǎng)平臺、一站式人才輸送平臺。2014年4月3日在美國成功上市,融資1
北大課工場是北京大學(xué)校辦產(chǎn)業(yè)為響應(yīng)國家深化產(chǎn)教融合/校企合作的政策,積極推進(jìn)“中國制造2025”,實(shí)現(xiàn)中華民族偉大復(fù)興的升級產(chǎn)業(yè)鏈。利用北京大學(xué)優(yōu)質(zhì)教育資源及背
博為峰,中國職業(yè)人才培訓(xùn)領(lǐng)域的先行者
曾工作于聯(lián)想擔(dān)任系統(tǒng)開發(fā)工程師,曾在博彥科技股份有限公司擔(dān)任項目經(jīng)理從事移動互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍(lán)懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負(fù)責(zé)iOS教學(xué)及管理工作。
浪潮集團(tuán)項目經(jīng)理。精通Java與.NET 技術(shù), 熟練的跨平臺面向?qū)ο箝_發(fā)經(jīng)驗,技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點(diǎn)難點(diǎn)突出、引人入勝。
精通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)師。