前端三大框架:
vue:开发效率相当高了.
angalar:适合做后台管理系统,入手容易,但是越往后会越难受.
react:虚拟 dom(渲染内存中存储的 dom,经过操作后,才会去渲染浏览器的真实 dom).
对浏览器来讲,view 视图就是页面.即是一个 dom 树.
浏览器会把当前 html 文档当做一个 dom 树.
jquery:js 类库.js 操作 dom,进行打包.
jquery 操作 dom.但是功能相对较少.
但是还可以更牛逼,更简单.
bootstrap:CSS 方向的框架.
前后端分离:(ajax)
直白点说:django 的 render 方法再也不会用了
而是返回一个 json 数据.返回值永远都是 json 数据.
前端人员负责 html,css,js.
它发 ajax 请求,要数据.任何数据请求要发 ajax.
后端就写业务逻辑,返回 json 数据.
这样的好处:
职责明确.
VUE 是啥?
vue 是一个自动构建用户界面的 js 框架.
自动生成 js,css,html
vue 是前端框架.
vue 从官方来说是一个构建用户界面的 javascript 框架.
vue 继承了其他俩框架的优点.
为什么用?
轻量,高效.
前端三大框架之一 VUE & react & angelar
关于指令:
什么是指令:
就是带有 V - 前缀的特殊属性,通过属性来操作 dom 元素.
v-text:在元素当中插入文本
v-html:在元素当中不仅可以插入文本,还可以插入标签
v-if:根据表达式的真假值,来动态插入或移除元素.可以单独写,但是基本都是与 else 一起的. 这个和 show 的区别,如果 if 为 false,整个标签都没的了
v-show:这个是 display=none
v-for:
如果是对象 object 的话:
(value,key,index)
如果是数组 array 的话:
(value,index)
v-on:监听元素事件,并执行响应的操作 简写 @
v-model:进行数据和视图的双向数据绑定
视图 (dom) --> 数据 (model) # 视图就认为是一个标签元素.
数据 (model)--> 视图(dom) #
数据驱动视图:
不需要找到标签,我只需要关心我的数据就行
找到响应的变量,修改了变量里面的值就会发生改变.
视图驱动数据:
找个某个标签并赋值,然后数据也会发生改变.
分为三个任务:
把数据和 DOM(元素) 的值绑定.
当输入内容时,数据同步发生变化. --> 实现视图到数据的驱动
当改变数据时,输入内容也会发生变化. --> 实现数据到视图的驱动
v-bind:对标签属性进行操作的,简写 :
可以绑定多种属性
如果你的 href 是一个动态的,就可以用 v-bind 来绑定一下.
如果是一个静态的 url,则么必要
v-show 和 v-if 的区别:
v-show:如果为 false,在前端会有属性为 display:none.
v-if:如果为 false,整个标签就没了.
自定义指令:
友情链接: Vue_自定义指令
补充知识点:
只声明未赋值: Undefind
变量提升:先使用,后定义
对于浏览器来说.会把 html 当成一个 dom 树.
document-->html-->head/body
shift: 把数组的第一个元素删除,并且返回第一个元素的值.如果数组为空,则该方法不执行任何操作,返回 undeifined
push:在最前面添加一个
pop:从后面删一个
splice:指哪删哪
来源: http://www.bubuko.com/infodetail-2475239.html