&

分類:

推薦最新等你回答

話寡回答

main.js

export const app = new Vue() .....

axios

import {app} from '....main.js'
...
app.$tips ....
...

codepen這種在線編輯網(wǎng)站，怎么避免xss，被別人拿cookie呢？

撥弦回答

確實，點開可以彈出Alert，但是存在執(zhí)行Js不一定就可以拿到cookie，比如HTTP-only

canvas如何繪制n個相切的蜂窩網(wǎng)格

互擼娃回答

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<canvas></canvas>
<script>
    window.onload = function () {
        const canvas = document.getElementsByTagName('canvas')[0]
        const ctx = canvas.getContext("2d");
        const w = document.documentElement.clientWidth;
        const h = document.documentElement.clientHeight;
        canvas.width = w;
        canvas.height = h;
        let mols = []
        function  init() {
            let mol = new generate_mol(1)
            mols.push(mol);
        }
        function draw(){
            canvas.width = canvas.width;
            for(var i=0;i<mols.length;i++){
                var m = mols[i];
                m.draw();
            }
        }
        function  generate_mol(mol) {
            this.x = w*0.3;
            this.y = h*0.3;
            // this.vx = Math.random()*-2;
            // this.vy = Math.random()*2;
            // this.vr = 0.1;
            this.r = Math.random()*Math.PI;
            this.draw = function() {
                // ctx.save();
                // ctx.translate(this.x + 20, this.y + 80);
                // ctx.rotate(Math.PI * 0.17);
                // ctx.translate(-this.x + 20, -this.y - 80);
                // ctx.beginPath();
                // ctx.moveTo(this.x, this.y + 30);
                // ctx.lineTo(this.x - 26, this.y + 45);
                // ctx.lineTo(this.x - 26, this.y + 75);
                // ctx.lineTo(this.x, this.y + 90);
                // ctx.lineTo(this.x + 26, this.y + 75);
                // ctx.lineTo(this.x + 26, this.y + 45);
                // ctx.lineTo(this.x, this.y + 30);
                // ctx.moveTo(this.x - 20, this.y + 47);
                // ctx.strokeStyle = "rgba(0,0,0,0.2)";
                // ctx.lineWidth = 3;
                // ctx.stroke();
                // ctx.closePath();
                // ctx.restore()
                ctx.fillStyle = "rgba(0,0,0,0.5)";
                ctx.font = "15px Arial";
                ctx.fillText("A", this.x+40 , this.y+80);

                ctx.save();
                ctx.translate(this.x + 20, this.y + 30);
                ctx.rotate(Math.PI * 0.17);
                ctx.translate(-this.x + 20, -this.y - 80);
                ctx.beginPath();
                ctx.moveTo(this.x, this.y + 30);
                ctx.lineTo(this.x - 26, this.y + 45);
                ctx.lineTo(this.x - 26, this.y + 75);
                ctx.lineTo(this.x, this.y + 90);
                ctx.lineTo(this.x + 26, this.y + 75);
                ctx.lineTo(this.x + 26, this.y + 45);
                ctx.lineTo(this.x, this.y + 30);
                ctx.moveTo(this.x - 20, this.y + 47);
                ctx.strokeStyle = "rgba(0,0,0,0.2)";
                ctx.lineWidth = 3;
                ctx.stroke();
                ctx.fillStyle = "rgba(0,0,0,0.5)";
                ctx.font = "15px Arial";
                ctx.fillText("B", this.x , this.y+70);
                ctx.closePath();
                ctx.restore()

                ctx.save();
                ctx.translate(this.x + 68, this.y + 56);
                ctx.rotate(Math.PI * 0.17);
                ctx.translate(-this.x + 20, -this.y - 80);
                ctx.beginPath();
                ctx.moveTo(this.x, this.y + 30);
                ctx.lineTo(this.x - 26, this.y + 45);
                ctx.lineTo(this.x - 26, this.y + 75);
                ctx.lineTo(this.x, this.y + 90);
                ctx.lineTo(this.x + 26, this.y + 75);
                ctx.lineTo(this.x + 26, this.y + 45);
                ctx.lineTo(this.x, this.y + 30);
                ctx.moveTo(this.x - 20, this.y + 47);
                ctx.strokeStyle = "rgba(0,0,0,0.2)";
                ctx.lineWidth = 3;
                ctx.stroke();
                ctx.closePath();
                ctx.restore()

                ctx.save();
                ctx.translate(this.x + 66, this.y + 110);
                ctx.rotate(Math.PI * 0.17);
                ctx.translate(-this.x + 20, -this.y - 80);
                ctx.beginPath();
                ctx.moveTo(this.x, this.y + 30);
                ctx.lineTo(this.x - 26, this.y + 45);
                ctx.lineTo(this.x - 26, this.y + 75);
                ctx.lineTo(this.x, this.y + 90);
                ctx.lineTo(this.x + 26, this.y + 75);
                ctx.lineTo(this.x + 26, this.y + 45);
                ctx.lineTo(this.x, this.y + 30);
                ctx.moveTo(this.x - 20, this.y + 47);
                ctx.strokeStyle = "rgba(0,0,0,0.2)";
                ctx.lineWidth = 3;
                ctx.stroke();
                ctx.closePath();
                ctx.restore()

                ctx.save();
                ctx.translate(this.x + 20, this.y + 135);
                ctx.rotate(Math.PI * 0.17);
                ctx.translate(-this.x + 20, -this.y - 80);
                ctx.beginPath();
                ctx.moveTo(this.x, this.y + 30);
                ctx.lineTo(this.x - 26, this.y + 45);
                ctx.lineTo(this.x - 26, this.y + 75);
                ctx.lineTo(this.x, this.y + 90);
                ctx.lineTo(this.x + 26, this.y + 75);
                ctx.lineTo(this.x + 26, this.y + 45);
                ctx.lineTo(this.x, this.y + 30);
                ctx.moveTo(this.x - 20, this.y + 47);
                ctx.strokeStyle = "rgba(0,0,0,0.2)";
                ctx.lineWidth = 3;
                ctx.stroke();
                ctx.closePath();
                ctx.restore()
                //
                ctx.save();
                ctx.translate(this.x -27,this.y + 108);
                ctx.rotate(Math.PI * 0.17);
                ctx.translate(-this.x + 20, -this.y - 80);
                ctx.beginPath();
                ctx.moveTo(this.x, this.y + 30);
                ctx.lineTo(this.x - 26, this.y + 45);
                ctx.lineTo(this.x - 26, this.y + 75);
                ctx.lineTo(this.x, this.y + 90);
                ctx.lineTo(this.x + 26, this.y + 75);
                ctx.lineTo(this.x + 26, this.y + 45);
                ctx.lineTo(this.x, this.y + 30);
                ctx.moveTo(this.x - 20, this.y + 47);
                ctx.strokeStyle = "rgba(0,0,0,0.2)";
                ctx.lineWidth = 3;
                ctx.stroke();
                ctx.closePath();
                ctx.restore()

                ctx.save();
                ctx.translate(this.x -26, this.y + 56);
                ctx.rotate(Math.PI * 0.17);
                ctx.translate(-this.x + 20, -this.y - 80);
                ctx.beginPath();
                ctx.moveTo(this.x, this.y + 30);
                ctx.lineTo(this.x - 26, this.y + 45);
                ctx.lineTo(this.x - 26, this.y + 75);
                ctx.lineTo(this.x, this.y + 90);
                ctx.lineTo(this.x + 26, this.y + 75);
                ctx.lineTo(this.x + 26, this.y + 45);
                ctx.lineTo(this.x, this.y + 30);
                ctx.moveTo(this.x - 20, this.y + 47);
                ctx.strokeStyle = "rgba(0,0,0,0.2)";
                ctx.lineWidth = 3;
                ctx.stroke();
                ctx.closePath();
                ctx.restore()
            }
        }
        init()
        draw()
    }
