其實(shí)更多的是工作流程，和工作協(xié)同的區(qū)別。

確定xampp啟動成功了？

你好,我最近在寫一個(gè)java的orm框架,剛好也涉及到這方面的問題。我在之前設(shè)計(jì)的時(shí)候，也是考慮的獲取數(shù)據(jù)庫數(shù)據(jù)時(shí)一次性全部獲取出來，但我設(shè)計(jì)的時(shí)候遇到的如下問題:

1. 代碼復(fù)雜

考慮如下對象:

class Province{
  private long id;
  private City[] cities;
}

class City{
  private long id;
  private Country[] country;
}

在映射關(guān)系上,one-one映射和one-many映射比較好處理,但是如果有類似這樣多個(gè)映射關(guān)系 Province-->City-->Country 而且又包含集合的時(shí)候,保存時(shí)在設(shè)計(jì)上是非常復(fù)雜的.我有查看過nutzDAO的文檔,它的實(shí)現(xiàn)方式其實(shí)是將數(shù)組中的對象壓入隊(duì)列中作為單個(gè)對象插入,然而毫無疑問,如果插入大量數(shù)據(jù),這樣的性能肯定很底下.我在設(shè)計(jì)orm框架時(shí)就是覺得對于復(fù)雜的映射關(guān)系,不僅代碼復(fù)雜而且性能很難保證,所以決定棄用這種一次取出來和一次性保存的方式。
所以我最后設(shè)計(jì)的思想如下代碼:

class Province{
  private long id;
}

class City{
  private long id;
  private long provinceId;
}

將外鍵僅僅當(dāng)作普通的成員變量,在查詢時(shí)將外鍵作為條件查詢即可.保存時(shí),先保存Province變量,獲取到id后,再插入City變量,設(shè)置他們的proviceId為獲取到的id即可.簡化設(shè)計(jì)也提高性能.

2. 性能

誠如你的問題所說,實(shí)際上很多時(shí)候我們并不需要提取相關(guān)的所有數(shù)據(jù),在性能和代碼復(fù)雜性做平衡考慮,實(shí)際上查詢數(shù)據(jù)時(shí),單個(gè)表查詢,邏輯最清楚,程序員開發(fā)時(shí)也不容易出錯(cuò),可以根據(jù)自己的需要做定制.特別是對于企業(yè)項(xiàng)目,多個(gè)實(shí)體互相關(guān)聯(lián),如果一次性提取出來,可能數(shù)據(jù)量比較龐大,而程序員獲取只需要其中的一小部分?jǐn)?shù)據(jù),這樣在性能上得不償失.

總結(jié)

總結(jié)一下我的答案就是,為了簡單和性能著想,一次性取出所有數(shù)據(jù)(一次性保存實(shí)體所有相關(guān)實(shí)體數(shù)據(jù))增加代碼復(fù)雜性又增加了性能負(fù)擔(dān)。

另外本人最近參考了市面的一些orm框架,自己編寫了一款還處于快照期(API不穩(wěn)定)的Java開源ORM框架,限于社區(qū)規(guī)范,如果感興趣的可以私信本人交流哦。

另外再多提一嘴,本人最近看了國內(nèi)的幾個(gè)技術(shù)相關(guān)的社區(qū),感覺很多社區(qū)技術(shù)氛圍不是很好,披著程序員交流,技術(shù)交流的皮,但是幾乎都是各種灌水,交流,征婚,文風(fēng)跟貼吧簡直沒有區(qū)別. 更讓我覺得有些氣憤又有一些羞恥的是,有一些中國"開發(fā)者"在github上開源項(xiàng)目的的外國人(我不知道有沒有針對中國開發(fā)者github項(xiàng)目)的issue區(qū)發(fā)一些毫無意義的灌水帖,而且評論有十幾樓,完全中國式的文風(fēng)(例如有人評論"six,six,six","Please sit down, Mr. Chen","double click! six six six"),雖然底下也有幾位中國開發(fā)者為這樣的行為道歉,但看了這樣的行為,同作為國人,還是感覺到氣氛和羞恥的.
關(guān)注到segmentFault是剛好最近看到有一篇主題帖,講的就是因?yàn)橛脩袅吭黾?為了規(guī)范回答,會提出更加嚴(yán)格的提問規(guī)范.我知道對于在用戶量和技術(shù)氛圍上做平衡其實(shí)是一件很難的事情(根據(jù)比例原則,除非中國人的整體素質(zhì)大幅提升),因此非常希望segmentFault的管理團(tuán)隊(duì)能夠盡力維持好整個(gè)社區(qū)的技術(shù)氛圍,我也決定將扎根segmentFault社區(qū),回答一些我力所能及的問題.

可以看下這篇 文章

https://cdn.bootcss.com/flat-...
以上是源碼,找到initSelection
然后再找 select2-chosen- 注意沒有數(shù)字2

selection.find(".select2-chosen").attr("id", "select2-chosen-"+idSuffix);

好了，自己寫綁定事件吧 ...

--- 再次編輯 ---

源碼中的Select2 初始化時(shí)
this.container = this.createContainer();
你可以看到這個(gè)部分以下，就是創(chuàng)建的整個(gè)過程，你會發(fā)現(xiàn)在創(chuàng)建的時(shí)候，對于事件根本就沒有綁定，而且有一個(gè)神奇的事情，就是你手動添加綁定，也是綁定不上去的。具體是否被它的 killEvent 給限制了，還是怎樣，暫時(shí)還沒有找到原因。

