自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 vue 指令

指令的目的是做什么: 操作DOM 解释 : MVVM vm -> v 数据驱动 1. v-html 转义输出,也就是可以解析 xml 数据 2. v-text: 非转义输出,也就是无法解析 xml 类型数据 3. v-bind - 将数据和属性进行单向数据绑定: 将vue中数据赋值给属性值 <img v-bind:s...

2019-08-23 22:03:19 160

原创 vue基础实例分析

<body> <div id="app"> {{ msg }} msg </div> msg</body><script src="../../lib/vue.js"></script><script> /* 当我们第一次通过script标签对引入vue.js时,我们...

2019-08-20 18:32:33 283

转载 .vue文件 -- 单文件组件

包含部分 vue文件包含三个部分 1. template 模板:DOM结构 2. script 组件的配置项 3. style 样式注意:template是必须有的,script和style可以没有单文件组件: 一个组件就是一个文件.vue 文件命名要使用大驼峰 【推荐】 或是 - 的形式举例:Fathermovie-b...

2019-05-30 12:00:32 445

转载 Vue cli2 目录介绍

目录介绍:- package.json 整个项目的依赖配置文件,脚本命令运行的存储文件- build 整个项目的配置性文件,比如webpack配置- config 对整个项目的静态服务器配置- dist 运行 npm build 打包出来的文件- js 项目的js文件- .map 文件 错误资源定制文件- html 整个项目的容器,也是根实例的模板- node_modu...

2019-05-30 11:58:03 367

转载 CLI

cli是什么?cli是vue提供的一个快速(自动化) 构建项目的一个脚手架 ,类似于我们之前所学的 express-generatorcli的版本目前最新 3.x老版本是 2.xcli的底层的自动化工具是: webpackcli的安装npm/cnpm/yarn 都可以使用$ yarn add @vue/cli global 这个是cli3的版本如果我...

2019-05-29 22:56:00 504

转载 Vue组件通信

组件通信 – 单项数据流 >9种父子组件通信props接收子父组件通信自定义事件父组件将一个方法直接通过单向数据绑定的形式传递给子组件,子组件通过props接收,然后直接使用父组件可以将一个对象型的数据传递给子组件,子组件修改了这个数据,父组件也同样会修改这个形式违反了单向数据流,用的少非父子组件通信使用ref链绑定使用事件总线(bus总线)...

2019-05-29 22:53:16 105

转载 Vue自定义事件

自定义事件 事件的发布 事件的订阅自定义事件的使用形式 1. 组件生命周期中发布事件,通过某一个事件处理程序调用 2. 绑定在组件身上 , 通过 v-on 绑定vm.$on(事件的名称,事件的回调) 事件的发布 vm.$on('aa',function(){ alert( 'aa' ) }) // 事件的订阅 // vm...

2019-05-29 22:50:30 107

转载 Vue自定义指令

自定义指令1. 指令是用来操作DOM2. 指令的使用形式: 属性3. 自定义指令方式有两种:- 全局注册指令Vue.directive( 指令的名称, 指令的配置项 )- 局部注册指令directives: {‘指令名称’: 指令的配置项}研究: 指令的配置项提供了5个钩子函数 以及钩子函数中的参数 console.log( 'el...

2019-05-29 22:44:36 133

转载 自定义组件( 插件 )

案例: 封装一个 Loading 组件Loading是用来做什么的?基于用户体验loading使用方式很多第三方的ui库/组件库自定义封装过程:创建一个目录文件夹,称之为Loading在loading中创建一个叫做component目录,用来放模板在Loading目录下创建一个index.js~ import Vue from 'vue' import tpl fro...

2019-05-29 22:40:04 228

原创 api接口暴露

测试接口是否正常,我们可以使用测试工具:postman insomniaBE: BackEnd 后端express中一个路由即一个接口api接口暴露的方式有两种:第一种: 使用模板进行暴露,但是要将数据做字符串转换,然后使用ejs的非转义输出 router.get('/',function( req,res,next ) { res.render('mine', ...

2019-05-21 19:34:05 633

原创 express 中间件 (Middleware)

中间件是一个函数,函数中参数有三个:request 请求response 响应next 请求和响应中间的循环流程中间件有三种类型应用级中间件路由中间件错误处理中间件...

2019-05-21 19:32:26 139

原创 前端渲染和后端渲染

前端渲染是通过ajax请求数据,然后通过js语法将数据展示到页面中,称之为前端渲染后端渲染是通过后端语言 + 后端模板( ejs ) 将 页面整个发送给前端后端模板ejspug( jade )art-template现在流行的: 前端渲染问题: 当前后端同时进行项目开发是, 后端数据接口没有写y好,但是前端却需要这个接口,这个时候怎么办?分析: 需要一段数据解决:...

2019-05-21 19:31:46 1176

原创 前端异步流程工具

传统: 回调函数流行: 1. Promise 2. Generator函数 3. Async函数 4. Node.js nextTick setImmidate 5. 第三方 async.js 库

2019-05-21 19:27:11 128

转载 node.js重点模块和原生路由

node.js重点模块querystring功能:是node.js中处理字符的核心方法parse var str = 'http://www.baidu.com:8080/001?a=1&b=2#hash=20' var obj = qs.parse( str,'?','&' )stringifyescapeunescapehtt...

2019-05-21 19:25:25 195

原创 模块/包 与Common.js

Node.js使用了Common.js规范Node.js中Common.js规范有三种使用类型:内置模块 path url fs process内置模块很多,我们下面以 磁盘处理的模块 为例内置模块我们注重的模块的使用使用步骤:先引入模块,然后用一个变量保存这个模块( 内置模块在requrie(模块名称) )使用这个模块上的api( 方法 ) 【常用】path.j...

2019-05-21 19:20:22 179

转载 用Node.js创建一个静态服务器,然后将一个项目部署在这个服务器中

node.js源码var http = require(‘http’);var port = 9000;var hostname = ‘localhost’;//1.创建磁盘路径处理的模块(绝对路径)var path = require(‘path’);//2.用文件系统读index.html文件的内容,就是操作文件、目录的模块var fs = require(‘fs’);//5....

2019-05-21 19:12:28 129

原创 Node.js基础

什么是Node.js?Node.js是一门后端语言基于Chrome v8引擎的js运行环境除此之外:还有其他的引擎: 单片机、actionscriptNode.js有两大特征事件驱动事件的定义(发布)事件的触发(订阅)非阻塞式 I/O 模型非阻塞 : 执行一个任务时,不需要等待这个任务执行完成,就可以去执行其他任务I/O: 磁盘文件操作 / 数据库数据操作...

2019-05-13 23:04:41 155

空空如也

空空如也

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

TA关注的人

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