</script>
</body>
</html>

沒畫好畫偏了
應(yīng)該還要加算法來生成指定個數(shù)的
預(yù)覽地址

react 中的 componentDidMount 無法獲取真實dom

笑浮塵回答

先說原因：map方法遍歷數(shù)組導(dǎo)致this.p被不斷的重新賦值，所以最后在componentDidMount中拿到的永遠都是數(shù)組最后一次遍歷創(chuàng)建的dom節(jié)點。
提供解法：

export default class Content extends Component{
  componentDidMount() {
    console.log(this.p0);
    console.log(this.p1);
    console.log(this.p2);
  }

  render() {
    const arr = [{content:'內(nèi)容一'},{content:'內(nèi)容二'},{content:'內(nèi)容三'}];
    
    const domP = arr.map((item,i) => {
      return <p ref={(dom) => this['p' + i] = dom} key={i}>{item.content}</p>
    });
    retuen (
      <div>
        {domP}
      </div>
    );
  }
}

vue v-for怎么讓屬性值也是動態(tài)添加的呢？

久舊酒回答

你是要再循環(huán)渲染el-switch么? 如果是,確保up.value是對象或者是數(shù)組再次v-for就好。參考一下

<ul class="HRcertifyUl_out" v-for="(item,index) in certifyList" :key="index">
      <li class="HRcertifyLi_out" v-for="(itemL2,indexL2) in item.innerList2" :class="{active:itemL2.active}" :key="indexL2">
        <div class="HRoutTopArea" @click="listOutClick(item,itemL2)">
          <div class="HRoutBorderDiv">
            <div class="HRoutIcon">
              <Icon :type="itemL2.leftIcon" size="48"></Icon>
            </div>
            <div class="HRoutText">
              <p class="cnText">{{itemL2.tittle}}</p>
            </div>
            <div class="HRoutArrowIcon">
              <Icon :type="itemL2.active?itemL2.rightIconActive:itemL2.rightIcon"></Icon>
            </div>
          </div>
        </div>
        <div class="HRoutBottomArea">
          <ul class="HRcertifyUl_in">
            <li 
              class="HRcertifyLi_in" 
              :class="{active:itemL3.active}" 
              v-for="(itemL3,indexL3) in itemL2.list3" 
              :key="indexL3" 
              v-touch-ripple 
              @click="listInClick(itemL3,indexL3);">
              {{itemL3.name}}
            </li>
          </ul>
        </div>
      </li>
    </ul>

