首先權(quán)限這東西還是后端做才是相對(duì)安全的
那前端做的就是相應(yīng)dom的顯示和隱藏就行了
比如在進(jìn)入頁面的時(shí)候調(diào)用頁面權(quán)限接口 看用戶是否有這個(gè)頁面的權(quán)限 沒有的話就跳轉(zhuǎn)或者顯示無權(quán)限提示
或者也可以在數(shù)據(jù)接口做控制
原理都是一樣 由后端返回401或者對(duì)應(yīng)標(biāo)志給前端

問題1 : console.log(ninja1.feints) 。 ninja1對(duì)象沒有feints屬性，所以打印undefind；
問題2 : fients變量的作用域是Ninja整個(gè)對(duì)象內(nèi)，對(duì)象內(nèi)都可以訪問到，至于函數(shù)返回，只是返回的數(shù)據(jù).

很明顯，你使用的了一些非法的props。
把相應(yīng)的代碼貼出來看看。

因?yàn)槟愀牧?package.json 中的 script，里面的 webpack 的js配置指向被你刪除了。

這里有一個(gè) webpack4 入門例子,你可以查看一下 https://github.com/crlang/eas... 。

this.siblings()？

做離線計(jì)算吧，CPU 100% 是不可接受的。

同錯(cuò),我打算添加個(gè)時(shí)長(zhǎng)試試

增加一個(gè)activeIndex

<li v-for="(item,index) in something" :key="index" @click="activeINdex=index">
<div class="show" v-show="activeIndex!=index?true:false">
            <img src="3.png" alt="主要內(nèi)容圖片">
            <p>標(biāo)題3</p>
        </div>
        <div class="hide" v-show="activeIndex==index?true:false">
            <p>主要內(nèi)容3</p>
        </div>

</li>

不用正則，用 DOM API也可以，最近喜歡嘗試奇技淫巧

let str = `aaaaaaaaaaaa
<img name="U+1F608" src="../../static/images/emoji/1f608.png" style="width: 18px;height: 18px;margin: 2px;">
bbbbbbbbbbbbb
<img name="U+1F609" src="../../static/images/emoji/1f609.png" style="width: 18px;height: 18px;margin: 2px;">
cccccccccccccc`
let div = document.createElement('div')
div.innerHTML = str
Array.from(div.children).forEach(img => {
  div.replaceChild(document.createTextNode(img.name), img)
})
console.log(div.innerHTML.replace(/\s/g, ''))

你的頭信息設(shè)置錯(cuò)了應(yīng)該是：
res.writeHead(200,{'Content-Type':'text/html;charset=utf-8'});

中間是分號(hào)：; 不是逗號(hào)

還有一個(gè)input事件你試試看

可以只用typescript進(jìn)行驗(yàn)證，也可以只用prop-types進(jìn)行驗(yàn)證，也可以兩者混搭進(jìn)行驗(yàn)證，這個(gè)并沒用嚴(yán)格限制。
首先不管用typescript，還是prop-types，都只在開發(fā)模式下進(jìn)行檢查，typescript無需多言，react我們參考官網(wǎng)：

只是用typescript驗(yàn)證提示是ts語言帶來的功能，用prop-types驗(yàn)證提示是react帶來的功能。至于寫法我們可以參考官網(wǎng)（官網(wǎng)真是好東西）：

typescript參考鏈接

react參考鏈接

如果想看中文的，請(qǐng)自行百度（感冒，睡不著，也不想工作）。

最后我們拿當(dāng)下最火的ui框架ant-design，咱們看看阿里的源碼怎么寫的？

Affix組件（兩者都有用）：

Alert組件（只用了一種）：

除了在webpack配置外還要在tsconfig.json文件里面配置

"compilerOptions": {
    "baseUrl": "./",
    "paths": {
        "@": ["src/components"]
    }
}

你這個(gè)用是的history模式吧？這個(gè)要后端處理下這些路徑

不能。需要備案過的域名

先定義動(dòng)作序列，然后用一個(gè)函數(shù)來執(zhí)行動(dòng)作序列

var actions = [{
    type: 1,
    msg: '你好'
  },
  {
    type: 2,
    msg: '我是老師Tom'
  },
  {
    type: 3,
    msg: '你是誰'
  },
  {
    type: 4,
    msg: '獲取數(shù)據(jù)'
  },
  {
    type: 5,
    msg: '歡迎你',
    value: true,
    conditions: [{
      type: 3,
      msg: '你上幾年級(jí)了'
    }, {
      type: 6,
      msg: '執(zhí)行動(dòng)作'
    }]
  }
]

function doAction(action) {
  if (!action) {
    return
  }
  console.log(action.msg)
  if (action.type === 1) {

  } else if (action.type === 5) {
    if (action.value) {
      doAction(action.conditions[0])
    } else {
      doAction(action.conditions[1])
    }
  }
}

actions.forEach(doAction)

@KingMario @lisfan 目前找到了問題的根源，造成我這種困擾的原因是我在本地磁盤進(jìn)行了編譯，然后提交src和編譯后的文件，導(dǎo)致要提交的內(nèi)容有很多是沒有改動(dòng)的html。其實(shí)不應(yīng)該提交編譯后的文件，應(yīng)該只提交src文件到測(cè)試或者線上，然后在測(cè)試服務(wù)器或者線上服務(wù)器再進(jìn)行編譯，把編譯工作放在服務(wù)器端即可。目前正在研究jenkins+gitlab的持續(xù)集成解決方案。感謝二位的回答！

sequelize 資源并不會(huì)自動(dòng)釋放，sequelize創(chuàng)建ControllerManager管理數(shù)據(jù)庫連接池，它在進(jìn)程退出時(shí)后清理連接池，所以平時(shí)我們并不需要調(diào)用close()。

change 名字換另外一個(gè)名字，試一下

$("#xiaoshi").on("click","div:eq(0)",function(){

//$(this).parents("#xiaoshi").css('display', 'none');
$("#xiaoshi").css('display', 'none');

})
其實(shí)主要是先熟悉一下jq的dom操作，再去了解jq的事件，可能因?yàn)槟闵賹懥耸裁?，或者你哪里寫錯(cuò)了，這兩種都沒啥問題，你可以試試。