在網(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)點擊按鈕復制內容到剪切板
希望我的回答對你有所幫助!
問題略多,一點點說。
</body>
后邊除了</html>
,其它什么都不要放。</body>
之前。.delegate()
已經(jīng)是標記作廢的API就別再用了。文檔可以先參考jQuery API 中文文檔。$().ready(function(){})
推薦用$(function(){})
代替。.prop()
操作。new Array()
,直接用字面量即[]
就好。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
}
]
},
};
高度用padding
撐開
分布式一般都有用戶服務的,使用統(tǒng)一的用戶服務。
另外,退一步講,就算沒有單獨的用戶服務,也應當有統(tǒng)一的用戶session管理,一般都使用redis。
再退一步將,在應用服務器集群中,可以對負載均衡進行指定session粘滯,讓指定session永遠都訪問一個后端應用。這樣session就不會丟了。
這個rewrite沒有用處。
因為#及其后面的字符在rewrite前就已經(jīng)被刪掉了。
寫這規(guī)則的不懂HTTP協(xié)議,#只能在前端處理。
不推薦直接把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的配置
北大青鳥APTECH成立于1999年。依托北京大學優(yōu)質雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國家
北大青鳥中博軟件學院創(chuàng)立于2003年,作為華東區(qū)著名互聯(lián)網(wǎng)學院和江蘇省首批服務外包人才培訓基地,中博成功培育了近30000名軟件工程師走向高薪崗位,合作企業(yè)超4
中公教育集團創(chuàng)建于1999年,經(jīng)過二十年潛心發(fā)展,已由一家北大畢業(yè)生自主創(chuàng)業(yè)的信息技術與教育服務機構,發(fā)展為教育服務業(yè)的綜合性企業(yè)集團,成為集合面授教學培訓、網(wǎng)
達內教育集團成立于2002年,是一家由留學海歸創(chuàng)辦的高端職業(yè)教育培訓機構,是中國一站式人才培養(yǎng)平臺、一站式人才輸送平臺。2014年4月3日在美國成功上市,融資1
浪潮集團項目經(jīng)理。精通Java與.NET 技術, 熟練的跨平臺面向對象開發(fā)經(jīng)驗,技術功底深厚。 授課風格 授課風格清新自然、條理清晰、主次分明、重點難點突出、引人入勝。
曾工作于聯(lián)想擔任系統(tǒng)開發(fā)工程師,曾在博彥科技股份有限公司擔任項目經(jīng)理從事移動互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍懿科技有限責任公司從事總經(jīng)理職務負責iOS教學及管理工作。
精通HTML5和CSS3;Javascript及主流js庫,具有快速界面開發(fā)的能力,對瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁制作和網(wǎng)頁游戲開發(fā)。
具有10 年的Java 企業(yè)應用開發(fā)經(jīng)驗。曾經(jīng)歷任德國Software AG 技術顧問,美國Dachieve 系統(tǒng)架構師,美國AngelEngineers Inc. 系統(tǒng)架構師。