前端知识点总结——VUE】的更多相关文章

转载自:http://www.bslxx.com/m/view.php?aid=1799 1.框架和库的区别: 框架:framework 有着自己的语法特点.都有对应的各个模块库 library 专注于一点 框架的好处: 1.提到代码的质量,开发速度 2.提高代码的复用率 3.降低模块之间的耦合度 (高内聚低耦合) UI:user interfaceGUI : graphical user interfaceCLI : command line interfaceAPI : applicatio…
1.框架和库的区别: 框架:framework 有着自己的语法特点.都有对应的各个模块库 library 专注于一点 框架的好处: 1.提到代码的质量,开发速度 2.提高代码的复用率 3.降低模块之间的耦合度 (高内聚低耦合) UI:user interfaceGUI : graphical user interfaceCLI : command line interfaceAPI : application interface 思维模式的转换: 从操作DOM的思维模式 切换到 以数据为主 2.…
Vue 双向绑定原理        mvvm 双向绑定,采用数据劫持结合发布者-订阅者模式的方式,通过 Object.defineProperty()来劫持各个属性的 setter.getter,在数据变动时发布消息给订阅者,触发相应的监听回调. 几个要点: 1.实现一个数据监听器 Observer,能够对数据对象的所有属性进行监听,如有变动可拿到最新值并通知订阅者 2.实现一个指令解析器 Compile,对每个元素节点的指令进行扫描和解析,根据指令模板替换数据,以及绑定相应的更新函数 3.实现…
背景 作为常年搞后端的自己来说,除了多年前学习的一点关于HTML的皮毛,对现在的前端技术栈可谓是一窍不通.但是因为最近在做的内部业务全链路监控系统,负责前端的同事做到一半去搞别的项目了,为了把项目落地不得不硬着头皮学一下前端知识. 项目采用了比较流行的Vue.js(以下简称Vue)框架,所以做了一些学习,有一些小的感悟,所以做个记录.对没有搞过前端的后端同学来说可能有点收获. 前后端分离 现在前后端主流的合作方式还是前后分离.我理解的前后端分离,从宏观上讲:前端负责发送请求到后端获取或者推送数据…
前端知识点总结(HTML) 一,头部常用的标签 1,link标签  (1),设置ico图标 <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> <link rel="icon" href="img/gif_favicon.gif" type="image/gif">   (2),外…
前端知识点回顾篇--是我当初刚转行为了面试而将自己学过的前端知识整理成的一份笔记,个人目的性很强,仅供参考. doctype 有什么用 doctype是一种标准通用标记语言的文档类型声明,目的是告诉标准通用标记语言解析器要使用什么样的文档类型定义(DTD)来解析文档. 浏览器本身分为两种模式,一种是标准模式,一种是怪异模式(混杂模式),浏览器通过doctype来区分这两种模式,doctype在html中的作用就是触发浏览器的标准模式,如果html中省略了doctype,浏览器就会进入到Quirk…
1. 说一下Vue的双向绑定数据的原理 vue 实现数据双向绑定主要是:采用数据劫持结合发布者-订阅者模式的方式,通过 Object.defineProperty() 来劫持各个属性的 setter,getter,在数据变动时发布消息给订阅者,触发相应监听回调 2. 解释单向数据流和双向数据绑定 单向数据流: 顾名思义,数据流是单向的.数据流动方向可以跟踪,流动单一,追查问题的时候可以更快捷.缺点就是写起来不太方便.要使UI发生变更就必须创建各种 action 来维护对应的 state 双向数据…
methods里面的方法,需要手动触发才会执行. 如果想让页面一上来就执行的话,就需要写在mounted这个钩子函数中. <body> <div id="app"> <div class="add"> <!-- 第一种:使用的原生的js来获取焦点 --> <!-- 编号:<input type="text" v-model="newId" id="myInp…
vue生命周期 每个Vue实例或组件从创建到显示再到废弃的过程就是vue的生命周期.很多时候我们希望能在这个过程中执行一些操作,于是就有了生命周期钩子. 生命周期钩子函数允许我们在实例不同阶段执行各种操作,便于我们更好地控制和使用实例 一.基本生命周期 首先看一个示例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name…
一.webpack3.x打包工具 三大组成结构.package.json.webpack.config.js.serve.js 1.Package.json:下载目录需要的依赖包 2.Webpack.config.js:是配置webpack的打包文件的配置由下四个部分组成 (1)entry:入口 (2)Ouput:出口 (3)Module:这个里面处理各种文件的loader (4)Plugins:webpack用的的插件 3.serve.js在自己本地起一个服务器 4.处理图片用url-load…