a&

分類(lèi):

推薦最新等你回答

涼薄回答

wxs是專(zhuān)門(mén)用于wxml頁(yè)面的，如果你有在頁(yè)面中使用js腳本的需求可以使用，但是wxs是不能被其他js文件引用的。
目前我很少wxs,大多數(shù)工作都是在js中完成的。

這里是我記錄的關(guān)于wxs的文章：
微信小程序：使用wxs檢測(cè)郵箱格式實(shí)例
 微信小程序：新功能WXS（2017.08.30新增）

正則表達(dá)式實(shí)現(xiàn)render函數(shù)

菊外人回答

$表示字符串的結(jié)尾，是特殊字符，使用RegExp的時(shí)候，需要使用兩個(gè)\\轉(zhuǎn)義：

const template = "the age of ${name} is ${age}";
const data = { name: "xiaoming", age: 8};
console.log(render(template, data));
// 輸出: "the age of xiaoming is 8"

function render(template,data) {
  for (key in data) {
    if(key) {
      console.log(key);
      var re = new RegExp("\\${"+key+"}");
      // var re = "${" + key + "}"; // 這塊直接使用字符串就行，不用正則也可以
      console.log(re,data[key]);
      template = template.replace(re,data[key]);
      // console.log("test:",template.replace("${name}","xiaoming"));
      console.log(template); 
    }
  }
}

vue里面axios post請(qǐng)求？

網(wǎng)妓回答

答案來(lái)了。

const axios = require('axios')
// 下面代碼發(fā)送一個(gè)post請(qǐng)求到一個(gè)服務(wù)器
axios.post('驗(yàn)證驗(yàn)證碼的目標(biāo)url', {
    telephone: "17202345234" // 帶上手機(jī)號(hào)參數(shù)
  })
  .then(function (response) { // 后端處理成功，給你返回一個(gè)驗(yàn)證碼數(shù)據(jù)，數(shù)據(jù)通過(guò)response讀取
    console.log(response.testnumber);
    return axios.post('獲取驗(yàn)證碼成功再發(fā)送一次請(qǐng)求的地址'，{
        password: "我是密碼",
        telephone: "17202345234",
        noteinfo: "我是備注"
    })
  })
  .then(function(res){
    //完成注冊(cè)了
    console.log("注冊(cè)完成");
   })
  .catch(function (error) { // 如果請(qǐng)求失敗就走這里了
    console.log(error);
  });

用vue如何實(shí)現(xiàn)類(lèi)似jQuery selectable框選元素的效果？

六扇門(mén) 回答

http://www.cnblogs.com/mdengc... google了一下實(shí)現(xiàn)這v-selectable 不知道符合要求不

