- 博客(14)
- 收藏
- 关注
RSS订阅原创 cli
什么是cli?cli是vue提供的一个用来快速构建项目环境的一个工具，底层使用的是webpackcli目前有哪些版本？cli2 cli3cli3对电脑的配置有一定要求cli如何使用？cli的安装npm/cnpm/yarn 都可以使用$ yarn add @vue/cli global 这个是cli3的版本如果我们还想使用cli2的脚手架，那么我们可以在安装一个包...
2019-06-27 21:47:31
401
原创 Vue的生命周期
Vue的生命周期Vue的生命周期分为三个阶段，分别为： 初始化，运行中， 销毁，一共8个钩子函数注意： 生命周期钩子函数不允许写成箭头函数初始化：beforeCreate组件创建前触发，目的是为了组件的生命周期 和 组件中的事件做准备数据没有获得，真实dom也没有渲染出来可以进行数据请求，提供了一次数据修改的机会执行一次created组件创建结束数据得到了，真实dom没...
2019-06-27 21:07:27
162
原创 过渡效果和动画
过渡效果和动画** 使用形式**- 在 CSS 过渡和动画中自动应用 class- 可以配合使用第三方 CSS 动画库，如 Animate.css- 在过渡钩子函数中使用 JavaScript 直接操作 DOM- 可以配合使用第三方 JavaScript 动画库，如 Velocity.js1.在 CSS 过渡和动画中自动应用 class <style> ...
2019-06-27 19:01:25
399
原创 vue属性 filter过滤器
vue属性 filter过滤器自定义过滤器定义过滤器有两种方式，第一种是全局过滤器，我们可以直接在vue对象上使用filter方法注册过滤器，这种全局注册的过滤器在任何一个组件内都可以使用。第二种则是组件内部的过滤器，注册组件内部过滤器则只能在当前组件内使用，接下来我们使用这两种方式注册过滤器函数。全局过滤器<body> <div id="app"> ...
2019-06-26 20:07:08
1926
原创 父子组件通信的属性验证
父子组件通信 属性验证案列：价格的增加，拿到数据必须要做验证 防止数据是string型使用props: 验证1.props : [‘msg’] 没有进行验证，知识单纯的接受了一个父组件传递来的数据2.props : {attr: attrType} 进行普通属性验证3.props : {type:typeType,default:value} 这里的default是为了这个属性设置的初始...
2019-06-26 19:24:38
123
原创 vue组件通信
组件通信为什么要进行组件通信组件可以说是一个具有独立功能的整体，但是当我们要将这些组件拼接 在一起时，这些组件相互之间要建立联系，这个联系我们称之为通信组件的通信方式有哪几种？1 . 父子组件通信使用 props 来实现在父组件的模板中将数据用单项数据绑定的形式，绑定在子组件身上在子组件的配置项中可以使用一个props配置项来接收这个数据，接收时，props的取值可...
2019-06-25 22:11:40
163
原创 Vue中的component
Vue中的component指令 – 用来操作dom组件 – 组件是html css js 等的一个聚合体组件化将一个具备完整功能的项目的一部分进行多处使用加快项目的进度可以进行项目的复用要想实现组件化，那么我们使用的这一部分就必须是完整的，我们把这个完整的整体就称之为组件插件： index.html img css js如果能将 html css j...
2019-06-24 19:35:25
1778
原创 前端通信和案例
前端通信基于后端的通信（ 后端完成 ）（ pc端用 ）Node.js中有一个net模块使用终端（ shell ）作为客户端思维流程/*主服务器：1.创建服务器2.连接客户端3.获取客户端发来的信息4.将客户端发来的信息展示到自己的终端上（广播）*/// 引入net模块const net = require('net');// 1.创建服务器cons...
2019-06-23 21:18:40
221
原创 mustache语法糖
mustachejsx: javascript + xml可以让我们在dom结构中输写javascript{{ msg }}是 this.msg 简写this.$data.msg -> this.msg -> msgmustache语法糖对数据类型的支持（ js语法的支持 ）数据类型：第一种划分：– 基础数据类型： number string boolean– ...
2019-06-23 21:12:48
674
原创 vue计算属性
Vue 计算属性将一个 字符串 反向 ？str ->arr- arr反向 ->str普通写法：在vue中写一个方法在模板里调用，如下<div id="app"><p>{{msg}}</p><p>{{msgReverse()}}</p></div>new Vue({el: '#app',dat...
2019-06-23 21:10:42
451
原创 前端模块化
前端模块化问题： 为什么前端要使用模块化？模块化： 是具有特定功能的一个对象（ 广义理解 ） 模块定义的流程： 1.定义模块（对象） 2.导出模块 3.引用模块 好处： 1.可以存储多个独立的功能块 2.复用性高 种类 1. AMD（ require.js） ...
2019-06-23 21:03:43
143
原创 ejs模板语法
ejs模板语法<% ‘脚本’ 标签，用于流程控制，无输出。<%= 输出数据到模板（输出是转义 HTML 标签） （ 不会编译html标签）<%- 输出非转义的数据到模板( 会编译html标签 )什么是流程控制？条件判断if循环控制forforEach …whiledo…while后端渲染后端通过一个模板（ 兼容html ） + 后端模板语法 ----》 ...
2019-06-23 20:53:48
1148
原创 框架级的数据请求
框架级的数据请求 1 axios （第三方库 ） axios和fetch 没有 jsonp数据请求类型 axios 和 fetch 都是promise axios 会对我们请求来的结果进行再次封装 2 fetch （javascript 原生提供）...
2019-06-22 10:20:58
111
原创 前端的异步流程和express
前端的异步流程传统的原生异步回调函数事件使用异步流程工具（ 别人封装好的东西 ）es6 Promise Promise 是异步编程的一种解决方案，比传统的解决方案–回调函数和事件－－更合理和更强大。它由社区最早提出和实现，ES6将其写进了语言标准，统一了语法，原生提供了Promise 所谓Promise ，简单说就是一个容器，里面保存着某个未来才回结束的事件(通...
2019-06-12 19:33:28
217
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人