JavaScript標(biāo)準(zhǔn)參考教程

阮一峰教程

前端頁面彈框遮罩禁止頁面滾動(dòng)

兩個(gè)頁面?zhèn)鬟f參數(shù)實(shí)現(xiàn)的幾種方式

SPA網(wǎng)站SEO完美解決方案

再見，babel-preset-2015

Vue相關(guān)開源項(xiàng)目庫匯總(史上最全)

vue全面介紹--全家桶、項(xiàng)目實(shí)例

InterviewMap

用IDEA配置JavaWeb開發(fā)環(huán)境

windows安裝tomcat遇到問題及解決方案

sourse1.5不支持diamond語法，但是jdk已經(jīng)是1.8：需要在project structure中的module和project中將language level都設(shè)置為8（如果jdk為1.9的話language level就應(yīng)該為9）

[idea] 編譯報(bào)錯(cuò) javacTask:源發(fā)行版1.8 需要目標(biāo)發(fā)行版1.8：在settings -> Build,Execution, Deployment -> Compiler -> Java Compiler
設(shè)置相應(yīng)Module的 bytecode version即可

找不到ctrip的包：在D:\Users\jz.wu\.m2下添加配置文件settings.xml

總是定向到advantage頁面：需要寫一個(gè)return指定目錄的controlor

Could not resolve view with name in servlet with name 'dispatcher'

需要在tiles.xml中添加如下代碼

<definition name="review/*" template="/WEB-INF/views/review/{1}.jsp">
    <put-attribute name="reviewHead" value="/WEB-INF/views/review/review_head.jsp"/>
    <put-attribute name="reviewFoot" value="/WEB-INF/views/review/review_foot.jsp"/>
</definition>

外部js文件路由尋址之后是null：在C:\opt\settings下添加server.properties文件，文件內(nèi)是

env=DEV
local=true

路由中會識別是不是開發(fā)環(huán)境，上面的文件會被路由識別到

不能使用外部js文件的問題：需要添加vendor.js文件

https://blog.csdn.net/u010662647/article/details/79550307

https://segmentfault.com/a/1190000008503338#articleHeader13

https://segmentfault.com/a/1190000008019773

http://axure.release.ctripcorp.com/project/axure/H5%E9%85%92%E5%BA%976.8team1/#g=1&p=xm_%E5%A4%8D%E5%AE%A1%E6%A8%A1%E5%9D%97%E8%90%BD%E5%9C%B0%E9%A1%B5

在jsp文件中不能使用es6的模板字符串，因?yàn)閖sp中也是使用${}來解析的，所以不能使用，解決方法是單獨(dú)把js文件拉出來或者${"${val}"}，讓jsp把內(nèi)部的模板看做字符串來處理，或者干脆直接不用模板字符串，手動(dòng)拼接字符串

在java的controlor中，@RequestMapping({"/cinvoice", "/cinvoice/index"})是請求路徑，即瀏覽器地址欄中的url路徑

找不到xxx包，多半是因?yàn)轫?xiàng)目有了更新，新增加了依賴的包，執(zhí)行mvn clean install -Dmaven.test.skip=true -Denforcer.skip=true命令即可

使用import和export時(shí)，需要babel和webpack的支持，記得在添加了支持之后，要把index.html中的script標(biāo)簽的src換成webpack打包輸出后的路徑（比如dist目錄）

在發(fā)布的時(shí)候，或者說發(fā)布之前，要運(yùn)行npm run dev-bundle（或者其他類似的命令，即webpack打包的命令），因?yàn)椴贿\(yùn)行這個(gè)的話，在本地跑是沒有問題的，因?yàn)楸镜嘏苓\(yùn)行的是npm run dev-server命令，就是webpack-dev-server命令，動(dòng)態(tài)地將js、css文件或者其他文件編譯打包到了內(nèi)存中，但是在發(fā)布時(shí)，html中引用的文件卻是實(shí)際的dist目錄下的文件，就會出現(xiàn)無法引用到最新的文件從而出現(xiàn)錯(cuò)誤

