鍍金池/ 問答
背叛者 回答

在網(wǎng)上查找了一番,發(fā)現(xiàn)一個Speak.js的js插件能實現(xiàn)將內容識別成語音并播放出來,鏈接為:http://www.5imoban.net/jiaoch...


由于沒有具體使用過,只能在此給你一些在vue中使用第三方插件的一些建議:
1、將第三方文件放到static目錄下的文件中,例如放在/static/js
2、在main.js中引入(需要此插件支持import語法),import test from "/static/js/xxx.js"
3、注冊到vue原型上:Vue.prototype.$speak = test (這里的$speak可以自己取名)
4、在使用時通過this.$speak就可以拿到注冊到vue原型上的插件了

具體用法類似與我寫過的一篇文章: Vue中配合clipboard.js實現(xiàn)點擊按鈕復制內容到剪切板


希望我的回答對你有所幫助!
使勁操 回答

問題略多,一點點說。

  1. </body>后邊除了</html>,其它什么都不要放。
  2. script標簽請放到</body>之前。
  3. style標簽盡量放到head里。雖然新標準是可以放到body里的,但考慮渲染流程,還是推薦先放到head里吧。
  4. 考慮到你引用的是3.x版本的jQ,.delegate()已經(jīng)是標記作廢的API就別再用了。文檔可以先參考jQuery API 中文文檔。
  5. $().ready(function(){})推薦用$(function(){})代替。
  6. readonly屬性可以使用.prop()操作。
  7. 新建數(shù)組不要用new Array(),直接用字面量即[]就好。
  8. 自定義data-屬性里咋就放了個標簽名?好浪費……jQ里可以用它存東西的,而且也有相應的API可以調?。ㄆ鋵嵲镆灿?,既然講jQ這里就不發(fā)散了),你可以在每組img的父類里存上選的是哪個,然后加個id以便拿到jQ的DOM句柄(其實直接用data-標簽也行但我嫌麻煩。。嘿嘿)~

(說太多好像不放代碼不好……)


HTML:

<div class="panel panel-default">
    <div class="panel-body">
        <div class="row" style="height:100%;background: #EEE;">
            <div id='group1' data-selected='' style="float: left;">
                <div style="width: 300px;float: left;margin-left: 3px">
                    <img class="user-img1" data-name="img1" src="timg.jpeg" style="width:100%">
                </div>
                <div style="width: 300px;float: left;margin-left: 3px">
                    <img class="user-img1" data-name="img2" src="timg.jpeg" style="width:100%">
                </div>
                <div style="width: 300px;float: left;margin-left: 3px">
                    <img class="user-img1" data-name="img3" src="timg.jpeg" style="width:100%">
                </div>
            </div>

            <div id='group2' data-selected='' style="float: left;">
                <div style="width: 300px;float: left;margin-left: 3px">
                    <img class="user-img2" data-name="img1" src="timg.jpeg" style="width:100%">
                </div>
                <div style="width: 300px;float: left;margin-left: 3px">
                    <img class="user-img2" data-name="img2" src="timg.jpeg" style="width:100%">
                </div>
                <div style="width: 300px;float: left;margin-left: 3px">
                    <img class="user-img2" data-name="img3" src="timg.jpeg" style="width:100%">
                </div>
             </div>

        </div>
    </div>
</div>

JS:

function updateText(jQdom) {
    var sel1 = $('#group1').data('selected'),
        sel2 = $('#group2').data('selected');
    jQdom.val(sel1 + ', ' + sel2);
}
$(function(){
    var $selText = $('.questionClass').children('input[type="text"]');
        $selText.prop('readonly', true);
    $(body)
        .on('click', '.user-img1', function () {
            $('.user-img1').removeClass('selected');
            $(this).addClass('selected');
            var name = $(this).data('name');
            $('#group1').data('selected', name);
            updateText($selText);
        })
        .on('click', '.user-img1', function () {
            $('.user-img2').removeClass('selected');
            $(this).addClass('selected');
            var name = $(this).data('name');
            $('#group2').data('selected', name);
            updateText($selText);
        })
    //后邊那段anwser沒看懂就不寫了……
})
尛憇藌 回答

原因

永遠無法執(zhí)行到的代碼就會這樣顯示

示例

const test = () => {
const a = 1;
return 2;
console.log(11);  //這一行也會出現(xiàn)你這種情況,因為他永遠無法執(zhí)行
}
孤酒 回答

圖片描述

我也遇到這個問題了,現(xiàn)在解決了,但是我忘了我怎么操作的,你可以試試把項目設置里面的“不校驗安全域名.....”勾上,看看還會不會報錯?等我想起來再來回答你,?

放開她 回答

你對圖片路徑做了說明處理么?

孤島 回答

你這密碼中好像沒有加多余的參數(shù),只是記住密碼的時候,把登陸信息加密保存在cookie中了;

如果提示登陸失敗的話,應該是

$model = M("Member");
$user = $model ->field('uid,user')-> where(array('user'=>$username,'password'=>$password)) -> find();
if($user) {

}

