&

分類:

推薦最新等你回答

js 驗(yàn)證0～99的整數(shù)

哎呦喂回答

/[1-9]?d/

js給動(dòng)態(tài)生成的元素綁定事件

尛憇藌回答

事件委托搜索關(guān)鍵字

如何算出圖片的尺寸 mm 或者 cm

不討喜回答

我覺(jué)得這不是一個(gè)壞問(wèn)題啊，為什么會(huì)有那么多人踩呢？不要急著踩別人，你會(huì)算的話，你出來(lái)給我走兩步看看？

dpi概念

首先，我們要明確兩個(gè)概念：dpi和ppi，dpi是dot per inch的縮寫，ppi是pixel per inch的縮寫，意思就是“每英寸多少像素”。在顯示器上，dpi就等于ppi，所以我們下面就都以dpi為例。

那么我們的顯示器的dpi怎么算呢？首先，你可以通過(guò)顯示器的設(shè)置，查看一下你當(dāng)前的分辨率是多少，比如我現(xiàn)在正用的這臺(tái)顯示器，它的分辨率是2560x1440，根據(jù)勾股定理（裝逼的話也可以叫畢達(dá)哥拉斯定理，愛(ài)國(guó)人士稱為勾股定理，雖然實(shí)際上勾股從來(lái)就不是一個(gè)定理，而畢達(dá)哥拉斯是真真正正證明了這個(gè)定理的），我們可以算出對(duì)角線是2560的平方加上1440的平方然后再開根號(hào)，得到2937.20956，那么因?yàn)檫@臺(tái)顯示器大約是27英寸的，所以我們可以用2937.20956除以27英寸，得到108.7855，這就是這個(gè)顯示器的dpi了。

計(jì)算圖片的厘米數(shù)

接下來(lái)的事情就好辦了，假設(shè)，你有一張jpg圖片或者png圖片，它的寬是1088像素，用這個(gè)值除以上面的dpi，就可以得到10英寸這個(gè)數(shù)值，接下來(lái)，我們?cè)侔延⒋鐡Q算成厘米，因?yàn)橐挥⒋绲扔?code>2.54厘米，所以這張圖片的寬度就是25.4厘米，254毫米，高度的計(jì)算類似。

用`js`求解

接下來(lái)，這位大兄弟問(wèn)怎么樣用Javascript獲得這個(gè)尺寸？

那么，首先我們必得要先知道如何用Javascript獲得dpi?？梢赃@樣做：我們先造出一個(gè)虛擬div，設(shè)定它的寬和高都是1in，也就是1英寸，注意是1in而不是1px哦，不要搞錯(cuò)了。比如這樣：

<div id="dpi" style="height: 1in; width: 1in; position: absolute; left: -100%; top: -100%;"></div>

然后我們?cè)儆?code>js算一下它的像素寬度就得到了這臺(tái)顯示器的dpi：

function getDPI() {
  return document.getElementById("dpi").offsetHeight;
}

得到了dpi，聰明如你一定能猜出如何計(jì)算圖片的尺寸了吧？

vue如何執(zhí)行后臺(tái)傳過(guò)來(lái)的函數(shù)？

冷眸回答

寫在哪里都可以，只要能獲取到就行，如果需要保存到vuex建議寫在js中，vue創(chuàng)建實(shí)例的時(shí)候不是聲明了一個(gè)變量嗎(如vm)，根據(jù)vm.$store.state....操作數(shù)據(jù)

【css 層級(jí)】設(shè)置灰色塊的z-index:-1,但并沒(méi)有有效？

款爺回答

不是很清楚你想要的效果到底是怎樣的.

如果右上角你想要這種效果的話.

你只需要將 z-index:1 從 .menu>.fir_menu>li>.sec_menu>li>.thi_menu 移除即可.

.menu>.fir_menu>li>.sec_menu>li>.thi_menu {
  height: 50px;
  width: 50px;
  border-radius: 25px;
  background-color: orange;
  position: absolute;
  left: 50px;
  top: -80px;
  /* z-index: 1; 不要設(shè)置這個(gè)! */
}

