1.Vue的核心概念:数据驱动(双向数据绑定),组件复用(降低重复开发,简化开发);

2.关于v-model指令:实现MVVM思想的核心指令,双向数据绑定,即数据发生变化,同步视图,视图发生变化,同步数据;

3.MVVM双向数据绑定带来的优越感:

双向数据绑定给人的最大的优越感就是方便。当数据data发生变化时,页面自动发生更新。但是有一个缺点也是因为自动更新而导致的,因为这样你就不知道data什么时候变了,也不知道是谁变了,变化后也不会通知你,当然你可以watch来监听data的变化,但是这变复杂了,还不如单向数据绑定。

所以说按照方神的说法:Vuex推荐单向绑定就是为了[控制欲]!,虽然单向绑定牺牲了一部分便捷性,换来的是更大的[控制力]

除此之外单向数据绑定对于复杂应用来说是实施统一的状态管理,方便跟踪。
4.v-指令是vue独创,react和angular是没有指令概念的,并且指令是可以进行自定义的:directive;

5.计算属性:computed----------------计算属性具有缓存功能  跟watch的核心区别;

6.vue共8个生命周期,较为常用地的是created:(多用于数据和方法的访问);mounted(多用于需要对dom操作的场景);

7.全局组件由Vue.component();局部组件是通过组件中的components 挂载的;

8.组件传参:父=》子:属性绑定;子=》父:事件触发; 相邻兄弟组件:事件中心(总线);重点:适用全部场景的vuex(单向数据流);

9.promise.all()  可同时处理多个promise请求,且当所有的请求都成功才成功,如有一个失败则返回为失败;

10.路由钩子:全局钩子 /  局部钩子  /独享钩子(组件钩子);

11.路由概念:前端路由 反映的是Url地址与组件之间的关系;后端路由:反映的是接口与url地址之间的对应关系;

12.路由动态传参:

‘/index/:id’  ‘/index/10’   在组件上通过this.$route.params.id  即可获取路由传递过来的动态路由参数;

‘/index?id=12’    在组件上通过this.$route.query.id  即可获取路由传递过来的查询参数;

13.  hash模式与history模式区别:

1.写法上,hash模式的url地址是写在/#/后面的;

2.hash可以操作的是hash后面的路径,history操作的是整个路径,而且需要后端配合,否则非常容易出错;

3.histroy提供了新的操作浏览器的api,pushState和replaceState (重点:两个神器的作用就是可以将url替换并且不刷新页面)

14.虚拟DOM:虚拟DOM实际上就是用js代码来模拟页面元素,实现预期的页面效果;

15.v-for和v-if连用的问题:解决方法,使用computed属性对数组进行过滤,挑选出符合要求的数组;

16.js静态成员和实例成员

静态成员:静态成员 在构造函数本身上添加的成员,静态成员只能通过构造函数来访问

实例成员:实例成员就是构造函数内部通过this添加的成员,实例成员只能通过实例化的对象来访问

