Masonry,代碼+拖拽:主流方式,充分利用可視化效果,節(jié)省做界面時間
storyboard便利在于能更清晰的看到視圖間上下級關(guān)系,對于復(fù)雜頁面尤其方便,缺點是團隊協(xié)作時如果不注意會導(dǎo)致沖突,所以又有了一個storyboard只放少量幾個vc的做法
xib基本都是一個對應(yīng)一個vc/view/cell,沖突減少了,各做各的事,不方便就是tableView里不能直接放置cell,一般采用registerNib方式注冊并添加,處理復(fù)雜的列表時不如storyboard方便
Masonry,但是你需要先熟悉autolayout的方式再上手,不適合一開始接觸的人這里是iOS進階書籍,有幾本挺不錯的,但我一本都沒讀過...
好不容易研究出來了。
對模型代碼改寫
對倉庫代碼改寫
你的高亮字段不可以設(shè)置為_all
In order to perform highlighting, the actual content of the field is required. If the field in question is stored (has store set to true in the mapping) it will be used, otherwise, the actual _source will be loaded and the relevant field will be extracted from it.
The _all field cannot be extracted from _source, so it can only be used for highlighting if it mapped to have store set to true.
意思是說,這個位置高亮查詢不可以對_all進行查詢,只允許對指定字段進行高亮。
unionid 是每個小程序都有,這個是后端根據(jù)你提供的session-key 和openid 去獲取的。這么私密的unionid不會明目大膽的發(fā)出來給你,哪怕openid和appid你知道,你也不能寫死在程序里面面,這是一種非常不安全的方式,你需要你們后端給你通過第三方extconfig注入給你。這是后端的事,問題不在前端----
其實也是會用到的。如果你在b環(huán)境里面調(diào)用A環(huán)境的方法并且訪問A環(huán)境的屬性那么bind(this)還是非常有效果的,如果你的this指代當(dāng)前環(huán)境,那么 () => { this } 就夠用了
<simpleHocWrapped />
const Test=simpleHocWrapped(Simple)
....
render(){
return <Test />
}
react組件首字母大寫 高階組件是為了返回一個組件
不知道是否可以借助 io 操作。
已解決,把npm換成cnpm就OK了,這鬧的,以后類似的問題可以這樣試試
先附一段解決后的完整代碼
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
</head>
<body>
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title"><span class="glyphicon glyphicon-th-list"></span> MVVM</h3>
</div>
<div class="panel-body">
<!-- vm -->
<div id="vm">
<h3>{{ title }}</h3>
<ol>
<li v-for="todo in todos">
<dl>
<dt contenteditable="true" v-on:blur="update(todo, 'name', $event)">{{ todo.name }}</dt>
<dd contenteditable="true" v-on:blur="update(todo, 'description', $event)">{{ todo.description }}</dd>
<dd><a href="#0" v-on:click="remove(t)">Delete</a></dd>
</dl>
</li>
</ol>
</div>
<!-- vm -->
</div>
</div>
</div>
<div class="col-md-6">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title"><span class="glyphicon glyphicon-plus"></span> Add New Todo</h3>
</div>
<div class="panel-body">
<!-- vmAdd -->
<form id="vmAdd" action="#0">
<div class="form-group">
<label>Name:</label>
<input type="text" v-model="name" class="form-control" placeholder="Enter name">
</div>
<div class="form-group">
<label>Description:</label>
<input type="text" v-model="description" class="form-control" placeholder="Enter description">
</div>
<button type="submit" class="btn btn-default" v-on:click.prevent="submit">Add</button>
</form>
<!-- vmAdd -->
</div>
</div>
</div>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.13/dist/vue.js"></script>
<script>
// 集成API
//https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/00147576011615487c65971b3bd4acfa8ee94baaab3dbf7000
var bus = new Vue()
var vm = new Vue({
el: '#vm',
data: {
title: 'TODO List',
todos: [],
},
mounted: function() {
// bus.$on('todo', function(todo) {
// console.log(todo);
// this.todos.push(todo);
// }.bind(this))
},
created: function() {
this.init();
},
methods: {
init: function() {
this.todos = [{
name: "kavan",
description: "foo"
},
{
name: "lili",
description: "bar"
}
]
},
create: function(todo) {
const todo_new = { ...todo }
console.log(todo_new)
this.todos.push(todo_new)
},
update: function(todo, prop, event) {
todo[prop] = event.target.innerText
}
}
});
var vmAdd = new Vue({
el: '#vmAdd',
data: {
name: '',
description: ''
},
methods: {
submit: function() {
console.log(vm)
vm.create(this.$data)
this.name = '';
this.description = '';
}
}
});
</script>
</body>
</html>
先吐槽一下你的代碼,為什么要用兩個 vue 實例……,其實用一個更簡潔一點。
然后是你上面的問題
我的改動是這個地方
create: function(todo) {
const todo_new = { ...todo } // 復(fù)制值
console.log(todo_new)
this.todos.push(todo_new)
},
這里其實是一個 js 基礎(chǔ)問題,關(guān)于對象的引用,其實是引用的對象的一個指針。例如下面
var obj = { name: 'lw' }
var obj_new = obj
// 這里 obj 和 obj_new 他們都保存的是指向同一個對象的一個指針,而不是對象的值
// 例如下面這樣
obj_new.name = 'xm'
// 你會發(fā)現(xiàn) obj.name 的值也會變?yōu)?xm 而不是原來的 lw
然后你的問題就明了了,你傳遞給 vm 的對象,把 vmAdd 對值的跟蹤處理(get,set)也一起傳入。這樣的話,其實你傳入的這個值和 vmAdd 中的 data 指向的對象是同一個。
所以解決方法就是把這個對象深度復(fù)制一下,然后傳入對象的值而不是傳入對象的一個引用。
感覺配置太麻煩了,直接用docker跑個ftp服務(wù),當(dāng)然端口也隨你映射
插入號(caret)+指定版本:比如?1.2.2,表示安裝1.x.x的最新版本(不低于1.2.2),但是不安裝2.x.x,也就是說安裝時不改變大版本號。
1.有個問題,template里為什么不讓加
2.如果template確實不讓加,那就在你組件的mounted里用js加
var oHead = document.getElementsByTagName('HEAD').item(0);
var oScript= document.createElement("script");
oScript.type = "text/javascript";
oScript.src="test.js";
oHead.appendChild( oScript);
看你貼 上來的代碼 .
有一半的機率是你做異步代碼分割的時候有問題..
你可以試著一行一行的注釋來檢查一下..有可能是分割的時候.js引用順序錯了
有些模塊 在index頁需要,
但代碼分割把他分到其他異步模塊去了..
這么配置試試
module: {
rules: [{
test: /\.less$/,
use: [{
loader: "style-loader"
}, {
loader: "css-loader"
}, {
loader: "less-loader"
}]
}]
}
如果不太用配置,可看下自寫的webpack簡易教程,希望對你有所幫助了~,如果覺的有用,別忘了,點個Star哈~
已經(jīng)關(guān)了啊,關(guān)完shell當(dāng)然連不上了提示reconnect failed.
從你發(fā)出來的代碼沒有看,只有ClassBasicModel不知道從哪里來,或許你沒有貼出來定義的代碼。
其他的沒有發(fā)現(xiàn)有什么問題。而且報的warning也無法與這段代碼對應(yīng)上。
需要注意的是:modelExtend中的namespace會把原ClassBasicModel的namespace覆蓋掉,在引用這個model時不要把namespace引錯了就可以了。
北大青鳥APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國家
達內(nèi)教育集團成立于2002年,是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機構(gòu),是中國一站式人才培養(yǎng)平臺、一站式人才輸送平臺。2014年4月3日在美國成功上市,融資1
北大課工場是北京大學(xué)校辦產(chǎn)業(yè)為響應(yīng)國家深化產(chǎ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)辦藍懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負責(zé)iOS教學(xué)及管理工作。
浪潮集團項目經(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)師。