移除 z-index 之后父元素就和子元素處于同一 stack context 了. 此時(shí)為子元素設(shè)置較小的 z-index 即可使其低于其父元素顯示.

至于左下角. 我猜你是想要這種效果

那只需要這么做即可:

.menu>.fir_menu>li>a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  border: 1px solid red;
  border-radius: 20px;
  background-color: lightcoral;
  display: block;
  margin-left: 20px;
  margin-top: 5px;
  /* 調(diào)整層級(jí) */
  position: relative;
  z-index: 2;
}

vue里，mounted里用axios獲取data，data能在頁(yè)面里渲染，頁(yè)面里的num，點(diǎn)擊后加1，不能觸發(fā)update

我甘愿回答

可以了。。。。。。

不知道是JS還是vue的問(wèn)題

柒喵回答

innerText 相當(dāng)于重新渲染了，之前的都清除了，你需要重新綁定相關(guān)事件?；蛘邔⑹录壎ǖ礁讣?jí)元素，在冒泡到你想要觸發(fā)的子元素，你可以去看看jquery的 on 是如何給未來(lái)元素綁定事件的。

代碼替換，看教學(xué)視頻用的代碼1，自己認(rèn)為代碼2就可以解決。

久愛(ài)她回答

new name()這個(gè)是直接拿來(lái)用了如果沒(méi)有name這個(gè)方法肯定報(bào)錯(cuò)
就相當(dāng)于 var str = a || "abc" 這里a根本就沒(méi)定義就會(huì)報(bào)錯(cuò)
但是，我試了一下用ie11模擬ie低版本，連ie5都有XMLHttpRequest這個(gè)東西，所以你這樣寫是不會(huì)報(bào)錯(cuò)的，永遠(yuǎn)走的是new XMLHttpRequest

trigger()函數(shù)多次使用是否會(huì)造成代碼速度下降，或其他不良效果。

哚蕾咪回答

性能可能會(huì)有影響，因?yàn)楸緛?lái)是需要直接執(zhí)行點(diǎn)擊事件對(duì)應(yīng)的方法就可以了，你現(xiàn)在是直接觸發(fā)點(diǎn)擊事件，然后間接的執(zhí)行對(duì)應(yīng)的方法。不過(guò)在我看來(lái)影響可能比較小。性能可能直觀上看不出來(lái)。最好的方法是調(diào)用事件對(duì)應(yīng)的方法。而你這個(gè)程序沒(méi)有，那就調(diào)用form的submit方法

$('form').submit()

a標(biāo)簽下的div設(shè)置absolute絕對(duì)定位后，給div加click事件，不生效

笨笨噠回答

時(shí)間肯定是有的，沒(méi)有生效可能是設(shè)置絕對(duì)定位后，被別的元素覆蓋了，導(dǎo)致看似點(diǎn)擊了元素，其實(shí)并沒(méi)有點(diǎn)中元素，而是點(diǎn)在了上層元素。你可以f12審查下元素

vue項(xiàng)目搭建無(wú)法初始化

哚蕾咪回答

vue-cli 2.9.4 bug，2.9.5已解決，請(qǐng)升級(jí)到最新版

npm install -g vue-cli@latest

急:用canvas做遮罩層的話，如何來(lái)高亮顯示原始頁(yè)面的部分區(qū)域（多個(gè)）

忘了我回答

其實(shí)我看不太懂你想問(wèn)什么。如果是遮罩的話，并且是矩形，可以用 clearRect 來(lái)做。如下：

ctx.fillStyle = "rgba(255, 255, 255, 1)";
ctx.fillRect(0, 0, width, height); // width & height 為遮罩的寬高
ctx.clearRect(1044, 100, 250, 250);

如果要用其它形狀的話，可以參考一下：http://www.w3school.com.cn/ta...

angular2表單驗(yàn)證問(wèn)題

我甘愿回答

可以通過(guò)這兩個(gè)input的value來(lái)做判斷啊，如果兩個(gè)value都非空，就讓button的disabled屬性為false，否則為true

