- 博客(20)
- 收藏
- 关注
原创 cli 的安装,cli的目录介绍,安装问题解决,.vue文件--单文件组件
clicli是什么?cli是vue提供的一个快速(自动化) 构建项目的一个脚手架 ,类似于我们之前所学的 express-generator用于Vue.js开发的标准工具cli的版本目前最新 3.x老版本是 2.xcli的底层的自动化工具是: webpackcli的安装npm/cnpm/yarn 都可以使用$ yarn add @vue/cli global...
2019-05-29 21:01:03
255
1
原创 Vue的自定义组件、自定义指令、自定义事件、组件通信
1. 自定义组件( 插件 )案例: 封装一个 Loading 组件Loading是用来做什么的?基于用户体验loading使用方式很多第三方的ui库/组件库自定义封装过程:创建一个目录文件夹,称之为Loading在loading中创建一个叫做component目录,用来放模板在Loading目录下创建一个index.js import Vue from 'vue' ...
2019-05-29 20:55:12
566
原创 Vue生命周期
Vue生命周期生命是生命周期呢?当前组件在创建到销毁经历的一系列过程,称之为生命周期生命周期的分为几个阶段?每个阶段有哪些钩子函数生命周期分为3个阶段,这三个阶段分别是: 初始化 、 运行中 、 销毁初始化阶段:有4个钩子函数 , ***** 触发条件是自动的beforeCreate组件即将创建,进行组件事件和生命周期的初始化项目中一般不使用有的开发者也会在这里进行数...
2019-05-28 21:18:00
195
原创 Vue的slot transition 动态组件 过滤器
Vue的slot transition 动态组件 过滤器slot普通插槽<div id="app"><Hello><header> 头部 </header><section> 内容 </section><footer> 底部 </footer></Hello></...
2019-05-28 21:10:41
248
原创 vue组件
todolist案例布局问题前端的UI组件库组件组件化组件化是当今最为流行的一种可复用性增加的方法,随着当今前端开发的复杂度更加,这个组件化变得越来越流行组件的基础组件是一个具备html css img js …等的一个聚合体组件的表现形式就类似一个标签组件至少得有模板,模板用template表示,相当于el,但是不能用el,因为被根实例占用了Vue...
2019-05-27 20:43:30
90
原创 虚拟DOM 和 Diff 算法,key的作用,jsx,render函数
虚拟DOM 和 Diff 算法什么是虚拟DOM?使用javascript模拟了DOM结构的树形结构(对象表示),这个树结构包含整个DOM结构的信息使用虚拟DOM有什么好处?操作数据要大大的减少性能损耗,提高渲染效率越多的真实dom操作,越损耗性能什么是Diff 算法?是linux的基础命令,用来比较两个文本文件的差异,是代码版本管理的基石之一vdom中应用diff算...
2019-05-25 11:55:42
219
原创 computd watch methods和mixin
computd vs watch vs methods项目中:computed计算属性:有逻辑像变量一样使用一定要有return返回值 <div id="app"> <p> {{split_msg}} </p> </div> new Vue({ el:'#app', ...
2019-05-24 20:34:47
114
原创 Vue数据请求 axios vs fetch
Vue数据请求数据请求在前端开发中的使用有两种形式使用原生javascript提供的数据请求ajax( 四部曲,一般需要我们结合Promise去封装,使用不是很便利,但是效率很高 )fetch( 本身结合了Promise,并且已经做好了封装,可以直接使用 )使用格式:使用别人封装好的第三方库目前最流行的,使用率最高的是 axiosvue中我们最常使用的v...
2019-05-24 20:32:49
276
原创 Vue模板语法 mustache语法列表渲染 事件
Vue模板语法 mustache语法 双大括号语法指令Vue 指令作用: 是用来操作DOM的,指令就是绑定在DOM身上的一个属性,这个属性具备一定的功能,这个功能用来操作DOM以后我们不在像以前一样,先获取DOM,在操作了,我们现在可以直接使用指令来操作DOM这个指令需要模板语法的支持,所以我们采用jsx语法糖Vue 组件模板语法模板语法支持性还是很高的,数据类型都是支持...
2019-05-23 17:36:51
240
原创 前端框架的发展历史 和vue简介
1. 前端框架的发展历史前端工程师( 攻城狮 )12. html css + div13. js 加入 jquery14. MVC angular1.0 react16. vue 微信小程序2. Vue.js第一次使用什么是框架?什么是库框架是有一套自己的生态系统的库是没有自己的生态系统的, 它就是一个工具查看vue.js的源代码暂时学习使用的是 全局变量 形式j...
2019-05-23 11:26:02
866
原创 数据库和mongoose
数据库关系型数据库概念:以行和列的形式存储数据,以便于用户理解。这一系列的行和列被称为表,一组表组成了数据库。表与表之间的数据记录有关系。常用的数据库有哪些:Access mySql SqlServer oracle db2等非关系型数据库概念:用于超大规模数据的存储。(例如谷歌或Facebook每天为他们的用户收集万亿比特的数据)。这些类型的数据存储不需要固定的模式,无需...
2019-05-21 16:06:25
166
原创 api接口暴露
测试接口是否正常,我们可以使用测试工具:postman insomniaBE: BackEnd 后端express中一个路由即一个接口,二级路由写在routes文件夹里面对应的.js文件里api接口暴露的方式有两种:第一种: 使用模板进行暴露,但是要将数据做字符串转换,然后使用ejs的非转义输出 router.get('/',function( req,res,next ...
2019-05-17 20:13:28
3416
原创 express 中间件 (Middleware)
express 中间件 (Middleware)中间件是一个函数,函数中参数有三个:request 请求response 响应next 请求和响应中间的循环流程中间件有三种类型应用级中间件路由中间件错误处理中间件前端的请求方式有几种?getpostputdeleteheadall以上的请求方式统称为: restful apirestfu...
2019-05-16 20:43:17
253
原创 前端渲染 vs 后端渲染
前端渲染 vs 后端渲染前端渲染是通过ajax请求数据,然后通过js语法将数据展示到页面中,称之为前端渲染后端渲染是通过后端语言 + 后端模板( ejs ) 将 页面整个发送给前端后端模板ejspug( jade )art-template现在流行的: 前端渲染问题: 当前后端同时进行项目开发是, 后端数据接口没有写好,但是前端却需要这个接口,这个时候怎么办?分...
2019-05-16 20:39:50
387
原创 前端异步流程工具
传统: 回调函数流行:Promise *最流行 const p1 = new Promise ( function ( resolve, reject ) { resolve( '任务一' ) }) .then ( function ( data ) { console.log( data ) }) const...
2019-05-16 17:28:08
110
原创 Node.js原生路由
Node.js原生路由以下是原生路由的做法,通过监听前端发来的url,来作判断,弊端:图片需要重新发送出去var http=require('http');var fs=require('fs');http.createServer((req,res)=>{ //console.log(req.url) switch(req.url){ case '/...
2019-05-15 21:01:16
388
原创 Query String模块和http小爬虫和events模块和fs模块和stream模块
querystring模块功能:是node.js中处理字符的核心方法parse:将string->objectparse( str , arg1 , arg2) str: 你要处理的字符 arg1: 分隔字符 arg2: 将 = 转化为 : , (这句话前提是 & 符号是提前被转化的) var qs=require('querystring'); ...
2019-05-15 20:26:30
315
原创 模块/包 与Common.js
模块/包 与Common.jsNode.js使用了Common.js规范Node.js中Common.js规范有三种使用类型:内置模块 path url fs precess//内置模块很多,我们下面以 磁盘处理的模块 为例//内置模块注重模块的使用,直接用就行了//1.先引入模块,然后用一个变量保存var path=require('path');//内置模块在requ...
2019-05-14 20:20:44
1177
原创 用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.处理url的...
2019-05-14 19:41:06
570
原创 什么是Node.js?
什么是Node.js?Node.js是一门后端语言基于Chrome v8引擎的js运行环境除此之外:还有其他的引擎: 单片机、actionscriptNode.js有两大特征事件驱动事件的定义(发布)事件的触发(订阅)非阻塞式 I/O 模型非阻塞 : 执行一个任务时,不需要等待这个任务执行完成,就可以去执行其他任务I/O: 磁盘文件操作 / 数据库数据操作...
2019-05-13 20:40:45
99
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人