可以異步請求數(shù)據(jù)的時(shí)候做這個(gè)事情,建議用async await來處理這種順序問題
vue-cli 目錄中,只有static 目錄放置的靜態(tài)文件可以被外部訪問。如果想在JSON(static/mock/index.json) 中引入圖片地址,必須把圖片放在static 目錄下。然后JSON 中的圖片地址,是你的vue 組件引入圖片的地址。我是在src/component/home/home.vue中引入 static/img/1.jpg 圖片,圖片地址為:"../../../static/img/1.jpg"。 在JSON 中的地址也要這樣寫。如果配置JSON 時(shí)不確定圖片地址,可以在你對應(yīng)的VUE組件中 直接 引入一張圖片測試下地址,然后再放在JSON 中。
![圖片上傳中...]
es6的object.values方法,直接轉(zhuǎn)換成數(shù)組
第一步,寫一個(gè)類實(shí)現(xiàn)Principal
例如:
public class WebsocketUserVO implements Principal {
private String id;
public WebsocketUserVO(String id) {
this.id = id;
}
@Override
public String getName() {
return id;
}
}
第二步,在創(chuàng)建連接的時(shí)候,設(shè)置用戶
public class WebsocketUserInterceptor extends ChannelInterceptorAdapter {
@Autowired
private WebSocketServ webSocketServ;
@Autowired
private SimpUserRegistry userRegistry;
@SuppressWarnings("rawtypes")
@Override
public Message<?> preSend(Message<?> message, MessageChannel channel) {
StompHeaderAccessor accessor = MessageHeaderAccessor.getAccessor(message, StompHeaderAccessor.class);
if (StompCommand.CONNECT.equals(accessor.getCommand())) {
System.out.println("連接success");
Object raw = message.getHeaders().get(SimpMessageHeaderAccessor.NATIVE_HEADERS);
if (raw instanceof Map) {
Object name = ((Map) raw).get("name");
if (name instanceof LinkedList) {
String id = ((LinkedList) name).get(0).toString();
//設(shè)置當(dāng)前訪問器的認(rèn)證用戶
accessor.setUser(new WebsocketUserVO(id));
webSocketServ.pushOnlineUser(id);
}
}
} else if (StompCommand.DISCONNECT.equals(accessor.getCommand())) {
//點(diǎn)擊斷開連接,這里會(huì)執(zhí)行兩次,第二次執(zhí)行的時(shí)候,message.getHeaders.size()=5,第一次是6。直接關(guān)閉瀏覽器,只會(huì)執(zhí)行一次,size是5。
System.out.println("斷開連接");
WebsocketUserVO vo = (WebsocketUserVO) message.getHeaders().get(SimpMessageHeaderAccessor.USER_HEADER);
// 如果同時(shí)發(fā)生兩個(gè)連接,只有都斷開才能叫做不在線
if (message.getHeaders().size() == 5&&StringUtils.isBlank(userRegistry.getUser(vo.getName()))) {
webSocketServ.removeOnlineUser(vo.getName());
}
}
return message;
}
}
第三步,發(fā)送消息
messagingTemplate.convertAndSendToUser(userId,url, MVCUtil.success(object));
這里的userId,就是WebsocketUserVO里面getName返回的值
目前我是這么解決的。要是有更好的方案希望能告知。
statics下面。index.template.html引入css
<link rel="stylesheet" type="text/css" href="statics/css/iconfont.css">
<q-icon class="iconfont" name="icon-name" />看下Nginx的日志
快照顧名思義就是相當(dāng)于一張照片,這個(gè)在git回滾的過程用得到,每次的commit就會(huì)形成一個(gè)id,這個(gè)id值就是你項(xiàng)目提交的快照,回滾的時(shí)候,找到這次id就能回滾到這次的commit的內(nèi)容。下面詳細(xì)解釋回滾的過程。
初始化之后查看狀態(tài),文件都是未追蹤狀態(tài)
提交一個(gè)文件之后再次查看狀態(tài)
將提交的這次操作commit
此時(shí)形成快照,git log之后生成一個(gè)唯一的commit的id值,這個(gè)id值是經(jīng)過計(jì)算得出來的,是唯一的
進(jìn)行修改之后再次commit
生成兩個(gè)commit的id
每次新的快照會(huì)放到最上邊
用git reset的方式回滾
--hard回滾本地的倉庫快照,覆蓋暫存區(qū)工作區(qū)
--soft只會(huì)回滾本地倉庫的快照,不會(huì)覆蓋暫存區(qū)工作目錄
--mixed(默認(rèn))回滾本地倉庫的快照,并且覆蓋暫存區(qū),但是不覆蓋工作目錄
之后跟上要回滾到的commit的id前幾位就可以了
type="username"應(yīng)該是這個(gè)報(bào)錯(cuò)了。把這個(gè)刪掉試試。data里面的username應(yīng)該就是input的value。
有mac電腦的話連上Safari,調(diào)試一下看看
3n+2 3n+3。
不太考慮兼容的話,可以用flex做。
display: flex; // 有兼容問題
flex-wrap: wrap; // 有更嚴(yán)重的兼容問題
justify-content: space-between比如,你將密碼用md5加密后再傳,那別人也可以截獲你md5后的密碼進(jìn)行重放。就算你的密碼不但md5加密了,還用非對稱加密再包一層,別人同樣截獲的是你最終的加密結(jié)果來重放。
用戶的密碼是不變的,如何讓一個(gè)“密碼”只能有效一次,是解決重放的關(guān)鍵思路,一般可以用黑白名單的方式來實(shí)驗(yàn),具體可以自己試試。
另外,登錄成功后使用JWT時(shí),要注意JWT必須有“有效時(shí)間”的判斷,否則,一旦jwt被攔截竊取,會(huì)持續(xù)有效,直到你改secret
不管你原來的port端口是多少,現(xiàn)在改成8080試試
nuxt是用來做ssr的,也就是說需要seo的網(wǎng)站,上nuxt是個(gè)不錯(cuò)的選擇。這和前后端分離沒什么直接關(guān)系。前后端分離一般是后端提供restful接口,前端接收純json數(shù)據(jù)。從你的言語中可以得知你在前端的水平還在一個(gè)比較低的層次,那么這個(gè)時(shí)候去思考nuxt為時(shí)過早了。js的基礎(chǔ)打好,什么node框架都是浮云。所以css3/js那些,先去扎實(shí)的學(xué)吧。真正去做后端,學(xué)的東西不比前端內(nèi)容少。
v-model 會(huì)忽略所有表單元素的 value、checked、selected 特性的初始值而總是將 Vue 實(shí)例的數(shù)據(jù)作為數(shù)據(jù)來源。你應(yīng)該通過 JavaScript 在組件的 data 選項(xiàng)中聲明初始值。
ajax 里設(shè)置timeout = 大一點(diǎn)的毫秒數(shù)
話說ajax等一個(gè)小時(shí)。。。。用戶不會(huì)砸電腦?
北大青鳥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)平臺(tái)、一站式人才輸送平臺(tái)。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)任項(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ū)ο箝_發(fā)經(jīng)驗(yàn),技術(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)驗(yàn)。曾經(jīng)歷任德國Software AG 技術(shù)顧問,美國Dachieve 系統(tǒng)架構(gòu)師,美國AngelEngineers Inc. 系統(tǒng)架構(gòu)師。