- 博客(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
152
原创 vue（10）----生命周期
生命周期的概念 当前组件在创建到销毁经历的一系列过程，称之为生命周期。 生命周期的阶段 生命周期分为3个阶段，这三个阶段分别是： 初始化阶段 ，运行中阶段，销毁阶段。 初始化阶段：有4个钩子函数 beforeCreate：在实例创建之前执行，数据未加载状态。 created：在实例创建、数据加载后，能初始化数据，DOM 渲染之前执行。 beforeMount：虚拟DOM已创建完成，在数...
2019-05-28 22:58:09
188
原创 vue（9）----组件（2）slot插槽 动画过渡 动态组件
slot插槽 作用： 可以让我们在组件中书写内容 单个slot <body> <div id="app"> <Hello> <header> 头部 </header> <section> 内容 </section> <footer> 底部 </fo...
2019-05-28 20:56:44
435
原创 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
133
原创 vue（5）-----computd vs watch vs methods
computed computed 计算属性 案例： 为什么vue中要使用计算属性？让一个字符反向 分析： <p> {{ msg.split('').reverse().join('') }} </p> 上面代码的写法，有些违背关注点分离，而且会让我们的DOM结构看起来不简洁。 从上面的案例得出两个结论： 我们的使用结果是要想data选项中定义的数据一样直...
2019-05-25 16:35:48
88
原创 react生命周期
react生命周期 React中组件有生命周期，也就是说也有很多钩子函数供我们使用, 组件的生命周期，我们会分为四个阶段，初始化、运行中、销毁、错误处理(16.3之后) 生命周期钩子函数一定不要写成箭头函数 1. 初始化阶段 constructor static getDerivedStateFromProps() ---- 将来会使用, componentWillMount...
2019-06-17 22:10:17
104
原创 vue（12）----cli
cli cli是什么？ cli是vue提供的一个快速（自动化） 构建项目的一个脚手架 ，类似于我们之前所学的 express-generator cli的版本 目前最新 3.x 老版本是 2.x cli的底层的自动化工具是： webpack cli的安装 npm/cnpm/yarn 都可以使用 $ yarn add @vue/cli global 这个是cli3的版本...
2019-05-30 22:37:00
129
原创 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
147
原创 vue（4）-----数据请求
数据请求在前端开发中的使用有两种形式 使用原生javascript提供的数据请求 ajax( 四部曲，一般需要我们结合Promise去封装，使用不是很便利，但是效率很高 ) fetch( 本身结合了Promise,并且已经做好了封装，可以直接使用 ) 使用别人封装好的第三方库。 目前最流行的，使用率最高的是 axios。 vue中我们最常使用的 vue 1.x 的版本提供了一个...
2019-05-28 20:08:12
179
原创 vue（2）-----指令（1）
指令 vue分为指令和组件。 指令的作用：是用来操作DOM的，指令就是绑定在DOM身上的一个属性，这个属性具备一定的功能。这个功能用来操作DNM。可以直接使用指令来操作DOM。 这个指令需要模板语法的支持，采用jsx语法糖。 模板语法 mustache语法 双大括号语法 模板语法的支持程度还是很高的，数据类型都支持，但是不支持（console.log alert)。 <!DOCTYP...
2019-05-23 21:47:09
135
原创 Vue（1）-------初识vue
vue的框架 既然Vue是一个框架， 那么它使用了什么架构模式？ 目前我们市面上基本上是以 MVC 这个架构思维 为主 Vue使用 MVC 的衍生的模式，这个模式叫做 MVVM。 MVC Backbone.js MVP MVVM 名词解释： M Model 表示数据 V View 表示视图 P/C/VM Presenter/Cont...
2019-05-22 20:28:52
94
原创 Node.js（6）---------mongoose
mongoose mongodb这个数据的操作肯定不止一种形式，mongoose只是其中一种 mongoose操作流程 安装mongoose $ cnpm i mongoose -D 连接数据库 var mongoose = require( 'mongoose ) //mongoose.connect(连接地址/数据库名称) mongoose.connect( 'mongodb:...
2019-05-21 16:59:29
90
原创 Node.js（5）---------mongoDB
koa(扩展知识， 建议学习) koa是express超集（进阶版） 前后端分离和耦合概念介绍 面向过程 -》 面向对象 --》 面向服务 数据库 Node.js mongodb(bson json的超集) 分类： 关系型数据库： MySql 非关系型数据库: MongoDB MongoDB安装 环境变量设置 系统服务添加有问题 安装 系统不太支持高版本、 降版本 3.2 3.4 ...
2019-05-21 15:46:38
66
原创 Node.js（4）----------------socket（通信）
1. net的socket client.js const 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
102
原创 Node.js（3）---------express
前端渲染 VS 后端渲染 前端渲染是通过ajax请求数据，然后通过js语法将数据展示到页面中，称之为前端渲染 后端渲染是通过后端语言 + 后端模板( ejs ) 将 页面整个发送给前端 后端模板 ejs pug( jade ) art-template 现在流行的： 前端渲染 之前叫做：前后端耦合 问题： 当前后端同时进行项目开发是， 后端数据接口没有写好，但是前端却需要这个接口，...
2019-05-16 20:20:55
123
原创 前端总结知识点（1）------异步解决方式
（1）解决的传统方式 回调函数 （2）流行的方式 1.promise（重要） 概念：promise是解决异步编程的一种方式。 状态：promise有三种状态，状态一旦改变就不能更改。 resolve 成功时 reject 失败时 pending 正在进行时 静态方法 then() 当成功时执行then()方法 catch() 捕捉执行过程中抛出的错误 方法 pro...
2019-05-16 17:22:37
109
原创 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
104
原创 Node.js（1）-------概念
什么是Node.js? Node.js是一门后端语言 基于Chrome v8引擎的js运行环境 除此之外：还有其他的引擎： 单片机、actionscript Node.js有两大特征 事件驱动 事件的定义（发布） 事件的触发（订阅） 非阻塞式 I/O 模型 非阻塞 ： 执行一个任务时，不需要等待这个任务执行完成，就可以去执行其他任务. 阻塞I/O(blocking I/O): 在I...
2019-05-13 17:13:23
163
原创 闭包
26.闭包 概念：闭包就是能够读取其他函数内部变量的函数。（函数嵌套函数）。 闭包的好处： 1. 让局部变量始终保存在内存中。（闭包可以使得它诞生环境中一直存在）。 2.避免全局变量和全局函数污染。 闭包的缺点： 1. 常驻内存，增加内存使用量。 2.会造成垃圾回收机制失效，IE下面使用不当会很造成内存泄露。 闭包的应用场景： 1、函数外部获取函数内部的局部变量...
2019-04-22 21:57:03
71
原创 同步与异步
24. 同步与异步 1.同步 同步：在主线程上排队执行任务，只有前一个任务完成，才能执行后一个任务。 //同步 alert(a); alert(123); alert(1); alert(2); 2.异步 异步：不能进入主线程，而是进入任务队列的任务，只有等主线程任务执行完毕，任务队列才会通知主线程，请求执行任务，该任务才会进入主线程执行。 //异步:定时器，ajax,(事件) setTime...
2019-04-22 21:47:22
129
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人