legend3---10、vue与lavarel的blade模板加jquery页面开发方式比较

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操作

二、内容在总结中