CSRF庫官方文檔的例子修修改改就行了。
CSRF token。CSRF token。服務(wù)端代碼:
var cookieParser = require('cookie-parser')
var csrf = require('csurf')
var bodyParser = require('body-parser')
var express = require('express')
// 模板
app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'ejs');
// CSRF中間件初始化
var csrfProtection = csrf({ cookie: true })
// create express app
var app = express()
// cookie解析
app.use(cookieParser())
// 解析參數(shù)
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
// CSRF防護(hù)
app.use(csrfProtection)
// 訪問頁面,生成CSRF token,并注入頁面
app.get('/index', function (req, res, next) {
res.render('index', { csrfToken: req.csrfToken() })
})
// 請求接口,解析請求參數(shù),獲取CSRF token,進(jìn)行校驗(中間件完成的)
app.post('/api', function (req, res) {
res.send('你的處理結(jié)果')
})
預(yù)留了CSRF token的位置。
<html>
<head>
<title>CSRF防護(hù)</title>
</head>
<body>
<h1>CSRF防護(hù)</h1>
<p id="csrf-token"><%= csrfToken %></p>
</body>
</html>
發(fā)請求時,把csrfToken加到請求參數(shù)里去就行。這里略過
找到了,toFixed()會自動四舍五入...
sessionStorage 頁面刷新不消失 關(guān)閉瀏覽器消失
localStorage 瀏覽器關(guān)閉不消失
只要存儲登錄狀態(tài)
根據(jù)需求看用哪個
可以找下vuex 插件 關(guān)于localStorage 的 插件很簡單 改成sessionStorage 只要換個名字
。因為進(jìn)入error后又判斷了一次 又跳進(jìn)error 無限循環(huán)了 條件判斷那把to到error的情況排除
“閱讀”和“分析”代碼才能實現(xiàn)類似VS的“Find All Reference”類似的功能。否則就算你每次實例化都把對象存入一個數(shù)組,你也只能得到被引用的對象,而沒法找到ws1和ws2,因為它們只是一個指向一個對象的指針
<template>
<div>
<div class = "food">
<div class="fooList">
<ul v-for="(item,index) in goods">
<li v-for="food in item.foods" v-show="name==item.name">
<span>{{index}}{{food.name}}</span>
</li>
</ul>
</div>
</div>
<div class="navMenu">
<ul>
<li v-for="(item,index) in goods" :class="isSelected == index?'navMenu-selected':'nav'" @click = 'menuClick(item.name,index)'>
<span class="text">
{{item.name}}
</span>
</li>
</ul>
</div>
</div>
</template>
<script>
import axios from 'axios'
import Vue from 'vue'
export default {
name: 'navMenu',
created() {
axios.get('static/data.json').then((res) => {
console.log(res.data.goods)
this.goods = res.data.goods
});
},
data() {
return {
goods: [],
isSelected:0,
selectedFood: '',
name:"food"
}
},
computed:{
// selectFoods() {
// let foods = []
// this.goods.forEach((good) => {
// good.foods.forEach((food) => {
// if (food.count) {
// foods.push(food)
// }
// })
// })
// return foods
// }
},
methods:{
menuClick (name,index) {
this.isSelected = index
this.name=name
}
}
}
</script>使用快捷接ctrl+] 向右縮進(jìn)一下就解決了
不重啟怎么生效……
還是用 nodemon 吧
看文檔
<template slot-scope="scope">{{ scope.row }}</template>
你試下這個例子:
html:
<div>
<video ref="video" width="320" height="320" autoplay></video>
<input type="button" style="width:100px;height:35px;" value="拍 照" @click="takePhoto"/>
</di>
<canvas style="" ref="canvas" width="320" height="320"></canvas>
</div>
主要的js:
getVideo(){
this.$nextTick(() => {
var video = this.$refs.video; //這個對應(yīng)的是ref屬性
var videoObj = { "video": true };
navigator.mediaDevices.getUserMedia(videoObj)
.then(function(mediaStream) {
video.srcObject = mediaStream;
video.play();
})
.catch(function(error) {
console.log(error);
})
})
},
takePhoto(){
this.$nextTick(() => {
this.context = this.$refs.canvas.getContext("2d")
this.context.drawImage(this.$refs.video, 0, 0, 330, 250);
})
}
如果需要click事件還是用@click形式吧。。
關(guān)閉dialog框的時候清空就可以了。
@close="loginDialog=false,resetForm('loginForm')"
resetForm(formName) {
this.$refs[formName].resetFields();
}
上面的代碼是我在elementUI上的做法。
其實只要業(yè)務(wù)流程能用就行,一些不影響或者看不出的報錯就懶得處理了
我覺著你可能不是相對路徑,相對路徑默認(rèn)的圖片路徑都會被編譯
檢查以下是不是圖片路徑寫的是/img/pic1.jpg
chrome瀏覽器容錯性高,有的頁面錯誤它會容忍你
但是在手機上,容錯率低,可能一個小小的錯誤,它就不讓你的后續(xù)代碼執(zhí)行,造成頁面出錯
ES6箭頭函數(shù):http://es6.ruanyifeng.com/#do...
上面代碼中,原始意圖是返回一個對象{ a: 1 },但是由于引擎認(rèn)為大括號是代碼塊,所以執(zhí)行了一行語句a: 1。這時,a可以被解釋為語句的標(biāo)簽,因此實際執(zhí)行的語句是1;,然后函數(shù)就結(jié)束了,沒有返回值。
微信開發(fā)者工具不支持vue文件
你可以把微信開發(fā)者工具當(dāng)成chorme瀏覽器一樣來理解,只是一個用戶代理(即顯示網(wǎng)站用)
用其他開發(fā)工具,比如webstorm開發(fā),然后在微信開發(fā)者工具中打開編譯后的dist目錄就行了
關(guān)鍵代碼你沒貼, setStore和 getStore
因為geocoder.getAddress()是異步的。
北大青鳥APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國家
達(dá)內(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)教融合/校企合作的政策,積極推進(jìn)“中國制造2025”,實現(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é)及管理工作。
浪潮集團項目經(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)師。