- 博客(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关注的人
RSS订阅