antd的Form組件使用的是asyn-validator.
其中有個(gè)validator的驗(yàn)證就可以滿足你的需求。
const fields = {
asyncField:{
validator(rule,value,callback){
ajax({
url:'xx',
value:value
}).then(function(data){
callback();
},function(error){
callback(new Error(error))
});
}
},
promiseField:{
validator(rule, value){
return ajax({
url:'xx',
value:value
});
}
}
};看圖就知道了,我 vscode 裝的 Eslint ,可以自動(dòng)格式化糾錯(cuò)的會(huì)自動(dòng)格式化糾錯(cuò),這樣就看到解析器的執(zhí)行邏輯了。
原來這個(gè)原因:
/**
* 觸摸小配件中
*/
partTouchMove: function (e) {
//獲取當(dāng)前小配件的partTouchData
//let partTouchData = e.currentTarget.dataset.item.partTouchData;
//獲取當(dāng)前小配件的id
let id = e.currentTarget.dataset.item.id;
let partTouchData = this.data.showDogs[id].partTouchData
把
let partTouchData = e.currentTarget.dataset.item.partTouchData;
改為
let partTouchData = this.data.showDogs[id].partTouchData
完美解決?。?!
可能是通過data-綁定了復(fù)雜數(shù)據(jù),不斷循環(huán)獲取的時(shí)候,會(huì)嚴(yán)重影響性能。
iframe 只能手動(dòng)更新高度了,或者參考 https://github.com/nprapps/py...
window.devicePixelRatio獲得手機(jī)的dpr,dpr為3你就將字體放大成3倍
我也只能看圖猜了。。。不過看上去不止 1px
給容器都加上:
overflow: hidden;
試試
你這個(gè)好像沒做預(yù)加載吧(看代碼是直接寫頁面?)……沒做預(yù)加載肯定沒戲的,瀏覽器不會(huì)允許你突然冒這么大一個(gè)東西直接放的。
按說一般H5產(chǎn)品思路是把這個(gè)觸發(fā)放到預(yù)加載的結(jié)束提示上,這樣不會(huì)太突兀,也比較符合用戶習(xí)慣。
$(".questionClass:eq(4)>input[type='text']")document.querySelectorAll 返回的是 NodeList 對象,在低版本瀏覽器中是沒有 forEach 方法的。
你需要將 NodeList 轉(zhuǎn)換成 Array 類型再使用 forEach。
[...document.querySelectorAll('*')].forEach(console.log)&是按位與,而&&是邏輯與。
所以應(yīng)該使用&&才對,&是錯(cuò)誤的用法。
110 // 6
& 011 // 3
---------
010 // 2
6 & 3 = 2
6 && 3 = 3li{
white-space:nowrap
}已解決 , 在nodejs 根目錄下把node.exe 重命名一下(比如node2.exe,防止和node.cmd沖突),建一個(gè)node.cmd文件 里面寫上 node2.exe --max-old-space-size=4096 %* 大概意思就是本來調(diào)用node.exe的時(shí)候被node.cmd劫持,強(qiáng)制分配最大內(nèi)存為4096MB ,然后再調(diào)用node.exe
你好題主,你遇到這個(gè)問題是在單頁應(yīng)用項(xiàng)目(前端路由)上,還是傳統(tǒng)的多頁項(xiàng)目(后端路由)上?
如果是前者,那么按 vuex 的響應(yīng)式原理來說,不需要做任何監(jiān)聽操作,而且它本身就是用來做狀態(tài)管理的,狀態(tài)管理本身可以儲存一部分和交互有關(guān)系的數(shù)據(jù),當(dāng)然也可以儲存所有的數(shù)據(jù)(但是沒有必要)。
如果是后者,那么按理說每個(gè)頁面的 store 是獨(dú)立的,似乎需要借助一些外部儲存方式。
pattern里面是正則表達(dá)式, 寫[0-9],自然沒有小數(shù)點(diǎn), 貌似要[0-9]\.才有
可以設(shè)置input text-indent屬性為負(fù)值,實(shí)現(xiàn)縮進(jìn),text-indent是input內(nèi)部文字距左邊距離,設(shè)置負(fù)值相反。通過循壞實(shí)現(xiàn)多次縮進(jìn)
$("#input_text"+nn).css("text-indent","0px");
for(var i=1;i<20;i++){
if(i==1){
if(text.length>12&&text.length<15){
$("#input_text"+nn).css("text-indent","-30px");
}
}else{
var num=12+(i-1)*3;
var nm=12+i*3;
if(text.length>=num&&text.length<nm){
$("#input_text"+nn).css("text-indent",(-30*i+6*i)+"px");
}
}
}兄弟,這和webpack有半毛錢關(guān)系,你是后臺數(shù)據(jù)怎么靜態(tài)化?而且dede也不是靜態(tài)化,他只不過不是用的接口,類型jsp那種形式,就是后臺和前端耦合。我覺得你應(yīng)該這樣,把你寫好的頁面(靜態(tài)頁面)給你們后臺,然后讓他把數(shù)據(jù)放進(jìn)去(不要使用ajax,axios形式)。
這是BEM命名法
使用 BEM 命名規(guī)范,理論上講,每行 css 代碼都只有一個(gè)選擇器。
BEM代表 “塊(block),元素(element),修飾符(modifier)”,我們常用這三個(gè)實(shí)體開發(fā)組件。
在選擇器中,由以下三種符號來表示擴(kuò)展的關(guān)系:
__ 雙下劃線:雙下劃線用來連接塊和塊的子元素
_ 單下劃線:單下劃線用來描述一個(gè)塊或者塊的子元素的一種狀態(tài)
希望我的回答可以幫到你,謝謝
spring mvc上傳文件的時(shí)候,你需要在spring mvc配置文件中配置org.springframework.web.multipart.commons.CommonsMultipartResolver文件上傳解析器。
1:當(dāng)一個(gè)請求過來的時(shí)候,會(huì)調(diào)用DispatcherServlet類中的doDispatch(HttpServletRequest, HttpServletResponse)方法。
doDispatch方法體
protected void doDispatch(HttpServletRequest request, HttpServletResponse response) throws Exception {
HttpServletRequest processedRequest = request;
HandlerExecutionChain mappedHandler = null;
boolean multipartRequestParsed = false;
WebAsyncManager asyncManager = WebAsyncUtils.getAsyncManager(request);
try {
ModelAndView mv = null;
Exception dispatchException = null;
try {
processedRequest = checkMultipart(request);
multipartRequestParsed = processedRequest != request;
// Determine handler for the current request.
mappedHandler = getHandler(processedRequest, false);
if (mappedHandler == null || mappedHandler.getHandler() == null) {
noHandlerFound(processedRequest, response);
return;
}
// Determine handler adapter for the current request.
HandlerAdapter ha = getHandlerAdapter(mappedHandler.getHandler());
// Process last-modified header, if supported by the handler.
String method = request.getMethod();
boolean isGet = "GET".equals(method);
if (isGet || "HEAD".equals(method)) {
long lastModified = ha.getLastModified(request, mappedHandler.getHandler());
if (logger.isDebugEnabled()) {
String requestUri = urlPathHelper.getRequestUri(request);
logger.debug("Last-Modified value for [" + requestUri + "] is: " + lastModified);
}
if (new ServletWebRequest(request, response).checkNotModified(lastModified) && isGet) {
return;
}
}
if (!mappedHandler.applyPreHandle(processedRequest, response)) {
return;
}
try {
// Actually invoke the handler.
mv = ha.handle(processedRequest, response, mappedHandler.getHandler());
}
finally {
if (asyncManager.isConcurrentHandlingStarted()) {
return;
}
}
applyDefaultViewName(request, mv);
mappedHandler.applyPostHandle(processedRequest, response, mv);
}
catch (Exception ex) {
dispatchException = ex;
}
processDispatchResult(processedRequest, response, mappedHandler, mv, dispatchException);
}
catch (Exception ex) {
triggerAfterCompletion(processedRequest, response, mappedHandler, ex);
}
catch (Error err) {
triggerAfterCompletionWithError(processedRequest, response, mappedHandler, err);
}
finally {
if (asyncManager.isConcurrentHandlingStarted()) {
// Instead of postHandle and afterCompletion
mappedHandler.applyAfterConcurrentHandlingStarted(processedRequest, response);
return;
}
// Clean up any resources used by a multipart request.
if (multipartRequestParsed) {
cleanupMultipart(processedRequest);
}
}
}
2:在doDispatch方法體中調(diào)用checkMultipart(request)方法判斷是否是文件上傳的請求,判斷是根據(jù)Content-type來的,如果是文件上傳的請求,在checkMultipart(request)方法中就會(huì)調(diào)用在CommonsMultipartResolver中的方法進(jìn)行文件解析(實(shí)際是調(diào)用apache commons-fileupload的文件長傳插件),解析完成后,其實(shí)文件已經(jīng)上傳到服務(wù)器本地磁盤了,請看下面的代碼片段。
protected HttpServletRequest checkMultipart(HttpServletRequest request) throws MultipartException {
if (this.multipartResolver != null && this.multipartResolver.isMultipart(request)) {
if (request instanceof MultipartHttpServletRequest) {
logger.debug("Request is already a MultipartHttpServletRequest - if not in a forward, " +
"this typically results from an additional MultipartFilter in web.xml");
}
else {
return this.multipartResolver.resolveMultipart(request);
}
}
// If not returned before: return original request.
return request;
}
在checkMultipart方法體中調(diào)用了CommonsMultipartResolver類的resolveMultipart方法去解析文件,該方法返回的是MultipartHttpServletRequest對象,該對象中存有已經(jīng)上傳的服務(wù)器本地的文件對象。
3:獲取具體處理器的方法(mv = ha.handle(processedRequest, response, mappedHandler.getHandler()) 這行代碼)。
如果是文件上傳的話,processedRequest是上面的checkMultipart方法返回的對象。
實(shí)際調(diào)用的org.springframework.web.servlet.mvc.annotation.AnnotationMethodHandlerAdapter類的handle方法,該方法中獲取實(shí)際被調(diào)用的方法參數(shù)上有哪些注解,然后根據(jù)注解的一些配置,從processedRequest獲取對應(yīng)的值。
比如你上面的testUpload()方法。在AnnotationMethodHandlerAdapter的handle()的方法中會(huì)獲取testUpload()的方法參數(shù)有@RequestParam這個(gè)注解,然后解析這個(gè)注解,從processedRequest請求中獲取到desc的值,獲取到名為file的文件,最后調(diào)用testUploaad()方法。具體是怎么解析的可以看看org.springframework.web.bind.annotation.support.HandlerMethodInvoker.resolveHandlerArguments(Method, Object, NativeWebRequest, ExtendedModelMap)這個(gè)方法體。
北大青鳥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)任項(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ù), 熟練的跨平臺面向?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)師。