angularjs路由點擊導(dǎo)航時怎么讓導(dǎo)航處于選中高亮狀態(tài)？先謝謝各位了

有點壞回答

(1)你在切換導(dǎo)航的時候給個類型區(qū)別，你可以在url添加一個錨點，例如http://localhost:8086/topic/index?nav=XXX.（XXX就是點擊nav名字）
(2)

<ul>
    <li data-type=“wangye”>網(wǎng)頁</li>
    <li data-type=“xinwen”>新聞</li>
    <li data-type=“tieba”>貼吧</li>
</ul>

(3)用jquery或者js或者angularjs里自帶的路由獲取url里的XXX,讓li里的data-type值與XXX相等的添加高亮狀態(tài)。當然你也可以不用data-type，用id也可以。例如：

<ul>
    <li id=“wangye”>網(wǎng)頁</li>
    <li id=“xinwen”>新聞</li>
    <li id=“tieba”>貼吧</li>
</ul>

$(XXX).addClass(高亮class)；把XXX當id即可；
(4)好處:頁面刷新，選中的高亮狀態(tài)也不會消失，到達預(yù)期效果。壞處：代碼不夠優(yōu)美，有待優(yōu)化與改善

剛學(xué)html和css想問下各位，為什么文字居中了圖片不居中？

胭脂淚回答

text-align: center的意思是使該元素內(nèi)部的行內(nèi)元素居中。
而img一種特殊的行內(nèi)元素，我們暫且將其視為行內(nèi)元素。這樣，設(shè)置div為center即設(shè)置了圖片在容器中居中。
就像文字在h標簽中居中一樣。

如何用js實現(xiàn)客戶端的批量ping的功能

糖果果回答

可以嘗試用下面這個，也可以自己找一個
https://www.npmjs.com/package...

關(guān)于Eval的執(zhí)行上下文，出入上下文堆棧 ECStack 的疑問

慢半拍回答

不是你的問題，是翻譯的問題，你可以看那個博客的原文，原文push的是一個對象，這個對象有兩個屬性，一個context，一個callingContext，所以pop一次就夠了：

pyspider調(diào)試無錯，但自動運行沒有結(jié)果

卟乖回答

pyspider 會自動去重，抓過的連接不會重新抓取，引用大神的：https://segmentfault.com/q/10...
pyspider說明手冊
http://docs.pyspider.org/en/l...

我改成這樣就好了：

class Handler(BaseHandler):

crawl_config = {
    'itag': 'v223'
}

js 或者 jq怎么判斷所有圖片加載完成？

清夢回答

你需要 https://www.npmjs.com/package...

webuploader如果上傳多張圖片時沒有全部傳完就刷新了頁面，那怎么才能刪除已經(jīng)上傳了的圖片呢

殘淚回答

只能后臺自己刪除

[已解決]webstorm中如何設(shè)置自定義html標簽

嫑吢丕回答

解決

不用添加自定義標簽
只需要設(shè)置不認識的標簽不進行提示即可
- file -> settings -> editor -> inspections -> html -> unkown html tag, unkown html tag attribute

求一個VUE.JS里使用 scocket.io的例子。

硬扛回答

在你的頁面body后面插入

<script src="https://cdn.socket.io/socket.io-1.0.0.js"></script>

之后就是正常的socketio使用了，

var socket = io('http://localhost');
    socket.on('connect', function(){
    socket.on('event', function(data){});
    socket.on('disconnect', function(){});

vue-router的導(dǎo)航守衛(wèi)如何判斷cookies或者vuex的值

抱緊我回答

我是存在localstorage里，然后進入最外層的路由時判斷：

let routes = [{
    path: '/login',
    component: Login,
    name: 'login'
},{
    path: '/admin',
    component: Admin,
    beforeEnter: (to, from, next) => {
        if(!localStorage.ACCOUNT || localStorage.ACCOUNT == ''){
            next({
                name: 'login'
            })
        }else{
            next()
        }
    }
}]

react+antd,試過很多種方案都不行，求給一個分頁之后返回原頁，依舊能夠記住checkBox狀態(tài)的解決方案

苦妄回答

上redux，把checkbox的狀態(tài)保存在redux中

為什么要用URLSearchParams格式化參數(shù)，一個一個append進去不是很麻煩嗎？

懷中人回答