&

分類:

推薦最新等你回答

weex怎么實現(xiàn)掃碼功能啊？

檸檬藍(lán) 回答

問題已經(jīng)解決，參考這篇文章地址

weex中已經(jīng)有zxing的掃描二維碼的功能，只需要在封裝一下然后注冊就好了。

class樣式轉(zhuǎn)換為行內(nèi)樣式

別逞強(qiáng) 回答

你好，可以這樣試試

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        div {
            background-color: #fff;
        }

        .div {
            background-color: #000;
            color: blue;
        }
    </style>
</head>
<body>
<div class='div'>
    你好，可以這樣試試
</div>

<script !src="">
    var div = document.querySelector('.div')
    var style = window.getComputedStyle(div, null)
    console.log(style);


    for (var k in style) {

        if (isNaN(k) && k != 'cssText') {

            if (style[k] == '0px' || style[k] == 'none' || style[k] == 'normal' || style[k] == 'auto' || !style[k]) {
                delete  div.style[k]
            } else {
                // console.log('--------------');
                // console.log(style[k] == '0px' || style[k] == 'none' || style[k] == 'normal' || style[k] == 'auto' || !style[k]);
                // console.log(style[k], 'value');
                // console.log(k, 'k');
                // console.log('--------------');
                div.style[k] = style[k];
            }
        }


    }

</script>
</body>
</html>

如何對多級的任務(wù)傳遞作出良好的函數(shù)命名？

雅痞回答

我們公司命名上都是加前綴或者后綴，action: ACT_getList,mutation: MUT_getList。
再詳細(xì)一點的，還需要加上對應(yīng)的分組名稱： action: ACT_MENU_getList，僅供參考吧。

angular 求解

厭惡我回答

看看這樣行嗎

<!DOCTYPE html >
<html lang="en" ng-app="app">

<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <style>
    .cc {
      border: 1px solid #ccc;
      border-collapse: collapse;
    }

    .cc td {
      text-align: center;
      padding: 6px 6px;
      border: 1px solid #ccc;
      height: 20px;
    }
  </style>


</head>

<body ng-controller="siteCtrl">
  <table border="1" cellpadding="0" cellspacing="0" class="cc">
    <tr>
      <td>組</td>
      <td>組下項</td>
    </tr>

    <tr ng-repeat="item1 in dataList">
      <td>
        <input type="checkbox" ng-model="item1.ProState" ng-change="selectItem(item1)"> {{item1.ProList}}
      </td>
      <td>
        <table border="0" cellpadding="0" cellspacing="0">
          <tr ng-repeat="item in item1.data">
            <td>
              <input type="checkbox" ng-model="item.state" name="" ng-checked="item.state" ng-change="change(item1)">
            </td>
            <td>{{item.Name}}</td>
            <td>{{item.Url}}</td>
            <td>{{item.Email}}</td>
            <td>
              <button ng-click="add(item, item1.data)">增加</button>
            </td>
          </tr>
        </table>
      </td>
    </tr>
  </table>
  <script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
  <!-- <script type="text/javascript" src="js/angular.min.js"></script> -->
  <script>
    var app = angular.module('app', []);
    app.controller('siteCtrl', function ($scope, $http) {

      $scope.dataList = [
        {
          "ProList": "a1",
          "ProName": "g1",
          "ProState": false,
          "data": [
            {
              "Name": "john1",
              "Url": "ImJohn.cn",
              "Email": "go",
              "state": true,
              "ProName": "g1"
            },
            {
              "Name": "john1",
              "Url": "ImJohn.cn",
              "Email": "go",
              "state": false,
              "ProName": "g1"
            },
            {
              "Name": "john1",
              "Url": "ImJohn.cn",
              "Email": "go",
              "state": false,
              "ProName": "g1"
            }
          ]
        },
        {
          "ProList": "a2",
          "ProName": "g2",
          "ProState": false,
          "data": [
            {
              "Name": "john2",
              "Url": "ImJohn.cn",
              "Email": "go",
              "state": false,
              "ProName": "g2"
            },
            {
              "Name": "john2",
              "Url": "ImJohn.cn",
              "Email": "go",
              "state": false,
              "ProName": "g2"
            },
            {
              "Name": "john2",
              "Url": "ImJohn.cn",
              "Email": "go",
              "state": false,
              "ProName": "g2"
            }
          ]
        },
        {
          "ProList": "a3",
          "ProName": "g3",
          "ProState": false,
          "data": [
            {
              "Name": "john3",
              "Url": "ImJohn.cn",
              "Email": "go",
              "state": false,
              "ProName": "g3"
            },
            {
              "Name": "john3",
              "Url": "ImJohn.cn",
              "Email": "go",
              "state": false,
              "ProName": "g3"
            },
            {
              "Name": "john3",
              "Url": "ImJohn.cn",
              "Email": "go",
              "state": false,
              "ProName": "g3"
            }
          ]
        }
      ]
      $scope.change = function(pro) {
        console.log(pro);
        pro.ProState = pro.data.every( person => person.state)
      }
      $scope.selectItem = function (item) {
          item.data.forEach(function(person) {
            person.state = item.ProState;
          })
      };
      $scope.add = function (item, datas) {
        var newItem = angular.extend({}, item);
        datas.push(newItem);

      }

    })

  </script>