export default (Vue, options = {}) =>{
    const listener = (ele, binding) =>{
        let reactArea = {
            startX: 0,
            startY: 0,
            endX: 0,
            endY: 0
        }
        //是否一直按下鼠標(biāo)
        let isMouseDown = false
        let areaSelect = {}
        //將元素定位改為relative
        ele.style.position = 'relative'
        ele.addEventListener('mousedown', function(e) {
            reactArea.startX = e.layerX;
            reactArea.startY = e.layerY;
            isMouseDown = true
        })

        ele.addEventListener('mousemove', function(e) {
             if(isMouseDown){
                 let preArea = ele.getElementsByClassName('v-selected-area')
                if(preArea.length){
                    ele.removeChild(preArea[0])
                }
                reactArea.endX = e.layerX
                reactArea.endY = e.layerY
                let leftValue = 0
                let topValue = 0
                let widthValue = Math.abs(reactArea.startX - reactArea.endX)
                let heightValue =  Math.abs(reactArea.startY - reactArea.endY)

                if(reactArea.startX >= reactArea.endX){
                    leftValue = reactArea.endX
                }else{
                    leftValue = reactArea.startX
                }
                if(reactArea.startY > reactArea.endY ){
                    topValue = reactArea.endY
                }else{
                    topValue = reactArea.startY
                }

                //判斷同時(shí)有寬高才開(kāi)始畫(huà)虛線框
                if(reactArea.startX != reactArea.endX && reactArea.startY !=reactArea.endY){
                    areaSelect = document.createElement('div')
                    areaSelect.classList.add("v-selected-area")
                    areaSelect.style.position = "absolute";
                    areaSelect.style.left = leftValue + 'px'
                    areaSelect.style.top = topValue + 'px'
                    areaSelect.style.width = widthValue + 'px'
                    areaSelect.style.height = heightValue + 'px'
                    areaSelect.style.border = "1px dashed grey"
                    ele.append(areaSelect)
                }

                let children = ele.getElementsByTagName('li')
                for(let i =0 ; i < children.length ; i ++ ){
                    let childrenHeight = children[i].getBoundingClientRect().height
                    let childrenWidth = children[i].getBoundingClientRect().width
                    //每個(gè)li元素的位置
                    let offsetLeft = children[i].offsetLeft
                    let offsetTop = children[i].offsetTop
                    //每個(gè)li元素的寬高
                    let endPositionH = childrenHeight + offsetTop
                    let endPositionW = childrenWidth + offsetLeft
                    //五個(gè)條件滿足一個(gè)就可以判斷被選擇
                    //一是右下角在選擇區(qū)域內(nèi)
                    let require1 = endPositionH > topValue && endPositionW > leftValue && endPositionH < topValue + heightValue && endPositionW < leftValue + widthValue
                    //二是左上角在選擇區(qū)域內(nèi)
                    let require2 = offsetTop > topValue && offsetLeft > leftValue && offsetTop < topValue + heightValue && offsetLeft < leftValue + widthValue
                    //三是右上角在選擇區(qū)域內(nèi)
                    let require3 = offsetTop > topValue && offsetLeft + childrenWidth > leftValue && offsetTop < topValue + heightValue && offsetLeft + childrenWidth< leftValue + widthValue
                    //四是左下角在選擇區(qū)域內(nèi)
                    let require4 = offsetTop + childrenHeight > topValue && offsetLeft > leftValue && offsetTop + childrenHeight < topValue + heightValue && offsetLeft < leftValue + widthValue
                    //五選擇區(qū)域在元素體內(nèi)
                    let require5 = offsetTop < topValue && offsetLeft < leftValue && offsetTop + childrenHeight > topValue + heightValue && offsetLeft + childrenWidth > leftValue + widthValue

                    if(require1 || require2 || require3 || require4 || require5){
                        children[i].classList.add('active')
                    }else{
                        children[i].classList.remove('active')
                    }
                }
             }
        })

        ele.addEventListener('mouseup', function(e) {
            isMouseDown = false
            if(areaSelect && areaSelect.childNodes && ele.contains(areaSelect)){
                ele.removeChild(areaSelect)
            }
            areaSelect = null
        })
    }

     Vue.directive('selectable',{
        inserted:listener,
        updated:listener
    })
}

vue-cli中如何根據(jù)當(dāng)然路由為條件，給頁(yè)面某個(gè)元素添加某個(gè)類(lèi)來(lái)改變樣式。

初心回答

把這部分功能提成一個(gè)組件，然后使用watch監(jiān)聽(tīng)路由變化，再根據(jù)你想用的每個(gè)路由對(duì)應(yīng)的樣式設(shè)置組件樣式

自適應(yīng)表格怎么解決？

巴扎嘿回答

不要設(shè)置高度。。。。

mongoose, mongodb db.collection.find()語(yǔ)法傳入query方式問(wèn)題

毀了心回答

是req.session吧

Vue-cli 中main.js里的Vue實(shí)例的默認(rèn)布局（template）問(wèn)題。

女流氓回答

你可以使用v-router來(lái)實(shí)現(xiàn)；
或者判斷url來(lái)顯示或隱藏layout

