自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(14)
  • 收藏
  • 关注

原创 vue的一些基础知识

-1.vue自定义指令定义方式:全局定义 Vue.directive( 指令的名称,指令的选项 )局部定义 组件内选项: directives①.全局定义②:局部定义2.混入 mixin①. 什么叫做混入?将组件的选项中的一部分分离出去,单独管理②. 方式有两种:局部混入 mixins 【 推荐 】全局混入 Vue.mixin 【 不推荐 】局部混入:...

2019-08-01 19:51:46 123

原创 组件的生命周期

组件的生命周期(组件的钩子)组件,组件的特定阶段完成特定的任务 【 特定时间点,完成特点任务 】组件的生命周期分为三个阶段: 初始化、运行中、销毁 8个钩子函数- 生命周期钩子不允许写成箭头函数,因为箭头函数会改变this指向初始化:- beforeCreate () {}- 组件即将创建- 任务: 初始化事件,并且为整个生命周期的开始做准备结果:- 数据获取失败,真实do...

2019-07-31 21:37:34 643

原创 Vue组件

1.- 什么是组件?- 组件是一个html css js img 等的一个聚合体- 在Vue中使用了一个叫做单文件组件的技术来实现组件- 它是一个 xxx.vue 文件- 这个文件在浏览器不能运行,必须经过编译【 gulp webpack 】才能运行Vue里面如何实现组件扩展: Vue.extend()什么是组件化为了避免多人开发造成的冲突为了加快开发效率为...

2019-07-30 20:13:23 117

原创 Vue-数据请求

数据请求: axios fetch数据请求的方式原生ajax fetch封装jQueryvue 1.x vue-resource 弃用axios 现如今最好的封装的请求库【 框架项目 】axios:引入axios1.获取静态数据2.获取动态数据①get请求:2种形式①post请求fetch请求数据:fetch是原生java...

2019-07-29 16:47:14 185

转载 读懂diff

作者: 阮一峰日期: 2012年8月29日diff是Unix系统的一个很重要的工具程序。它用来比较两个文本文件的差异,是代码版本管理的基石之一。你在命令行下,输入:$ diff <变动前的文件> <变动后的文件>diff就会告诉你,这两个文件有何差异。它的显示结果不太好懂,下面我就来说明,如何读懂diff。![在这里插入图片描述](https://img-...

2019-07-29 11:19:45 189

转载 深入Vue2.x的虚拟DOM diff原理

作者简介:汪玉林,高级工程师,增值产品部前端Leader,目前团队负责手Q游戏中心、手Q游戏运营、手Q阅读等项目,有丰富的Web前端架构经验。一、前言Vue的核心是双向绑定和虚拟DOM(下文我们简称为vdom),关于双向绑定可以参阅木琴的文章《剖析Vue原理&实现双向绑定MVVM》,vdom是树状结构,其节点为vnode,vnode和浏览器DOM中的Node一一对应,通过vnode的e...

2019-07-29 10:58:02 117

原创 Vue 修饰符及部分方法

1.vue事件修饰符:举例:.stop2.Vue按键修饰符:.enter .tab .delete .esc .space .up .down .left .right .ctrl 。。。。。------举例:.enter3. 模板语法 mustache {{ 双大括号 }}支持度支持数据类型所有的类型都是支持的,但是console.log alert这些输出语法是...

2019-07-25 19:51:05 205

原创 Vue简单指令

Vue.js:是一套用于构建用户界面的渐进式javascript框架。当与现代化的工具链以及各种支持类库结合使用时,Vue 也完全能够为复杂的单页应用提供驱动。Vue版本发布的时间- Vue 1.x 2014- Vue 2.x 2016Vue是MVVM框架【MVVM是MVC的衍生框架】MVCMVC是一个软件架构思维,它将一个软件分为三个部分M Mo...

2019-07-24 17:03:54 142

原创 mongodb数据库简单操作

数据库:数据库:数据库(Database)是按照数据结构来组织、存储和管理数据的仓库1.关系型数据库2.非关系型数据库关系型数据库:MySQL SqlServer oracle db2等。非关系型数据库:MongoDB,Redis,HBase,CouchDB等。MongoDB:是一个基于分布式文件存储的数据库。优点:· 面向集合存储,易存储对象类型的数据。· 模式自由。· 支持...

2019-07-22 17:23:16 189

原创 express创建服务器

express创建服务器&nbsp1.express web服务器=》后端渲染2.express api服务器=》如何暴露接口1.web静态服务器使用 express 搭建静态服务器静态服务器:后端语言 + 后端渲染模板 生成前端的html结构,然后在发送到前端上面这种做法就叫做后端渲染Node + html/ejs/pug —> html结构 --》 前端...

2019-07-19 17:34:27 909

原创 前端通信

前端通信(三种)1.Node中net模块提供的前端通信2.H5提供的webSocket 【常用于移动端】3.pc端低版本浏览器使用socket.io通信:服务端: 总的服务器客户端: 单个用户使用的应用1.Node中net模块的前端通信总服务器(server.js)代码如下:客户端(Client.js)代码:2.H5提供的webSocketwsServer.js页面...

2019-07-18 16:45:48 131

原创 前端异步流程工具

前端异步流程工具一.①为什么要进行异步操作?javascript是单线程,依次执行一个任务,要想让任务能够顺利进行,我们需要排队异步就是将任务放入异步队列,在主线程执行结束之后再去执行。②前端异步的操作方式传统方式回调函数事件前端异步流程工具 【 封装出来函数、库 】es6 Promisees6 Generator函数es6 - es8 async 函数Nod...

2019-07-17 17:27:40 128

原创 node.js常见的模块

Stream 流* 什么是流? Node中为什么要有流这个概念 ? 使用场景?* 流指的是数据流,指的是数据是分片传输。* 数据可以实现非阻塞。* gulp 【 流式操作 】案例: 打包压缩包流程:读取文件创建压缩包将读取的数据流写入压缩包输出压缩包const fs = require ( ‘fs’ ) //引入内...

2019-07-16 19:26:24 278

原创 Node.js模块

node.js模块:自定义模块、内置模块、第三方模块。一.自定义模块创建模块对象、数组、字符串、函数导出模块引入模块(其他页面)并使用举例:// 1. 创建模块const people = {card: 1003,name: ‘张三’,sex: ‘man’,age: 20}// 2. 导出模块① module.exports = people②module...

2019-07-16 16:47:11 138

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除