有些瀏覽器會有默認(rèn)最小字號,我在chrome上開發(fā)的時候字體就沒法小于14px
var arr1 = [];
arr1.push(arr[0]);
for(var i=1; i<arr.length; i++){
arr1.map(function(e,index){
if(arr[i].a == e.a){
e.b = e.b + arr[i].b;
}else if(index == arr1.length-1){
arr1.push(arr[i])
}
})
}可以先用一個變量保存處理后的值,全部重新處理完再重新賦值setData。
limit(){
var _this=this;
var temp = []
this.data.personData.forEach(item=>{
if (item>400) {
temp.push(item) //對大于400的項進(jìn)行處理,處理后再setData
}
})
this.setData({personData:temp})
}json_encode?然后查詢一下 []這個字符串的出現(xiàn)次數(shù)?
echarts支持畫這種線,底層是用canvas畫的
dom獲取到這個div元素后遍歷子元素,類似這種:
<!DOCTTPE html>
<html>
<head></head>
<body>
<div id="test">
<input class="child1">
<input class="child2">
<input class="child3">
<input class="child4">
</div>
</body>
</html>
<script src="jquery-1.4.4.min.js"></script>
<script>
var myInputLen = $("#test")[0].children.length;
for(var i = 0;i < myInputLen;i++){
console.log($("#test")[0].children[i])
}
</script>
打印結(jié)果:
'@\components\new_medication_history\drug_arrangement.vue'
試試這個
貌似你這個報錯不是因為組件引用錯誤吧
下面不是說你缺 vue-style-loader ...什么的嗎
你是使用 vue-cli 安裝的嗎,
還有是否安裝了 vue-loader。
{
test: /\.vue$/,
loader: 'vue-loader',
options: {
loaders: {
scss: 'vue-style-loader!css-loader!sass-loader', // <style lang="scss">
sass: 'vue-style-loader!css-loader!sass-loader?indentedSyntax' // <style lang="sass">
}
}
}主要就在于html結(jié)構(gòu)上,
給標(biāo)題加上click事件 @click="show(i)"
給內(nèi)容綁定class事件,在點擊的時候讓對應(yīng)內(nèi)容加上active這個class讓他顯示
差不多是這樣的,看下能理解不
html
<div class="container">
<ul>
<li v-for="(title,i) in list.title">
<p class="title" v-text="title" @click="show(i)"></p>
<div class="content" v-bind:class="{active:index==i}" v-text="list.content[i]"></div>
</li>
</ul>
</div>
css部分
.container{
width: 100%;
}
.container ul{
width: 100%;
}
.container li p.title{
width: 100%;
line-height: 60px;
font-size: 18px;
color: #000;
}
.container li p.active{
color: #f00;
}
.container li .content{
background-color: #f3f3f3;
padding: 10px;
box-sizing:border-box;
font-size: 14px;
line-height: 20px;
display: none;
}
.container li div.active{
display: block;
}
js部分
<script src="https://cdn.bootcss.com/vue/2.2.2/vue.min.js"></script>
<script>
$(document).ready(function(){
var a = {
title:["1注冊是支行信息如何進(jìn)行填寫?","2商戶推薦碼是什么","3合同位置是否可以修改"],
content:["1結(jié)算賬戶的填寫,需要選擇下拉菜單中的開戶行及支行全程,不可收天,否則無法成功提交。","2結(jié)算賬戶的填寫,需要選擇下拉菜單中的開戶行及支行全程,不可收天,否則無法成功提交。","3結(jié)算賬戶的填寫,需要選擇下拉菜單中的開戶行及支行全程,不可收天,否則無法成功提交。"]
};
new Vue({
el:".container",
data:{
list:a,
index:-1
},
methods:{
show:function(j){
this.index = j;
}
}
})
});
</script>clone有一個參數(shù),默認(rèn)是false,不復(fù)制該元素上綁定的事件。你在復(fù)制某個元素時,僅用clone(),添加在此元素上的所有事件是不復(fù)制的。你應(yīng)該用clone(true)。
對于你這個問題,上面幾位說的問題,是不是id沖突,用了attr而不是prop等,你也要查一下,也是有可能的
你可以在node_modules ,里找到iview的css文件, 搜索你用到的字體文件 ,將其路徑改為相對地址前面不要加/ 或者../ , 就文件夾名加文件 , 打包的路徑 改成你網(wǎng)站的跟路徑開始 , 比如 我的網(wǎng)站是 域名/public/dist/html , 就把打包的路徑設(shè)為 /public/dist/ , 因為你是相對路徑 ,打包的時候,會給你修改路徑 ,絕對路徑則不會
computed: mapState()
function mapState() {
return {}
}
...
computed: mapState() // computed 是個函數(shù)嗎?
如果還不明白的話,建議你暫停 Vue 的學(xué)習(xí),先補(bǔ)一補(bǔ) javascript 基礎(chǔ)
希望對你有幫助
native開發(fā)起來各種坑,因為平臺的不同,要磨平這種不同的點,需要付出巨大的精力,有者甚至幾十付出,也未必能實現(xiàn),縱觀各種native方案,ng+tns、vue+tns的方案差平臺異性大,rn會稍微好點,當(dāng)然我推薦weex,最主要原因是其api簡單,坡度少,而且weex能有browser方案,其他是不可比擬的。對于hydrid方案倒是最看好的,別人云亦云說性能問題,其實不至于這么差,而且也不見得rn等封裝的所謂native性能好,其實也就是webkit,blink的輪子,同樣功能上,不見得比hydrid要好。hybrid的優(yōu)勢是跨平臺,這一點是native始終不可能比擬的,幾十native在這方面追上來了,技術(shù)盞也只能是往hybrid和browser靠攏,始終對于前端來說,類似瀏覽器的api才是歸宿
所以總結(jié)起來
1.可以設(shè)置兩個y軸,第一個隱藏。也可以設(shè)置一個y軸,設(shè)置偏移量
2.自己設(shè)置的數(shù)據(jù)線可以用markLine來設(shè)置
3.設(shè)置grid為true
3.設(shè)置splitLine值
xAxis: [
{gridIndex: 0, min: 0, max: 20,splitLine:{
show:true
}},
],
yAxis: [
{gridIndex: 0, min: 0, max: 15,splitLine:{
show:true
}}
],不傳比較嚴(yán)謹(jǐn),這個JS也容易控制的,
let url = ''
const id_data = `id=${id}`
const name_data = name_data = `name=${name}`;
const age_data = age_data = `age=${age}`;
Boolean(name_data) && Boolean(age_data) && url = `biz?${id_data}?${name_data}?${age_data}`;
Boolean(name_data) && Boolean(!age_data) && url = `biz?${id_data}?${name_data}`;
Boolean(!name_data) && Boolean(age_data) && url = `biz?${id_data}?${age_data}`;
img {
image-rendering: -moz-crisp-edges; /* Firefox */
image-rendering: -o-crisp-edges; /* Opera */
image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
}v-validate的觸發(fā)都有個事件,比如“foucs”、“blur”、“change”,
你可以改變觸發(fā)方式或者校驗規(guī)則。
也可以通過轉(zhuǎn)換標(biāo)簽?zāi)J絹硪?guī)避這個問題
react的ref有兩種寫法:
1.
ref='a'
此時的this.refs.a是一個組件實例,也可能是個dom節(jié)點
2.
ref={a => this.a = a}
此時的this.refs.a是undefined, 需要通過this.a來訪問
推薦array-to-tree npm 包
var arrayToTree = require('array-to-tree');
arrayToTree(COMMENT_MOCK_DATA_ORIGIN, {
parentProperty: 'answerId'
})北大青鳥APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國家
達(dá)內(nèi)教育集團(tuán)成立于2002年,是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機(jī)構(gòu),是中國一站式人才培養(yǎng)平臺、一站式人才輸送平臺。2014年4月3日在美國成功上市,融資1
北大課工場是北京大學(xué)校辦產(chǎn)業(yè)為響應(yīng)國家深化產(chǎn)教融合/校企合作的政策,積極推進(jìn)“中國制造2025”,實現(xiàn)中華民族偉大復(fù)興的升級產(chǎn)業(yè)鏈。利用北京大學(xué)優(yōu)質(zhì)教育資源及背
博為峰,中國職業(yè)人才培訓(xùn)領(lǐng)域的先行者
曾工作于聯(lián)想擔(dān)任系統(tǒng)開發(fā)工程師,曾在博彥科技股份有限公司擔(dān)任項目經(jīng)理從事移動互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍(lán)懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負(fù)責(zé)iOS教學(xué)及管理工作。
浪潮集團(tuán)項目經(jīng)理。精通Java與.NET 技術(shù), 熟練的跨平臺面向?qū)ο箝_發(fā)經(jīng)驗,技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點難點突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫,具有快速界面開發(fā)的能力,對瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁制作和網(wǎng)頁游戲開發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開發(fā)經(jīng)驗。曾經(jīng)歷任德國Software AG 技術(shù)顧問,美國Dachieve 系統(tǒng)架構(gòu)師,美國AngelEngineers Inc. 系統(tǒng)架構(gòu)師。