- 博客(17)
- 收藏
- 关注
原创 vuex
状态管理(vuex) store(集中式的存储管理)什么时候用: 打算开发中大型应用集中式数据管理, 一处修改,多处使用思维流程:store.jsthis.store.commit(′increment′)−>mutationsthis.store.commit('increment') -> mutations ...
2019-07-09 21:26:39
111
原创 vue-router
RouterSPA ( single page App ) 单页面应用多页面应用有多个html文件,通过a标签的连接联通各个页面缺点开发起来太冗余,编译、压缩很耗时间页面之间的跳转速度太慢,这个时候就会出现一个严重的问题,白屏单页面应用不需要刷新页面,因为它就是一个页面这个页面内容在切换单页面内容之间的切换要想实现我们就是用路由了如今我们的app、后台管...
2019-07-09 21:23:11
240
原创 Webpack
Webpack一、市面上有哪些类似于Webpack的前端工程化工具gruntgulp ( 4.x )Browserify ( Webpack 前身 )Webpack 【 主流行 】rollup.js https://www.rollupjs.com/guide/zhparcelFIS https://fis.baidu.com/二、前端工程化工具的发展历程grunt...
2019-07-09 21:08:48
89
原创 生命周期、swiper、自定义指令、cli
一、生命周期什么是生命周期?vue中的生命周期指的是 组件 从创建到销毁一个过程,在这个过程中,我们在每一个特定的阶段会触发一些方法( 这些方法具备一些功能),我们给这些方法起了个名字叫做( 生命周期钩子函数/ 组件钩子 )为什么要学习生命周期?因为我们想在生命周期钩子中实现项目功能,那么我们必须知道每一个钩子函数的具体用途这个生命周期是谁的生命周期?组件项目中生命...
2019-07-09 21:07:50
304
原创 插槽,属性验证,过滤器,动画
slot 作用域插槽旧: slot-scope1、在组件的模板中书写slot插槽,并将当前组件的数据通过 v-bind(双向绑定) 绑定在 slot标签上 <slot name="test" :num="num"></slot>2、在组件使用时,通过slot-scope = “slotProp” 来接收slot标签身上绑定的数据 <template...
2019-07-09 20:59:54
150
原创 组建通信,动态组件
组件通信father->child1、父组件配置Vue.component()中定义要传递的参数 data () { return { num : 100, } }2、父组件中的子组件标签添加单项数据绑定 <child-box :num="num">...
2019-07-09 20:51:35
123
原创 虚拟Dom和组件注册
虚拟dom && diff算法vdom是什么? 它是一个Object对象模型,用来模拟真实dom节点的结构// 1.获取数据( ajax fetch ) var data = { id: 1, name: '1903' } // 2. 创建vdom var vdom = { tag:...
2019-07-09 20:45:11
110
原创 vue基础(3)
vue基础(3)watch侦听属性1.作用用来监听data中定义的数据,当data中定义的数据发生了变化,那么watch中的key就会触发watch是一个对象 watch: {}watch中可以设置多个类型的键值2.使用方式( 重点 )方法 watch: { fn () {} }对象----深度监听watch: { fn: { ...
2019-06-23 21:07:23
102
原创 vue基础(2)
vue基础(2)事件修饰符业务: 阻止事件冒泡这是我们需要在我们的事件处理程序中添加阻止事件冒泡行为但是我们发现,e.stopPropagation() 我们书写了三次,总结: 这么书写会导致代码重复,浪费性能解决: 修饰符格式: @eventType.修饰符 = “事件处理程序”修饰符名称: 是我们原生方法简写( 第一个单词(基本上))<script src="https...
2019-06-23 21:03:19
80
原创 Vue基本
vue基本指令指令是绑定在dom属性上的v-html: 可以解析标签型数据( 可以将一个数据展示在一个dom的内容中( 相当于使用了 innerHTML )v-text:可以将一个数据展示在一个dom的内容中( 相当于使用了 innerText)条件渲染的指令v-show :可以控制一个dom的显示隐藏( 这个指令操作的是dom的display属性 )v-if:可以控制一个dom...
2019-06-23 21:00:22
73
原创 前端发展历史
前端发展历史前端发展历史htmlhtml [1990]----> html5 [2008.1.12]csscss 1.0 1996css 2.0 1998css 3.0 2001EcmaScript1997年诞生2015 EcmaScript 20152016 EcmaScript 2016 dart语言 vs javascript随着前端项...
2019-06-23 20:43:00
290
原创 前端通信及案例
前端通信前端通信基于后端的通信( 后端完成 )( pc端用 )Node.js中有一个net模块使用终端( shell )作为客户端思维流程基于H5的webSocket来完成( 应用于移动端 )低版本浏览使用的socket.iostream 流案例: 利用Node.js流来生成压缩包const fs = require( 'fs' );const zlib = re...
2019-06-23 20:37:17
142
原创 token的使用
token1.1 token的使用场景无状态请求保持用户的登录状态第三方登录(token+auth2.0)1.2 token使用流程先安装openssl(https://blog.csdn.net/sunhuansheng/article/details/82218678 )先安装perl重启电脑进行 C:\Perl64\eg以管理员身份运行 perl ...
2019-06-23 20:29:36
151
原创 node框架的使用
node框架的使用express创建api服务器( 接口 )1.api服务器需要使用测试用具来测试,不能用浏览器展示总结: api服务器就是给前端打造接口注意: 后端工程师给前端工程师发送的接口数据类型时一个json类型的字符串前端工程师需要用 JSON.parse() 转换2.restful api 规则 ( 暴露接口的规则 )举例:http://localho...
2019-06-23 20:14:44
128
原创 前端异步
前端异步流程工具1.传统原生异步:回调函数事件2.使用异步流程工具( 别人封装好的东西 )es6 PromisePromise 是异步编程的一种解决方案,比传统的解决方案–回调函数和事件--更合理和更强大。它由社区最早提出和实现,ES6将其写进了语言标准,统一了语法,原生提供了Promise所谓Promise ,简单说就是一个容器,里面保存着某个未来才回结束的事件(通常是一个...
2019-06-23 19:33:21
83
原创 前端模块化概念及应用
前端模块化前端模块化模块化: 是具有特定功能的一个对象( 广义理解 )模块定义的流程:1.定义模块(对象)2.导出模块3.引用模块好处:可以存储多个独立的功能块,复用性高种类:AMD( require.js)CMD ( sea.js )Common.jsCommonJs用在服务器端,AMD和CMD用在浏览器环境三者的一个详细介绍:https://www.jianshu.c...
2019-06-23 19:27:14
315
原创 Node初步认知
Nodenode 基本概念Node.js 是一个基于Chrome V8 引擎的JavaScript运行环境Node.js使用了一个事件驱动、非阻塞式I/O的模型,使其轻量又高效事件驱动: 任务执行,发布者,订阅者,事件驱动 ( on emit )事件驱动: 任务执行,发布者,订阅者,事件驱动 ( on emit )非阻塞: 执行某一个任务的同时也可以执行其他任务阻塞: 执行某一个任...
2019-06-23 19:20:56
114
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人