PS：不知道你是什么業(yè)務(wù)，一般使用select不給click事件，純屬建議。不信你可以試試，click時(shí)間是會在其他瀏覽器被option觸發(fā)的。好像，額，IE (還是部分IE) 除外~

服務(wù)器輸出響應(yīng)的 Mimetype 頭，比如 Content-type: image/png。

flex布局

flex屬性

1. flex屬性是flex-grow, flex-shrink 和 flex-basis的簡寫，默認(rèn)值為0 1 auto。后兩個(gè)屬性可選。
   建議優(yōu)先使用這個(gè)屬性，而不是單獨(dú)寫三個(gè)分離的屬性，因?yàn)闉g覽器會推算相關(guān)值
2. flex-grow屬性定義項(xiàng)目的放大比例，默認(rèn)為0，即如果存在剩余空間，也不放大。
3. flex-shrink屬性定義了項(xiàng)目的縮小比例，默認(rèn)為1，即如果空間不足，該項(xiàng)目將縮小。
4. flex-basis屬性定義了在分配多余空間之前，項(xiàng)目占據(jù)的主軸空間（main size）。瀏覽器根據(jù)這個(gè)屬性，計(jì)算主軸是否有多余空間。它的默認(rèn)值為auto，即項(xiàng)目的本來大小。

rem 適配？

1.onload 就是圖片加載完成之后，要做的操作。
2.瀏覽器不需要知道圖片有沒有加載完，需要用到圖片的時(shí)候，自然會去加載。至于是從緩存中加載，還是從遠(yuǎn)端下載，這是瀏覽器要做的事情。而圖片預(yù)加載就是在圖片用到之前，先讓瀏覽器下載到緩存中，這樣用到的時(shí)候就不需要下載了。
3.通過js代碼，肯定是不知道圖片緩存在哪里的，因?yàn)檫@個(gè)是瀏覽器內(nèi)部做的事情。一般來說瀏覽器會做非常非常多的事情，包括渲染、下載、緩存等等。js代碼所做的事情是在瀏覽器已經(jīng)實(shí)現(xiàn)的功能基礎(chǔ)上，再做一點(diǎn)網(wǎng)站功能業(yè)務(wù)上的事情。至于這個(gè)功能業(yè)務(wù)用什么語言實(shí)現(xiàn)？其實(shí)瀏覽器并不在乎，flash、js甚至是其他什么script都行，對瀏覽器來說，不過是加一個(gè)執(zhí)行環(huán)境而已。

垂直居中沒問題的，看看你.login的高度，你.login的高度估計(jì)是被子元素?fù)纹鸬模叨炔粔?，所以高度為子元素高度，沒辦法居中的，你要設(shè)置.login的高度才行

細(xì)細(xì)想想，數(shù)據(jù)從哪來，到哪去。 這個(gè)過程，你可以這么理解

1.通過后臺添加數(shù)據(jù)到表中
2.表中的數(shù)據(jù)需要展示到頁面中

那么如何展示到頁面中呢？

首先，你需要一個(gè)html的頁面，頁面渲染的形式包括：

1.數(shù)據(jù)傳遞到頁面，直接進(jìn)行渲染 （mvc一般是這么處理的 通用的處理方式）
2.訪問后端的接口，js進(jìn)行頁面數(shù)據(jù)填充 （現(xiàn)在更好的處理方式，更好的分工）
3.頁面中直接編寫php，混編頁面（不推薦）后期改起來超級惡心，代碼可讀性極差

所以，建議你可以寫個(gè)接口 前端可以訪問接口進(jìn)行數(shù)據(jù)處理，也可以找個(gè)模板引擎進(jìn)行處理，頁面可讀性會更好 

謝邀

https://jsfiddle.net/p4oLk7dz/8/

1.box 都是沒有必要的

2.列向排布的話，你的思路沒問題

html

<div class="container">
  <div class="box1">固定寬度</div>
  <div class="box2">自適應(yīng)寬度</div>
  <div class="box3">自適應(yīng)寬度高度</div>
</div>

scss

.container {
  height: 200px;
  width: 100%;
  display: flex;
  display: -webkit-flex;
  flex-direction: column;
  flex-wrap: wrap;
}
.box1 {
  width: 100px;
  height: 100%;
  background-color: red;
  margin-right: 10px;
}
.box2 {
  width: calc(100% - 110px);
  height: 50px;
  background-color: yellow;
}
.box3 {
  flex: auto;
  margin-top: 10px;
  background-color: blue;
}

可以參考這個(gè) Codepen

不要收縮了，或者收縮的時(shí)候看不了子菜單，一般都是這樣的

你的問題解決嗎？遇見相同問題了

如果格子是定寬的, 給格子設(shè)置一個(gè)寬度,父級
display: flex;
flex-wrap: wrap;
換行不換行寬度都一樣

引了 直接實(shí)例化類，直接使用就行了啊

錯(cuò)誤提示的比較清楚了， 找不到指定的模塊。
請檢查 extension_dir 是否包含dll模塊。
官方下載 PHP7 windows包是具有這些模塊的，路徑相對于php.ini同級別的 ext 目錄下。

使用flex布局，橫向排列，允許換行，高度一致，每一塊占據(jù)33.33%的寬度

text-align: justify; 不過需要hack一下,增加一個(gè)偽元素占滿