自定义博客皮肤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 155

原创 组件的生命周期

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

2019-07-31 21:37:34 676

原创 Vue组件

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

2019-07-30 20:13:23 137

原创 Vue-数据请求

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

2019-07-29 16:47:14 220

转载 读懂diff

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

2019-07-29 11:19:45 207

转载 深入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 132

原创 Vue 修饰符及部分方法

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

2019-07-25 19:51:05 238

原创 Vue简单指令

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

2019-07-24 17:03:54 157

原创 mongodb数据库简单操作

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

2019-07-22 17:23:16 211

原创 express创建服务器

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

2019-07-19 17:34:27 936

原创 前端通信

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

2019-07-18 16:45:48 153

原创 前端异步流程工具

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

2019-07-17 17:27:40 148

原创 node.js常见的模块

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

2019-07-16 19:26:24 302

原创 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 157

空空如也

空空如也

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

TA关注的人

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