財(cái)務(wù)復(fù)審頁由于是添加一張圖片就會上傳一張圖片，但是本地img的src是直接獲取reader.result，所以如果圖片服務(wù)器返回真是url比較慢，就會出現(xiàn)本地有縮略圖，但是實(shí)際picUrlToSend還是空，點(diǎn)擊提交就會出現(xiàn)“至少上傳一張圖片”的提示，改動(dòng)方法為在圖片服務(wù)器返回url之前彈出一個(gè)蒙層且禁止操作，等到返回之后去掉蒙層，同時(shí)顯示縮略圖。

如果想要在fat369測試環(huán)境中通過手機(jī)號以及短信驗(yàn)證碼登錄，需要打開nginx，結(jié)束后要在nginx的根目錄下關(guān)閉，通過nginx -s stop

移動(dòng)端上傳圖片翻轉(zhuǎn)問題、前端input圖片的上傳和壓縮以及圖片旋轉(zhuǎn)90度問題解決

理解 Android 相機(jī)預(yù)覽方向和拍照方向

現(xiàn)在的webpack 為什么這么難用？

npm有幾個(gè)內(nèi)置的命令，比如start命令，npm run start可以簡寫為npm start，但是其他命令不能這樣，比如dev，不能簡寫為npm dev

要善于使用Chrome開發(fā)工具的Network，可以很方便地看到Request head和Request payload（或者稱為請求時(shí)傳遞的數(shù)據(jù)），也能看到返回的數(shù)據(jù)。區(qū)分options和get/post

前端實(shí)現(xiàn)圖片壓縮上傳（兼容ios10系統(tǒng)）- polyfill

HTML5 file API加canvas實(shí)現(xiàn)圖片前端JS壓縮并上傳

實(shí)現(xiàn)上傳圖片的功能

addImg(){
    let _this=this,
        input=document.getElementById("upload-img"),
        file=input.files[0],
        reader=new FileReader();
    reader.readAsDataURL(file);
    _this.isUploadPic=true;
    reader.onload=function(){
        let result=this.result;
        if(file.size > 1024*1024){
            let img=new Image();
            img.src=this.result;
            img.onload=function(){
                let cvs=document.createElement("canvas"),
                    ctx=cvs.getContext("2d");
                cvs.width=img.width/2;
                cvs.height=img.height/2;
                ctx.clearRect(0,0,cvs.width,cvs.height);
                ctx.drawImage(img,0,0,cvs.width,cvs.height);// 這里面的內(nèi)容需要考慮因?yàn)闀霈F(xiàn)大圖

                cvs.toBlob(function (blob) {
                    let reader = new FileReader();
                    reader.readAsDataURL(blob); 
                    
                    let base64data = '';
                    reader.onloadend = function() {
                        base64data = '{\"base64Str\":\"' + String(reader.result) + '\"}';               
                        //單張圖片調(diào)上傳
                        let url = urlList.uploadimg; 
                        let data = {
                            'base64Str': base64data, 
                        };
                        //填充url64
                        ajax.post(url, data, (reUrl) => {
                            _this.url64.push(reUrl.url);
                            _this.imgArr.push({src:result});
                            _this.isUploadPic=false;
                        }, (err) => {
                            console.log(err);
                        });
                    }
                },"image/jpeg");
            }
        }else{
            //單張圖片調(diào)上傳
            let base64data = '{\"base64Str\":\"' + String(reader.result) + '\"}';
            let url = urlList.uploadimg; 
            let data = {
                'base64Str': base64data, 
            };
            //填充url64
            ajax.post(url, data, (reUrl) => {
                _this.url64.push(reUrl.url);
                _this.imgArr.push({src:result});
                _this.isUploadPic=false;
            }, (err) => {
                console.log(err);
            });
        }
        input.value="";
    }
},