vue如何運(yùn)行時(shí)加載模版，且調(diào)用新創(chuàng)建組件

墨染殤回答

let child = {name:'child',template:'<div><label>child:</label><input
value="ddd"></input></div>'};
let tp = {name:'tp',template:'<div class="layout">9999:<slot
name="sss"></slot></div>'};

let view = {name:'tpz',template:'<div><tp><child

   slot="sss"></child></tp></div>',components:{tp,child}};

return h(view)

這種demo可以實(shí)現(xiàn)

php 想問(wèn)一下 session 過(guò)期的處理方式！

短嘆回答

你拿到token后總要去干點(diǎn)什么吧,好比去請(qǐng)求一個(gè)鏈接，如果token失效那不就返回失效的錯(cuò)誤了，知道這個(gè)錯(cuò)誤再去請(qǐng)求新的token就是。但是說(shuō)到底都是人家只允許一個(gè)用戶登錄，你再請(qǐng)求新的就又把A的又踢掉了。

用css、如何讓圖片自動(dòng)適應(yīng)屏幕大小,不出現(xiàn)滾動(dòng)條,不變形，兼容各個(gè)瀏覽器

巫婆回答

鏈接描述

這個(gè)其實(shí)是個(gè)很復(fù)雜的問(wèn)題，要是簡(jiǎn)單就直接圖片寬度100%，高度自適應(yīng)，
或者將圖片當(dāng)做背景來(lái)使用，然后在背景圖片中添加一個(gè)background-size: contain;屬性。
如果你有空的話可以看一下我這篇博客，最后提到了手機(jī)淘寶響應(yīng)式的原理，使用rem配合viewport。

vue如何動(dòng)態(tài)生成路由

風(fēng)畔回答

可以的，你的routes根據(jù)登錄信息動(dòng)態(tài)生成，每次登錄完之后刷新一下頁(yè)面，觸發(fā)頁(yè)面重新加載

如何更好的組織代碼？

晚風(fēng)眠回答

項(xiàng)目不支持es6語(yǔ)法，嘗試模塊化改寫的

        // 模板引擎補(bǔ)充
        template.defaults.imports.Balance = function(number) {
            return number.toFixed(2);
        }
        // 當(dāng)所有組件準(zhǔn)備好后執(zhí)行內(nèi)部回調(diào)方法
        appcan.ready(function() {

            uexWindow.setWindowScrollbarVisible('false');

            appcan.frame.setBounce(1, function(type) {
                $("#pullstatus").html("");
            }, function(type) {
                $("#pullstatus").html("");
            }, function(type) {
                $("#pullstatus").html("松手了,產(chǎn)生事件了,開始更新數(shù)據(jù)！");
                // 下拉事件發(fā)生
                appcan.frame.resetBounce(1);
                var num = Number(pageNo) * limit;

                $("#pullstatus").html("");
                // alert("totalRows=" + totalRows)

                if (Number(totalRows) <= num) {
                    appcan.window.openToast({
                        msg : '沒(méi)有更多',
                        duration : 1000,
                        position : 5,
                        type : 0
                    });
                    return;
                }

                pageNo = Number(pageNo) + 1;
                Orders.addData();
            });
            Orders.init();

        });
        var Orders = {
            init : function() {
                this.queryCusBasOrg();
                this.options().bind();
            },
            options : function() {
                var yue = this,
                    options = {};
                yue.options.companyList = document.getElementById('companyList');
                yue.options.bills_list = document.getElementById("bills_list");
                yue.options.tishi = document.getElementById('tishi');
                return yue;
            },
            bind : function() {
                var yue = this;
                this.options.companyList.onchange = function() {
                    yue.changeCompany();
                }
            },

            // 獲取公司列表
            queryCusBasOrg : function() {
                var yue = this;
                var func = yue.showCompanyCallback.bind(yue);

                ajaxPostQuery(URL + "/app/cus/queryCusBasOrg", "", func, "text");

            },
            // 回調(diào)
            showCompanyCallback : function(data) {
                var yue = this;
                var tishi = yue.options.tishi;
                var companyList = yue.options.companyList;

                if ( typeof data == "string") {
                    data = JSON.parse(data);
                };

                var html = template('Company_tmpl', {
                    list : data
                });

                $('#companyList').html(html);
                tishi.style.height = "5em"

                var linkId = companyList.value;

                Orders.queryBills(linkId);
            },
            // 獲取訂單數(shù)據(jù)
            queryBills : function(linkId) {
                var yue = this;
                var paramJsonStr = "&pager.pageNo=" + pageNo + "&pager.pageSize=" + pageSize + "&cusOrgLinkid=" + linkId;
                var func = yue.showBillsCallback.bind(yue);
                ajaxPostQuery(URL + "/app/cus/queryCusPayMoney", paramJsonStr, func, "text");
                appcan.window.openToast('正在加載...', '0', '5', '1');

            },
            // 獲取訂單數(shù)據(jù)回調(diào)
            showBillsCallback : function(data) {
                var yue = this;
                var tishi = yue.options.tishi;
                var bills_list = yue.options.bills_list;

                appcan.window.closeToast();

                if ( typeof data == "string") {
                    data = JSON.parse(data)
                };
                totalRows = data["pager.totalRows"];
                // alert(totalRows)

                var html = '';
                if (data === 0) {
                    html = "<div id='' class='ub ub-pc pc time-wrapper''>" + "<span class='mf-size2 time'>暫無(wú)歷史賬單</span>" + "</div>";
                    tishi.innerHTML = html;
                } else {
                    html = template('bills_tmpl', {
                        list : data.rows
                    });
                    bills_list.innerHTML = html;
                    tishi.innerHTML = "";
                }

            },
            // 下拉刷新添加數(shù)據(jù)
            addData : function() {
                var yue = this;
                var linkId = yue.options.companyList.value;
                var paramJsonStr = "&pager.pageNo=" + pageNo + "&pager.pageSize=" + pageSize + "&cusOrgLinkid=" + linkId;

                ajaxPostQuery(URL + "/app/cus/queryCusPayMoney", paramJsonStr, yue.addDataCallback, "text");
                appcan.window.openToast('正在加載...', '0', '5', '1');
            },
            // 下拉刷新添加數(shù)據(jù)回調(diào)
            addDataCallback : function(data) {
                var yue = this;
                var tishi = yue.options.tishi;
                appcan.window.closeToast();

                if ( typeof data == "string") {
                    data = JSON.parse(data)
                };
                totalRows = data["pager.totalRows"];
                // alert(totalRows)

                var html = '';
                if (data === 0) {
                    html = "<div id='' class='ub ub-pc pc time-wrapper''>" + "<span class='mf-size2 time'>暫無(wú)歷史賬單</span>" + "</div>";
                    tishi.innerHTML = html;
                } else {
                    html = template('bills_tmpl', {
                        list : data.rows
                    });

                    $('#bills_list').append(html);
                    tishi.innerHTML = '';
                }
            },
            // 城市名稱改變
            changeCompany : function() {
                var yue = this;
                yue.options.bills_list.innerHTML = "";
                var linkId = yue.options.companyList.value;
                pageNo = 1;
                yue.queryBills(linkId)
            },
            // 打開詳情頁(yè)
            openDetail : function(id) {
                appcan.locStorage.setVal('FUNDSUB_ID', id);
                appcan.window.open("detail", 'order_detail.html', 10);
            }
        }

permission denied (publickey).這個(gè)怎么破？

裸橙回答

看下是不是 https://github.com/github/hub... 這個(gè)原因

elementUI時(shí)間選擇控件不可用

笨小蛋回答

目前確認(rèn)是服務(wù)器配置的問(wèn)題，對(duì)應(yīng)elementui庫(kù)安裝出現(xiàn)了問(wèn)題，從中國(guó)服務(wù)器拷貝庫(kù)到英國(guó)服務(wù)器問(wèn)題解決；