- 博客(17)
- 收藏
- 关注
原创 React 生命周期
React 生命周期初始化阶段constructor()作用:初始化属性和定义状态初始化属性:将父组件绑定在子组件身上的属性获取到,然后通过super继承给子组件 的porps属性上定义状态constructor(props){ super(props) this.state={ name:'tinayyy' }}component...
2019-07-12 19:39:34 127
原创 Webpack前端工程化工具的发展、安装使用及文件配置
Webpack一、市面上有哪些类似于Webpack的前端工程化工具gruntgulp ( 4.x )Browserify ( Webpack 前身 )Webpack 【 主流行 】rollup.js https://www.rollupjs.com/guide/zhparcelFIS https://fis.baidu.com/二、前端工程化工具的发展历程grunt...
2019-06-28 17:24:05 155
原创 slot插槽
slot 插槽作用: 可以让我们在组件中书写内容<div id="app"> <Hello> <header> 头部 </header> <section> 内容 </section> <footer> 底部 </footer> </...
2019-06-26 17:35:31 180
原创 cli
5. clicli是什么?cli是vue提供的一个快速(自动化) 构建项目的一个脚手架 ,类似于之前所学的 express-generatorcli的版本目前最新 3.x老版本是 2.xcli的底层的自动化工具是: webpackcli的安装npm/cnpm/yarn 都可以使用$ yarn add @vue/cli global 这个是cli3的版...
2019-06-26 11:37:44 142
原创 组件通信&&属性验证
组件通信 – 单项数据流 >9种1.父子组件通信: 父组件将自己的数据传递给子组件 - 父组件将自己的数据通过属性绑定的形式传递给子组件 `<Son :aa = "money"></Son>` - 子组件在自己的配置项中通过 props 来接收这个属性 ```javascript Vue.component('Son',{...
2019-06-21 17:38:36 122
原创 自定义组件(插件)、自定义指令、自定义事件
1. 自定义组件( 插件 )案例: 封装一个 Loading 组件Loading是用来做什么的?基于用户体验loading使用方式很多第三方的ui库/组件库自定义封装过程:创建一个目录文件夹,称之为Loading在loading中创建一个叫做component目录,用来放模板在Loading目录下创建一个index.js~ import Vue from 'vue' ...
2019-06-21 17:07:17 719
原创 生命周期
生命周期生命是生命周期呢?当前组件在创建到销毁经历的一系列过程,称之为生命周期生命周期的分为几个阶段?每个阶段有哪些钩子函数生命周期分为3个阶段,这三个阶段分别是: 初始化 、 运行中 、 销毁初始化阶段:有4个钩子函数 , 触发条件是自动的beforeCreate1. 组件即将创建,进行组件事件和生命周期的初始化2. 项目中一般不使用3. 有的开发者也会在这里进行数据请求...
2019-06-15 10:21:42 239
原创 transition、动态组件、filter过滤器
slot 插槽作用: 可以让我们在组件中书写内容<div id="app"> <Hello> <header> 头部 </header> <section> 内容 </section> <footer> 底部 </footer> </...
2019-05-29 20:27:15 311
原创 组件
组件Vue.js通过Vue.extend() 方法来扩展 组件的 使用Vue.extend( options ) 里面的options参数和 Vue(options) 的options参数几乎是一致的new Vue出来的 ViewModel( 视图模型 ) 也是一个组件,我们称之为 ‘根实例组件’ ,叫 ‘Root’ 组件Vue中组件的表现形式是类似于标签的,要想像标签一样...
2019-05-28 20:00:02 112
原创 虚拟DOM 和 Diff 算法
虚拟DOM 和 Diff 算法什么是虚拟DOM?vdom可以看作是一个使用javascript模拟了DOM结构的树形结构,这个树结构包含整个DOM结构的信息var vdom1 = { tag: 'DIV', attr: { className: 'box' }, children: [{ ...
2019-05-28 19:55:18 130
原创 数据请求axios vs fetch / computed计算属性&watch侦听属性 / mixin全局、局部混入
数据请求数据请求在前端开发中的使用有两种形式使用原生javascript提供的数据请求ajax( 四部曲,一般需要我们结合Promise去封装,使用不是很便利,但是效率很高 )fetch( 本身结合了Promise,并且已经做好了封装,可以直接使用 )使用格式:使用别人封装好的第三方库目前最流行的,使用率最高的是 axiosvue中我们最常使用的vue ...
2019-05-28 19:53:04 509
原创 Vue语法、指令、事件和表单的双向数据绑定
语法模板语法mustache语法 <p> str: {{ str }} </p> <p> num: {{ num }} </p> <p> bool: {{ bool?'true':'false' }} </p> <p> bool: {{ bool&&'true'||'false' }}...
2019-05-24 22:30:29 348
原创 vue初识及数据驱动/ 双向数据绑定的原理 / 深入响应式的原理
1. 前端框架的发展历史前端工程师( 攻城狮 )12年左右 html css + div13年左右 js 加入 jquery14年左右 MVC angular1.0 react15年 vue研发16年左右 vue 微信小程序2. Vue.js第一次使用什么是框架?什么是库框架是有一套自己的生态系统的库是没有自己的生态系统的, 它就是一个工具查看vue.js的源代...
2019-05-22 20:45:20 559
原创 mongoDB
mongodb关系型数据库 概念 , 常用的数据库有哪些?非关系型数据库 概念,常用数据库mongodb 和 sql区别sql 是 数据库 表 行NoSql 是 数据库 集合 文档bson是mongodb的数据存储格式bson是json的超集数据库功能是用来存储数据的。数据库分为关系系数据库和非关系型数据库(nosql)关系型数据...
2019-05-21 17:00:25 101
原创 express
express 中间件 (Middleware)中间件是一个函数,函数中参数有三个:request 请求response 响应next 请求和响应中间的循环流程中间件有三种类型应用级中间件路由中间件错误处理中间件前端的请求方式有几种?getpostputdeleteheadall以上的请求方式统称为: restful ap...
2019-05-21 16:43:31 123
原创 异步流程工具
前端异步流程工具Promise √Generator函数Async函数 √async函数式由es6提供的async函数的底层其实就是generator函数async函数需要和关键字 await 搭配使用async也是Promise,也可以调用.then格式const asyncFn = as...
2019-05-16 21:45:55 318
原创 初识 node.js
node.js什么是Node.js?Node.js是一门后端语言node.js模块基于CommonJS规范commonJS规范:定义、暴露接口、引用基于Chrome v8引擎的js运行环境除此之外:还有其他的引擎: 单片机、actionscriptNode.js有两大特征事件驱动事件的定义(发布)事件的触发(订阅)非阻塞式 I/O 模型非阻塞 : 执行一个...
2019-05-14 19:20:53 89
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人