模塊化組件化，大部分框架都是這種設(shè)計(jì)思路，這就是一種設(shè)計(jì)模式，把一些重復(fù)的代碼塊嘗試的封裝起來(lái)調(diào)用，能精簡(jiǎn)的代碼盡量精簡(jiǎn)，然后寫(xiě)代碼的時(shí)候盡量留有余地，不要為了省事導(dǎo)致后續(xù)擴(kuò)展的困難，當(dāng)然這只是泛泛而談，主要還是你的經(jīng)驗(yàn)技術(shù)到什么程度的問(wèn)題，技術(shù)到位什么框架啊語(yǔ)言啊都不是問(wèn)題了

如果是彈框，寫(xiě)一個(gè)公共方法專門清空你的數(shù)據(jù)，包括你關(guān)閉表單和保存表單都可以調(diào)用這個(gè)方法，如果是頁(yè)面deactivated在這個(gè)鉤子里調(diào)用公共方法,clearData(){
this.fromParame= {

              name: '',
              type: '',
              price: ''
            }

}

display: flex 配合 text-align:center 并不能居中，嘗試 justify-content:center

// 綁定事件肯定不能放入事件中啊, 放到事件中就只有需要先移除了

tree.on("nodeselect", function(e){

}).on("nodeclick", function(e){

});

使用onbeforeunload比較合適吧，彈出一個(gè)提示框讓用戶確認(rèn)，這樣用戶以任何方式關(guān)閉此頁(yè)面前都需確認(rèn)

window.onbeforeunload = function (e) {
  e = e || window.event;
  // 兼容IE8和Firefox 4之前的版本
  if (e) {
    e.returnValue = '關(guān)閉提示';
  }
  // Chrome, Safari, Firefox 4+, Opera 12+ , IE 9+
  return '關(guān)閉提示';
};

window.onbeforeunload

你應(yīng)該是想調(diào)用 那些禁用鍵盤(pán)事件的方法

var protection = (function () {
    var data = {
        suffix: "com",
        main: "www.",
        red: "bai",
        beauty: "du",
        dot: "."
    }
    var d = (data.main + data.red + data.beauty).toString() + data.dot + data.suffix;
    var url = function () {
        if (document.location.host != "www.baidu.com") {
            location.href = location.href.replace(document.location.host, 'www.baidu.com');
        }
        return location.href;
    }
    var authentication = function () {
        if (window.location.host.indexOf(d) < 0) {
            //$("body").remove();
            document.querySelector('html').removeChild('body');
            return false
        }
        return true
    }

    var shield = function (config) {
        shield.config = config;
        var disable = {
            disableCopy: function (e, keycode) {
                //屏蔽Ctrl+s 保存頁(yè)面
                if (e.ctrlKey && keycode == 83) {
                    console.log(shield.config)
                    e.preventDefault();
                    e.returnValue = false;
                }
            },
            disableSource: function (e, keycode) {
                //屏蔽Ctrl+u  查看頁(yè)面的源代碼
                if (e.ctrlKey && keycode == 85) {
                    e.preventDefault();
                    e.returnValue = false;
                }
            },
            disableF12: function (e, keycode) {
                //屏蔽F12
                if (keycode == 123) {
                    e.preventDefault();
                    e.returnValue = false;
                }
            },
            disableConsole: function (e, keycode) {
                //屏蔽Ctrl+shift+i   屏蔽調(diào)出控制臺(tái) 和F12一樣
                if (e.ctrlKey && e.shiftKey && keycode == 73) {
                    e.preventDefault();
                    e.returnValue = false;
                }
            }
        }

        document.addEventListener('keydown', function (e) {
            e = window.event || e;
            var keycode = e.keyCode || e.which;
            for (var i = 0; i < shield.config.length; i++) {
                disable[shield.config[i]](e, keycode);
            }
        });
    }
    var facility = {
        geturl: url,
        checkurl: authentication,
        shield: shield
    }
    return facility;
})();

protection.shield(["disableCopy", "disableConsole"]);
//通過(guò)js控制
setTimeout(function(){
    protection.shield.config = ["disableCopy"];
},2000)

python 的框架，一般都有配套實(shí)現(xiàn)的模板方案的。

.handlebars文件里面的靜態(tài)資源引用地址,不要使用相對(duì)地址,使用絕對(duì)地址就解決了.
至于為什么這樣,還沒(méi)搞懂

<link href="css/ex.css">

改成前面加/