前端知识及项目中常用的的概念和个人理解整理分享-1(其它前端知识可来我的博客主页查看o,有高见的时候,可以密我哦)相关推荐

  1. 【C#小知识】C#中一些易混淆概念总结(七)---------解析抽象类,抽象方法

    目录: [C#小知识]C#中一些易混淆概念总结--------数据类型存储位置,方法调用,out和ref参数的使用 [C#小知识]C#中一些易混淆概念总结(二)--------构造函数,this关键字 ...

  2. 乐鑫esp8266学习rtos3.0笔记第9篇:整理分享那些我在项目中常用的esp8266 rtos3.0版本的常见驱动,Button按键长短按、PWM平滑调光等。(附带demo)

    本系列博客学习由非官方人员 半颗心脏 潜心所力所写,仅仅做个人技术交流分享,不做任何商业用途.如有不对之处,请留言,本人及时更改. 1. Esp8266之 搭建开发环境,开始一个"hello ...

  3. C#项目中常用到的设计模式

    C#项目中常用到的设计模式 1. 引言 一个项目的通常都是从Demo开始,不断为项目添加新的功能以及重构,也许刚开始的时候代码显得非常凌乱,毫无设计可言.但是随着项目的迭代,往往需要将很多相同功能的代 ...

  4. 前端开发从项目中获得什么_我如何获得副项目的前10个客户以及从他们那里学到的东西...

    前端开发从项目中获得什么 by Tigran Hakobyan 由Tigran Hakobyan 我如何获得副项目的前10个客户以及从他们那里学到的东西 (How I got my first 10 ...

  5. VB的一些项目中常用的通用方法-一般用于验证类

    1.VB的一些项目中常用的通用方法: ' 设置校验键盘输入值,数字 Public Function kyd(key As Integer) As Integer '20060728 Dim mycha ...

  6. Android 项目中常用到的第三方组件

    项目中常用到的第三方组件 1 社会化分享 ShareSDK-Core-2.5.9.jar ShareSDK-QQ-2.5.9.jar ShareSDK-QZone-2.5.9.jar ShareSDK ...

  7. 关于mysql的项目_项目中常用的MySQL 优化

    本文我们来谈谈项目中常用的MySQL优化方法,共19条,具体如下: 一.EXPLAIN 做MySQL优化,我们要善用EXPLAIN查看SQL执行计划. 下面来个简单的示例,标注(1.2.3.4.5)我 ...

  8. 前端人真实项目中遇到的问题总结

    // 以下题目有简单也有难的(具体看你怎么定义). // 如果能做到立马想出答案的,则前端算是学的不错的了. // 如果需要百度才能做出来(直接百度答案的,我就只能说你开心就好),那么也说明一般. / ...

  9. 项目中常用的MySQL优化你知道多少?

    项目中常用的MySQL优化 文章目录 项目中常用的MySQL优化 前言 一.mysql优化是什么? 二.优化步骤 1.EXPLAIN 2.SQL语句中IN包含的值不应太多 3.SELECT语句务必指明 ...

最新文章

  1. 非本地类型不能定义方法 cannot define new methods on non-local type time.Duration
  2. jsp中如何运行java_从上帝视角看Java如何运行
  3. IBM的大数据就是返朴归真
  4. C++ Boost在Windows和Linux下的编译安装
  5. VTK:vtkSelectPolyData选择多数据用法实战
  6. 有效单元测试之可读性
  7. 性能压测工具选型对比
  8. js中string字符串转换为JSON对象 - 方法大全(4种)
  9. 助力开发者的魔法式“绝招儿”,你了解几个?
  10. JS iframe 跨域
  11. Linux安装virgo
  12. paip.php的调试--attilax总结
  13. Apollo-原理以及架构图分析
  14. 谷歌浏览器无法携带cookie
  15. 实例!从EIQ-ABC分析法到自动化方案规划设计
  16. Typora+PicGo+阿里云OSS搭建博客图床(超详细)
  17. 从零开始用人工智能预测股票(二、数据加工)
  18. Mysql原子性,持久性实现原理
  19. Python爬取58同城租房数据,破解字体加密
  20. 【CCTC 2017】来自Mesosphere、美团点评、hyper.sh、凡泰极客、深圳睿云的容器与运维技术实战...

热门文章

  1. 计算机专业的教学内容落后实例,计算机网络技术专业毕业论文范文
  2. 面向对象的PHP开发框架FCS教程[1] 框架基础
  3. 计算机更换主板后是否需要安装驱动程序,更换主板后是否需要重新安装win10系统...
  4. Prometheus 重新加载配置
  5. android 自定义特效,Android自定义View之高仿QQ健康
  6. 移动应用市场爆炸性增长
  7. DC初级摄友必学摄影技巧(转贴) 1
  8. Chapter14 糖酵解 糖异生 戊糖途径
  9. 微信的这些功能超级实用
  10. vue+elementui,输入框输入特殊字符提示