</body>

</html>

requestAnimationFarme是同步還是異步

來守候回答

http://www.zhangxinxu.com/wor...
可以一看

ie9 ie8 WebSocket支持方案有哪些簡單可行的？

巫婆回答

樓主這三種方案可都測試通過，我測試的web-socket-js在IE8模式下不支持，找問題找瘋了。在github上也沒有發(fā)現(xiàn)解決方法，

為何這個alert出來的刪除成功，還是亂碼？

舊時光回答

mysql編碼設(shè)置下utf-8

使用element-UI的el-dropdown時綁定@click，click事件不觸發(fā)？

骨殘心回答

el-dropdown-item沒有自定義click事件, 兩個解決辦法:

使用原生click事件

@click.native = "logout"

使用菜單項的指令事件

<el-dropdown @command="handleCommand">

<el-dropdown-item command="logout">退出登錄</el-dropdown-item>

methods: {
    handleCommand(command) {
        if (command === 'logout') {
            this.logout()
        }
    }
}

vue-router 的redirect參數(shù)傳遞

溫衫回答

routes: [{
            path: '/',
            name: 'Index',
            component: Index
        },
        {
            path: '/product/:id',
            name: 'Product',
            redirect: '/product/producta/:id',
            component: Product
        },
        {
            path: '/product/producta/:id',
            name: 'ProA',
            component: ProA
        }, {
            path: '/product/productb',
            name: 'ProB',
            component: ProB
        }, {
            path: '/product/productc',
            name: 'ProC',
            component: ProC
        }
    ]

CSS3如何實現(xiàn)4個切角

鹿惑回答

謝邀。。既然如此，就說的詳細(xì)點吧。。
首先回答問題2：
在這個例子里，要知道 background-size:50% 50%; 意思是你設(shè)置的背景長和寬各為元素的一半。也就是為如果你的背景是張圖片，那么這張圖片占你元素的1/4，然后會生成4個這樣的圖片，重復(fù)填滿你的元素。設(shè)置background-repeat: no-repeat; 這樣使得你的圖片不重復(fù)，元素背景只會有一張圖，元素剩下的3/4填充空白。
background-size和background-repeat并沒有什么關(guān)系，應(yīng)要說關(guān)系，也就都是對背景的操作罷了。它倆不過是對背景以不同的方式調(diào)整罷了。

問題1：
top left和135deg沒關(guān)系，135deg表示切角的方向，top left表示背景的位置。
你的background寫了四個linear-gradient，這是css3的background應(yīng)用多層背景的特性，然后又因為你的background-size和background-repeat, 元素就生成了'4'個不一樣的背景，每一個占據(jù)1/4的元素。每個元素都在元素的左上方，你就導(dǎo)致你的'4'個背景重疊了。這個時候，你的每一個背景里，都寫了'top left'這類的東西，這東西就是移動你背景去相應(yīng)的地方。
background:top left其實是background-position:top left的縮寫。

React 可選擇性的使用自有 state 或者 props 元件

苦妄回答

首先，不要在constructor()方法中，使用this.props，這個寫法在IE下無法兼容。

其次，componentWillReceiveProps()方法，將會廢棄。

