![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
丶Parousia
这个作者很懒,什么都没留下…
展开
-
前端通信及案例
前端通信前端通信基于后端的通信( 后端完成 )( pc端用 )Node.js中有一个net模块使用终端( shell )作为客户端思维流程基于H5的webSocket来完成( 应用于移动端 )低版本浏览使用的socket.iostream 流案例: 利用Node.js流来生成压缩包const fs = require( 'fs' );const zlib = re...原创 2019-06-23 20:37:17 · 146 阅读 · 0 评论 -
前端发展历史
前端发展历史前端发展历史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 · 291 阅读 · 0 评论 -
虚拟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 · 113 阅读 · 0 评论 -
组建通信,动态组件
组件通信father->child1、父组件配置Vue.component()中定义要传递的参数 data () { return { num : 100, } }2、父组件中的子组件标签添加单项数据绑定 <child-box :num="num">...原创 2019-07-09 20:51:35 · 125 阅读 · 0 评论 -
插槽,属性验证,过滤器,动画
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 · 154 阅读 · 0 评论 -
生命周期、swiper、自定义指令、cli
一、生命周期什么是生命周期?vue中的生命周期指的是 组件 从创建到销毁一个过程,在这个过程中,我们在每一个特定的阶段会触发一些方法( 这些方法具备一些功能),我们给这些方法起了个名字叫做( 生命周期钩子函数/ 组件钩子 )为什么要学习生命周期?因为我们想在生命周期钩子中实现项目功能,那么我们必须知道每一个钩子函数的具体用途这个生命周期是谁的生命周期?组件项目中生命...原创 2019-07-09 21:07:50 · 308 阅读 · 0 评论 -
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 · 92 阅读 · 0 评论 -
vue-router
RouterSPA ( single page App ) 单页面应用多页面应用有多个html文件,通过a标签的连接联通各个页面缺点开发起来太冗余,编译、压缩很耗时间页面之间的跳转速度太慢,这个时候就会出现一个严重的问题,白屏单页面应用不需要刷新页面,因为它就是一个页面这个页面内容在切换单页面内容之间的切换要想实现我们就是用路由了如今我们的app、后台管...原创 2019-07-09 21:23:11 · 244 阅读 · 0 评论 -
vuex
状态管理(vuex) store(集中式的存储管理)什么时候用: 打算开发中大型应用集中式数据管理, 一处修改,多处使用思维流程:store.jsthis.store.commit(′increment′)−>mutationsthis.store.commit('increment') -> mutations ...原创 2019-07-09 21:26:39 · 112 阅读 · 0 评论