$user這個值為空,說明沒有查詢到相關信息;
樓主可以斷點調試一下自己的代碼,或者在關鍵的代碼下面,打印輸出進行調試;

筱饞貓 回答

在Linechart.js寫props

    props: {
        Data: {
          type: Array,
          default: []
        },
    }

在example.vue傳數(shù)據(jù)過去

<line-chart 
    :width="370" 
    :height="246"
    :Data="data">
</line-chart>

這樣Linechart.js就能拿到數(shù)組

擱淺 回答
{ "owner" : new RegExp(userName) }
不舍棄 回答

修改package.json文件

安裝eslint-plugin-vue,刪除eslint-plugin-html

修改.eslintrc.js文件

parser: 'babel-eslint',挪到parserOptions里。
plugins里刪除html。
extends里添加'plugin:vue/recommended'。
rules里添加:

    'indent': 'off',
    'vue/script-indent': [
      'error',
      4,
      {
        'baseIndent': 1
      }
    ]

示例

module.exports = {
  root: true,
  parserOptions: {
    parser: 'babel-eslint',
    sourceType: 'module',
  },
  env: {
    browser: true,
  },
  extends: ['airbnb-base', 'plugin:vue/recommended'],
  plugins: [],
  // check if imports actually resolve
  settings: {
    'import/resolver': {
      webpack: {
        config: 'build/webpack.base.conf.js',
      },
    },
  },
  // add your custom rules here
  rules: {
    // don't require .vue extension when importing
    'import/extensions': [
      'error',
      'always',
      {
        js: 'never',
        vue: 'never',
      },
    ],
    // allow optionalDependencies
    'import/no-extraneous-dependencies': [
      'error',
      {
        optionalDependencies: ['test/unit/index.js'],
      },
    ],
    // allow debugger during development
    'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0,
    'indent': 'off',
    'vue/script-indent': [
      'error',
      4,
      {
        'baseIndent': 1
      }
    ]
  },
};
久礙你 回答

分布式一般都有用戶服務的,使用統(tǒng)一的用戶服務。
另外,退一步講,就算沒有單獨的用戶服務,也應當有統(tǒng)一的用戶session管理,一般都使用redis。
再退一步將,在應用服務器集群中,可以對負載均衡進行指定session粘滯,讓指定session永遠都訪問一個后端應用。這樣session就不會丟了。

詆毀你 回答

這個rewrite沒有用處。
因為#及其后面的字符在rewrite前就已經(jīng)被刪掉了。

寫這規(guī)則的不懂HTTP協(xié)議,#只能在前端處理。

尋仙 回答

createXHR不是變量無法賦值
使用嚴格模式就會看到錯誤了

可以參考這個問題https://segmentfault.com/q/10...

clipboard.png

孤毒 回答

不推薦直接把vue實例中data直接作為請求參數(shù),最好用$data原始數(shù)據(jù)或者loadsh深復制一份數(shù)據(jù),否則會有些奇奇怪怪的現(xiàn)象

鐧簞噯 回答

小版本一般影響不大;
看異常是出現(xiàn)了空指針啊,由于你提供的代碼有限,所以無法分析具體原因;
可能是某個對象被初始化了?

獨特范 回答

使用非標準CSS屬性

-webkit-tap-highlight-color: red;

safari/chrome適用

落殤 回答

先說一下思路:
第一步:先利用canvas視頻截圖,生成圖片并創(chuàng)建DOM;
第二步:當被創(chuàng)建的DOM被按下鼠標時,開始創(chuàng)建文字輸入的DOM,并跟隨鼠標拖動改變該DOM大?。?br>第三步:當鼠標松開時使文字DOM獲得焦點;
第四部:輸入完成,再次截圖保存;

關于第四步截圖會有點麻煩,這里有一個庫比較好用
html2canvas

離觴 回答

v1,v2,v3實際上就是tag

git checkout v2
我不懂 回答

這么理解,CommonsChunkPlugin 是為了提取出公共的模塊,那么 minChunks 就是說提取出的公共模塊必須(至少)在哪些 chunks 中。

在 webpack 中 chunk 會組成 bundle(bundle 就是最后輸出的文件)。一般兩者是一一對應的關系,但也不一定,一些插件可以改變,比如這個 CommonsChunkPlugin 。

模塊就是 import、require 的東西,一個 chunk 里一般會有多個模塊。

可以給 minChunks 傳數(shù)字和數(shù)組,這個好理解。而傳函數(shù)的時候 webpack 會用它來檢驗每個模塊。

module.resource 是指正在被處理的文件。

                return (
                    module.resource &&
                    /\.js$/.test(module.resource) &&
                    module.resource.indexOf(path.join(__dirname, '../node_modules')) === 0
                )

就是“有正在處理文件” + “這個文件是 .js 后綴” + “這個文件是在 node_modules 中”

尐懶貓 回答

是不是被autoprefix去掉了,看看webpack的配置