可以做如下的修改：

  render() {
    const {value = this.state.value} = this.props;
    return <input value={value} />
  }

你的需求是項目中最常見的使用方式:

import React from 'react';

export default class MyInput extends React.Component {
  constructor(props) {
    super(props);
    this.state = { value: '' };
  }

  handleChange = (e) => {
    if (this.props.onChange) {
      this.props.onChange(e);
    } else {
      this.setState({ value: e.target.value });
    }

  }
  handleClick = (e) => {
    if (this.props.onClick) {
      this.props.onClick(e);
    } else {

    }
  }

  render() {
    const {value = this.state.value} = this.props;
    return <input value={value} onClick={this.handleClick} onChange={this.handleChange} />
  }
}

Cookie的Path屬性匹配多個頁面

別瞎鬧回答

假如在webapp下面建兩個文件夾cookie1和cookie2,
cookie.setPath("/cookie1");
cookie1文件夾下面的所有頁面都能讀取cookie,cookie2下面的頁面讀取不到

vue動態(tài)組件如何觸發(fā)父組件

懷中人回答

是el-button的click事件沒有觸發(fā)，Vue2中自定義組件都需要.native才能使用原生事件，所以你需要修改如下：

<el-button size="mini" @click.native="goScore">編輯</el-button>

如圖示紅色邊框，選擇input的效果該怎么寫

情殺回答

四個角定各位個定位一個透明的方塊，方塊各加兩條邊

    <style>
        .item{
            height: 50px;
            width: 250px;
            background: #ccc;
            position: relative;
        }
        .item-horn{
            position: absolute;
            width: 20px;
            height: 20px;
        }
        .item-left-top{
            top: 0;
            left: 0;
            border-top: 2px solid red;
            border-left: 2px solid red;
        }
        .item-right-top{
            top: 0;
            right: 0;
            border-top: 2px solid red;
            border-right: 2px solid red;
        }
        .item-left-bottom{
            bottom: 0;
            left: 0;
            border-bottom: 2px solid red;
            border-left: 2px solid red;
        }
        .item-right-bottom{
            bottom: 0;
            right: 0;
            border-bottom: 2px solid red;
            border-right: 2px solid red;
        }
    </style>
    
    
        
    <div class="item">
        <div class="item-horn item-left-top"></div>
        <div class="item-horn item-right-top"></div>
        <div class="item-horn item-left-bottom"></div>
        <div class="item-horn item-right-bottom"></div>
    </div>

jquery 這段簡化要怎麼寫？

生性回答

提取公共方法

$(".menu_her").click(function(){
    click("menu_her");
});

$(".menu_service").click(function(){
    click("menu_service");
});

function click(evt){
    $("."+evt).slideToggle();
  if($("."+evt).text().indexOf("right")==-1){
    $("."+evt+" .material-icons").text('chevron_right');
  }else{
    $("."+evt+" .material-icons").text('expand_more');
  }
};

這段簡寫的js，改成正常寫法是如何？

司令回答

其實并算不得簡寫吧
其實1樓的寫法更加符合作者的預(yù)期。
a&&b
如果a,b都為真則返回true
但是他的計算規(guī)則是
如果a為真，則會去判斷b是否為真
如果a為false，則直接返回false而不去判斷b是否為真了
這也就是短路

es6怎么寫提升函數(shù)變量聲明的方法

安于心回答

不知是否是我理解的這樣，希望能對你有所幫助！

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
</body>
<script>
    var test = function() {
        foo();

        function foo() {
            console.log(123);
        }
    }
    test();
    let test1 = () => {
        (() => console.log(456))(); //其實這里直接寫 console.log(456) 是一樣的效果
    };
    test1();
</script>
</html>

微信小程序scroll-view錨點

綰青絲回答

用 scroll-into-view 屬性就可以實現(xiàn)了

在bootscript中怎么控制模態(tài)框的顯示與隱藏

孤島回答

首先是bootstrap。第二，你這就一個表單驗證，應(yīng)該不需要用到模態(tài)框吧，不滿足條件直接后面提示，發(fā)送驗證碼按鈕可以disable，到滿足條件時才允許點擊。個人意見。

vue項目 npm install和npm run dev的時候都報錯

朽鹿回答

試試這個能不能解決 https://blog.csdn.net/ink_if/...