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

二、内容在总结中

 

最新文章

  1. 轻量级通信引擎StriveEngine —— C/S通信demo(附源码)
  2. 自己动手模拟开发一个简单的Web服务器
  3. Python os模块之文件操作
  4. Spring中常用的连接池配置
  5. web工程中URL地址的推荐写法
  6. Vim保存文件命令 &quot;:wq&quot; 与 &quot;:x&quot; 的区别
  7. [面试题] for() while() 条件判断 赋值问题
  8. leetcode@ [236] Lowest Common Ancestor of a Binary Tree(Tree)
  9. linux中配置maven环境
  10. Android日期时间格式国际化
  11. UVA 11292 - The Dragon of Loowater (water)
  12. Android Java 与 C++ 恒调用,路径、文件名、延长的最大长度
  13. 架构师之路——单一职责原则SRP (我单纯,我快乐)
  14. OpenGL学习笔记:第一个OpenGL程序
  15. 好代码是管出来的——.Net Core集成测试与数据驱动测试
  16. js 图片转换base64 base64转换为file对象
  17. 杂谈2.py
  18. 装饰页面decorators.xml
  19. gispro发布vectortile笔记
  20. @log的decorator完美实现(原创)

热门文章

  1. arcgis之gp服务发布
  2. HTTP请求方式及其区别
  3. vue项目在IE浏览器和360兼容模式下页面不显示问题,亲测有效
  4. TensorFlow C++接口编译和使用
  5. [转]TCP的三次握手与四次挥手
  6. 如何处理不能新建word、excel、PPT的情况?
  7. vue-element-admin跟springboot+shiro部署爬坑记
  8. P4016 负载平衡问题(最小费用最大流)
  9. CCPC2019厦门站游记
  10. Linux的正则练习