關(guān)于sessionStorage的事件的問(wèn)題？

涼汐回答

相關(guān)聯(lián)的窗口指的是除了本頁(yè)面sessionstorage所作用的其他頁(yè)面，如a標(biāo)簽跳轉(zhuǎn)過(guò)去的同源頁(yè)面

setRequestHeader 如何發(fā)起第二次請(qǐng)求

厭遇回答

嗅探？是指第一次用options第二次用post這樣的吧。瀏覽器這邊他是自動(dòng)的。如果服務(wù)器方面不收options的請(qǐng)求的話，需要他們針對(duì)這一個(gè)請(qǐng)求返回成功

js對(duì)象賦值

嫑吢丕回答

哪一步是把key(h,e,l...這些字母)放進(jìn)obj里面的
是不是在 if(obj[str1[i]]) 這步里面判斷假如沒(méi)有就放進(jìn)去

兩個(gè)問(wèn)題可以一起回答：

    if(obj[str1[i]]){ //如果 obj 里已經(jīng)記錄了這個(gè)字符，這個(gè)字符的計(jì)數(shù)+1
        obj[str1[i]]++;
    }
    else{ //如果 obj 里沒(méi)有這個(gè)字符，那么給 obj 添加這個(gè)字符屬性，這個(gè)字符屬性的計(jì)數(shù)=1
        obj[str1[i]]=1;
    }

express中，get請(qǐng)求和post請(qǐng)求在use之后不能執(zhí)行。

悶油瓶回答

因?yàn)樵诤竺鎛ext來(lái)返回錯(cuò)誤，所以當(dāng)請(qǐng)求沒(méi)獲取到時(shí)，直接就被攔截了而不會(huì)再去執(zhí)行g(shù)et的路由。。

把css文件全部放到html里面加載速度會(huì)變快么

無(wú)標(biāo)題回答

css換成html http請(qǐng)求方向的優(yōu)化并沒(méi)有多大的優(yōu)化

可能你寫(xiě)html的文件比css少一點(diǎn) 速度有一些優(yōu)化
缺點(diǎn)  / 如果重新加載 會(huì)重新加載所有的文件
優(yōu)點(diǎn)  可能不會(huì)給本地留下一定的緩存

請(qǐng)教一下react的組件問(wèn)題

終相守回答

剛開(kāi)始沒(méi)看明白，以為講的是業(yè)務(wù)組件的事情。去搜了文章看才明白怎么回事。

文章來(lái)自知乎，題主以后類(lèi)似問(wèn)題可以在題目中注明
https://zhuanlan.zhihu.com/p/...

這篇文章講的是組件庫(kù)的設(shè)計(jì)，全文有一個(gè)很明確的觀點(diǎn)，即組件庫(kù)應(yīng)該給使用者足夠高的自由度，以避免組件與外部的耦合，提高組件的靈活性。紅圈這里的回調(diào)并不是指一般意義上的請(qǐng)求或者事件的回調(diào)函數(shù)，而是指組件渲染的回調(diào)函數(shù)，通常組件提供這類(lèi)回調(diào)時(shí)為了讓使用者聲明組件具體的渲染方式，以及數(shù)據(jù)的處理邏輯。

有一個(gè)很好的例子是antd的Table組件，該組件提供了一個(gè)展開(kāi)單行表格的功能。這里展開(kāi)的內(nèi)容就是通過(guò)回調(diào)函數(shù)來(lái)聲明的。回調(diào)函數(shù)提供每一行的數(shù)據(jù)（即紅圈處整個(gè)對(duì)象），由使用者負(fù)責(zé)處理數(shù)據(jù)，并返回一個(gè)DOM結(jié)構(gòu)。組件在實(shí)際渲染時(shí)，會(huì)循環(huán)調(diào)用這個(gè)回調(diào)函數(shù)，將返回的DOM結(jié)構(gòu)作為展開(kāi)行的實(shí)際內(nèi)容渲染。

