legend3---10、vue與lavarel的blade模板加jquery頁面開發方式比較

一、總結

一句話總結：

lavarel的blade模板加jquery：速度快一點：速度快一點，頁面加載數據量少一點、dom操作麻煩很多

vue：操作簡便很多很多：多了vue渲染過程，沒有dom操作

 

 

1、laravel 鏈式組合查詢數據？

- 就是鏈式操作的基本操作，因為返回的都是一直可以進行鏈式操作的對象，所以我們接收返回值即可

- $result = DB::table($table_name);

- $result = $result->whereIn($first_field,$first_datas);

//根據字段組合查詢數據
    public static function combinationSelectDatas($condition_datas,$second_field = '',$second_datas = [],$third_field = '',$third_datas = []){
         $first_field = $condition_datas['first_field'];
         $first_datas = $condition_datas['first_datas'];
         $table_name  = $condition_datas['table_name'];
         $result = DB::table($table_name);
         if(!empty($first_datas)){
             $result = $result->whereIn($first_field,$first_datas);
         }
         if(!empty($second_datas)){
             $result = $result->whereIn($second_field,$second_datas);
         }
         if(!empty($third_datas)){
             $result = $result->whereIn($third_field,$third_datas);
         }
         $result = $result->paginate($condition_datas['total']);
         $time_field  = $condition_datas['time_field'];
         foreach ($result as $datas){
             $datas->$time_field = date('Y-m-d',$datas->$time_field/1000);
         }
         return responseTojson(0,'查詢成功','',$result);
    }

 

 

2、select a.* 其實不是查表很好的決策，應該是需要什么字段，就選什么字段就好了？

因為字段越少效率越高：比如在join連接表時，驅動表是根據 "每行查詢字節數 * 預估的行數 = 預估結果集" 來選的

 

3、php中某變量的值為null，在頁面輸出為什么？

什么都不輸出：比如time_type={{$question_list_box['data_in']['time_type']}};的實際結果是time_type=;

 

4、像做題頁那么多的交互操作，用vue可以節省超級超級多的操作，太適合vue了？

用vue真的能很大很大程度的加快這些交互很多的頁面的開發效率：比如節約一些變量，省操作，因為變量多了維持一致性很麻煩

 

5、php向vue傳遞數據？

videos:JSON.parse('{!! $videos !!}')

可以php中json_encode()之后直接給頁面的window對象，這樣會直接轉成json對象，這樣可以不必使用JSON.parse()函數

 

6、vue中這句話中videos:JSON.parse('{!! $videos !!}')的 JSON.parse()的作用？

將Json字符串轉換為 JavaScript 對象

 

7、在lavarel的blade模板中使用vue？

@{{videos}}：@在blade模板中表示原樣輸出

Blade & JavaScript 框架
由於許多 JavaScript 框架都使用花括號來表示給定的表達式應用在瀏覽器中顯示，你可以使用 @ 符號來告知 Blade 渲染引擎你需要保留這個表達式的原始形態。例如：

<h1>Laravel</h1>

Hello, @{{ name }}.

在這個例子中， @ 符號最終將會被 Blade 引擎刪除；達到不受 Blade 模版引擎影響的目的， 最終 {{ name }} 表達式會保持不變使得 JavaScript 框架可以使用它。

 

 

8、vue怎么控制元素disabled屬性？

:disabled="(i+1)<=1"

 

9、在用戶交互特別多的頁面，vue比jquery操作簡便之處在哪，比如做題頁面？

vue不必dom操作：做題頁面多少交互，用jquery得寫多少dom操作

 

 

 

二、內容在總結中