- 博客(20)
- 收藏
- 关注
RSS订阅
原创 vue（11）----自定义组件，指令，事件
自定义组件案例： 封装一个 Loading 组件Loading是用来做什么的？基于用户体验第三方的ui库/组件库自定义封装过程：创建一个目录文件夹，称之为Loading在loading中创建一个叫做component目录，用来放模板在Loading目录下创建一个index.js~ import Vue from 'vue' import tpl from './com...
2019-05-29 21:17:59
182
原创 vue（10）----生命周期
生命周期的概念当前组件在创建到销毁经历的一系列过程，称之为生命周期。生命周期的阶段生命周期分为3个阶段，这三个阶段分别是： 初始化阶段 ，运行中阶段，销毁阶段。初始化阶段：有4个钩子函数beforeCreate：在实例创建之前执行，数据未加载状态。created：在实例创建、数据加载后，能初始化数据，DOM 渲染之前执行。beforeMount：虚拟DOM已创建完成，在数...
2019-05-28 22:58:09
214
原创 vue（9）----组件（2）slot插槽 动画过渡 动态组件
slot插槽作用： 可以让我们在组件中书写内容单个slot<body> <div id="app"> <Hello> <header> 头部 </header> <section> 内容 </section> <footer> 底部 </fo...
2019-05-28 20:56:44
458
原创 vue（8）----组件（1）
组件的概念组件是一个html、css、js、image等外链资源，这些部分组成的一个聚合体。优点：代码重复使用，便于维护。组件化思维：组件化针对的是页面中的整个完整的功能模块划分。Vue中的组件Vue.js通过Vue.extend() 方法来扩展组件的使用。Vue.extend(options)里面的options参数和Vue(options)的options参数几乎是一致的。...
2019-05-27 22:22:00
149
原创 vue（5）-----computd vs watch vs methods
computedcomputed 计算属性案例： 为什么vue中要使用计算属性？让一个字符反向分析：<p> {{ msg.split('').reverse().join('') }} </p> 上面代码的写法，有些违背关注点分离，而且会让我们的DOM结构看起来不简洁。从上面的案例得出两个结论：我们的使用结果是要想data选项中定义的数据一样直...
2019-05-25 16:35:48
119
原创 react生命周期
react生命周期React中组件有生命周期，也就是说也有很多钩子函数供我们使用, 组件的生命周期，我们会分为四个阶段，初始化、运行中、销毁、错误处理(16.3之后)生命周期钩子函数一定不要写成箭头函数1. 初始化阶段constructorstatic getDerivedStateFromProps() ---- 将来会使用,componentWillMount...
2019-06-17 22:10:17
138
原创 vue（12）----cli
clicli是什么？cli是vue提供的一个快速（自动化） 构建项目的一个脚手架 ，类似于我们之前所学的 express-generatorcli的版本目前最新 3.x老版本是 2.xcli的底层的自动化工具是： webpackcli的安装npm/cnpm/yarn 都可以使用$ yarn add @vue/cli global 这个是cli3的版本...
2019-05-30 22:37:00
156
原创 vue（3）-----指令（2）事件
事件格式：v-on:eventType = “事件处理程序名称”简写@eventType = ‘事件处理程序名称’参数如果我的参数中需要事件对象解决： 在方法调用的时候，使用一个叫做 $event的作为实际参数。 <script src="https://cdn.bootcss.com/vue/2.6.10/vue.js"></script><...
2019-05-29 21:23:14
190
原创 vue（4）-----数据请求
数据请求在前端开发中的使用有两种形式使用原生javascript提供的数据请求ajax( 四部曲，一般需要我们结合Promise去封装，使用不是很便利，但是效率很高 )fetch( 本身结合了Promise,并且已经做好了封装，可以直接使用 )使用别人封装好的第三方库。目前最流行的，使用率最高的是 axios。vue中我们最常使用的vue 1.x 的版本提供了一个...
2019-05-28 20:08:12
215
原创 vue（2）-----指令（1）
指令vue分为指令和组件。指令的作用：是用来操作DOM的，指令就是绑定在DOM身上的一个属性，这个属性具备一定的功能。这个功能用来操作DNM。可以直接使用指令来操作DOM。这个指令需要模板语法的支持，采用jsx语法糖。模板语法 mustache语法 双大括号语法模板语法的支持程度还是很高的，数据类型都支持，但是不支持（console.log alert)。<!DOCTYP...
2019-05-23 21:47:09
165
原创 Vue（1）-------初识vue
vue的框架既然Vue是一个框架， 那么它使用了什么架构模式？目前我们市面上基本上是以 MVC 这个架构思维 为主Vue使用 MVC 的衍生的模式，这个模式叫做 MVVM。MVCBackbone.jsMVPMVVM名词解释：M Model 表示数据V View 表示视图P/C/VM Presenter/Cont...
2019-05-22 20:28:52
124
原创 Node.js（6）---------mongoose
mongoosemongodb这个数据的操作肯定不止一种形式，mongoose只是其中一种mongoose操作流程安装mongoose$ cnpm i mongoose -D连接数据库 var mongoose = require( 'mongoose ) //mongoose.connect(连接地址/数据库名称) mongoose.connect( 'mongodb:...
2019-05-21 16:59:29
100
原创 Node.js（5）---------mongoDB
koa(扩展知识， 建议学习)koa是express超集（进阶版）前后端分离和耦合概念介绍面向过程 -》 面向对象 --》 面向服务数据库 Node.js mongodb(bson json的超集)分类：关系型数据库： MySql非关系型数据库: MongoDBMongoDB安装环境变量设置系统服务添加有问题安装系统不太支持高版本、 降版本 3.2 3.4...
2019-05-21 15:46:38
98
原创 Node.js（4）----------------socket（通信）
1. net的socketclient.jsconst net = require('net');const socket = new net.Socket();const readline = require('readline'); // 单行读取const port = 8000;const hostname = '127.0.0.1';const rl = readl...
2019-05-20 20:00:54
140
原创 Node.js（3）---------express
前端渲染 VS 后端渲染前端渲染是通过ajax请求数据，然后通过js语法将数据展示到页面中，称之为前端渲染后端渲染是通过后端语言 + 后端模板( ejs ) 将 页面整个发送给前端后端模板ejspug( jade )art-template现在流行的： 前端渲染之前叫做：前后端耦合问题： 当前后端同时进行项目开发是， 后端数据接口没有写好，但是前端却需要这个接口，...
2019-05-16 20:20:55
154
原创 前端总结知识点（1）------异步解决方式
（1）解决的传统方式回调函数（2）流行的方式1.promise（重要）概念：promise是解决异步编程的一种方式。状态：promise有三种状态，状态一旦改变就不能更改。resolve 成功时reject 失败时pending 正在进行时静态方法then() 当成功时执行then()方法catch() 捕捉执行过程中抛出的错误方法pro...
2019-05-16 17:22:37
141
原创 Node.js（2）----------模块
前端模块化首先介绍一下前端模块化，一共包含一下四种。具体介绍看前端模块化。AMD （ require.js ） 浏览器端模块化CMD ( sea.js ) 浏览器端模块化Common.js ( module.export require ) 服务器端模块化es6 模块化 ( export import )node模块化在NodeJS中，一般将代码...
2019-05-14 19:24:24
117
原创 Node.js（1）-------概念
什么是Node.js?Node.js是一门后端语言基于Chrome v8引擎的js运行环境除此之外：还有其他的引擎： 单片机、actionscriptNode.js有两大特征事件驱动事件的定义（发布）事件的触发（订阅）非阻塞式 I/O 模型非阻塞 ： 执行一个任务时，不需要等待这个任务执行完成，就可以去执行其他任务.阻塞I/O(blocking I/O): 在I...
2019-05-13 17:13:23
189
原创 闭包
26.闭包概念：闭包就是能够读取其他函数内部变量的函数。（函数嵌套函数）。闭包的好处： 1. 让局部变量始终保存在内存中。（闭包可以使得它诞生环境中一直存在）。 2.避免全局变量和全局函数污染。闭包的缺点： 1. 常驻内存，增加内存使用量。 2.会造成垃圾回收机制失效，IE下面使用不当会很造成内存泄露。闭包的应用场景：1、函数外部获取函数内部的局部变量...
2019-04-22 21:57:03
97
原创 同步与异步
24. 同步与异步1.同步同步：在主线程上排队执行任务，只有前一个任务完成，才能执行后一个任务。//同步alert(a);alert(123);alert(1); alert(2);2.异步异步：不能进入主线程，而是进入任务队列的任务，只有等主线程任务执行完毕，任务队列才会通知主线程，请求执行任务，该任务才会进入主线程执行。//异步:定时器，ajax,(事件)setTime...
2019-04-22 21:47:22
157
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人