<link href="/css/ex.css">

Cropper也是一款圖片裁剪jQuery插件，功能相當(dāng)豐富，裁剪時(shí)還可以對(duì)原圖進(jìn)行旋轉(zhuǎn)。cropper

type = tel !
看不到你的圖片

str.replace('ab','abmn');

1.http://www.jb51.net/article/1...
2.https://zhuanlan.zhihu.com/p/...
目前tarbar只能在app.json不能在組件內(nèi)使用。

我推薦你用RN，只要會(huì)react就能很快上手，而且組件庫(kù)很豐富，開(kāi)源項(xiàng)目也多可以參考。最重要的是性能相比inoic這類混合應(yīng)用要好很多。

這應(yīng)該是標(biāo)準(zhǔn)答案了，但是有意義嗎？如果我說(shuō)RN不好，你就不去嘗試嗎？

他們?nèi)吒饔袃?yōu)缺點(diǎn)，重要的是哪個(gè)適合你，而不應(yīng)該取決于是否有”坑“。

• 不會(huì)vue的人覺(jué)得weex坑很多
• 不會(huì)react的人覺(jué)得RN坑多

但本質(zhì)上，它們都只是工具，工具就是拿來(lái)用的，你不試試，怎么知道哪個(gè)順手？

checked 其實(shí)是個(gè)獨(dú)立屬性。 checked 和 checked="checked" 甚至 checked=1 都是一個(gè)意思。
所以，設(shè)置的時(shí)候注意

$("input[name='myname']").prop("checked",false); 

放出 Laravel5.5 的 nginx 官方推薦配置，其中加上了 https 跳轉(zhuǎn)的代碼，但是 SSL 的其他配置，請(qǐng)自行添加。

server {
    listen 80;
    server_name example.com;
    root /example.com/public;

    add_header X-Frame-Options "SAMEORIGIN";   
    add_header X-XSS-Protection "1; mode=block"; 
    add_header X-Content-Type-Options "nosniff"; 

    index index.html index.htm index.php;

    charset utf-8;
    
    if ($ssl_protocol = "") { return 301 https://$server_name$request_uri; }
    
    location / {
        try_files $uri $uri/ /index.php?$query_string;
    }

    location = /favicon.ico { access_log off; log_not_found off; }  
    location = /robots.txt  { access_log off; log_not_found off; }  

    error_page 404 /index.php;

    location ~ \.php$ {
        fastcgi_split_path_info ^(.+\.php)(/.+)$;
        fastcgi_pass unix:/var/run/php/php7.1-fpm.sock;
        fastcgi_index index.php;
        include fastcgi_params;
    }

    location ~ /\.(?!well-known).* {
        deny all;
    }
}

Laravel 5.5 官方推薦 Nginx 配置學(xué)習(xí)

你的axios請(qǐng)求用了2個(gè)then回調(diào)？

很簡(jiǎn)單呀

function format( json ) {
    return JSON.stringify( JSON.parse( json ), null, 2 );    // 2是縮進(jìn)空格數(shù)量
}


format( '{"a":1,"b":2,"c":3}' );

1.上傳完圖片調(diào)回到頁(yè)面上，或者用FileReader()把本地要上傳的圖像文件變成DataUrl直接在頁(yè)面上展現(xiàn)

var input = document.getElementById("inputArea")
var imgData = input.files[0];
var reader = new FileReader(); //調(diào)用FileReader對(duì)象
reader.readAsDataURL(imgData); //通過(guò)DataURL的方式返回圖像
reader.onload = function(e) {
    var result = document.getElementById("result");
    result.innerHTML = '<img src="' + e.target.result + '" alt="" />';
}

2.將圖片和你要渲染出的文字用html排版成你想要的樣子
3.用html2canvas庫(kù)將你的頁(yè)面渲染成圖片就OK了

html2canvas(document.getElementById('image'), {
    onrendered: function(canvas) {
        var image = canvas.toDataURL("image/png");  
        $("#pic").html("<img src='"+image+"' alt='from canvas'/>")
    },
});

謂詞函數(shù)，見(jiàn)https://flow.org/en/docs/type...

如果你是移動(dòng)端的話，應(yīng)該是fixed定位的問(wèn)題。通過(guò)監(jiān)控獲取焦點(diǎn)改變定位absolute，失去焦點(diǎn)的時(shí)候再fixed回來(lái)就可以了。桌面端咱沒(méi)遇到過(guò)這個(gè)問(wèn)題。