如此一來(lái)，antd并不關(guān)心你傳入數(shù)據(jù)的結(jié)構(gòu)或者屬性名，因此實(shí)現(xiàn)了和后端，也就是數(shù)據(jù)源的解耦

import { Table } from 'antd';

const columns = [
  { title: 'Name', dataIndex: 'name', key: 'name' },
  { title: 'Age', dataIndex: 'age', key: 'age' },
  { title: 'Address', dataIndex: 'address', key: 'address' },
  { title: 'Action', dataIndex: '', key: 'x', render: () => <a href="#">Delete</a> },
];

const data = [
  { key: 1, name: 'John Brown', age: 32, address: 'New York No. 1 Lake Park', description: 'My name is John Brown, I am 32 years old, living in New York No. 1 Lake Park.' },
  { key: 2, name: 'Jim Green', age: 42, address: 'London No. 1 Lake Park', description: 'My name is Jim Green, I am 42 years old, living in London No. 1 Lake Park.' },
  { key: 3, name: 'Joe Black', age: 32, address: 'Sidney No. 1 Lake Park', description: 'My name is Joe Black, I am 32 years old, living in Sidney No. 1 Lake Park.' },
];

ReactDOM.render(
  <Table
    columns={columns}
    expandedRowRender={record => <p style={{ margin: 0 }}>{record.description}</p>}
    dataSource={data}
  />
, mountNode);

可展開(kāi)的組件

admin LTE是怎么控制菜單在頁(yè)面刷新之后展開(kāi)的？

氕氘氚回答

public\js\admin.js 加入：

$('.sidebar-menu li:not(.treeview) > a').on('click', function(){
        var $parent = $(this).parent().addClass('active');
        $parent.siblings('.treeview.active').find('> a').trigger('click');
        $parent.siblings().removeClass('active').find('li').removeClass('active');
    });

    $(window).on('load', function(){
        $('.sidebar-menu a').each(function(){
            // console.log(this);
            var cur = window.location.href;
            var url = this.href;
            // console.log(cur.match(url));
            if(cur.match(url)){
                $(this).parent().addClass('active')
                    .closest('.treeview-menu').addClass('.menu-open')
                    .closest('.treeview').addClass('active');
            }
        });
    });

Weex 中使用Swift注冊(cè)模塊時(shí)的問(wèn)題？

話寡回答

logLevel 設(shè)置為ALL，看下日志，同時(shí)看下當(dāng)前類(lèi)是否被正常加載

子元素如何撐滿父元素？

心上人回答

ul {

overflow:hidden;

}
li {

float: left;
padding-bottom: 9999px;
margin-bottom: -9999px;

}

怎樣比較兩個(gè)數(shù)組的多的和少的

毀了心回答

php就用array_diff就可以

a少的:

array_diff($b, $a);

反過(guò)來(lái),就是a多的:

array_diff($a, $b);

返回一個(gè)數(shù)組.

https://secure.php.net/manual...

echarts表格縮在一起了，變化窗口尺寸時(shí)，又會(huì)恢復(fù)正常

舊言回答

代碼都沒(méi)嗎.........

文件資源加載不到

獨(dú)特范回答

因?yàn)槠渌麢C(jī)器訪問(wèn)localhost 相當(dāng)于訪問(wèn)它自己，如果你需要讓PC2 訪問(wèn)PC1 的服務(wù)，請(qǐng)直接使用ip地址；

TIPS：在計(jì)算機(jī)網(wǎng)絡(luò)中，localhost（意為“本地主機(jī)”，指“這臺(tái)計(jì)算機(jī)”）是給回路網(wǎng)絡(luò)接口（loopback）的一個(gè)標(biāo)準(zhǔn)主機(jī)名，相對(duì)應(yīng)的IP地址為127.0.0.1（IPv4）和[::1]（IPv6）。