鲜荣彬
Herry
正文内容加载中...
posted @ 2019-11-11 14:05 Herry彬 阅读(128) 评论(0) 推荐(0) 编辑
摘要: 组件与组件的关系,通常有父子关系,兄弟关系以及隔代关系。 针对不同的场景,如何选用适合的通信方式呢? (一) props/$emit parentComponent ==> childComponent child 通过 props [childParams] 接受父组件 parent 传递的过来的 阅读全文
posted @ 2019-10-17 14:47 Herry彬 阅读(162) 评论(0) 推荐(0) 编辑
摘要: 虽然我们可以通过使用 ViewContainerRef 将 ElementRef创建的视图插入指定的位置,但是仍然希望有某中快捷的方式帮我们实现。 ngTemplateOutlet与ngComponentOutlet 就是帮我们干这事的。 ngTemplateOutlet 插入 ng-templat 阅读全文
posted @ 2019-06-10 14:12 Herry彬 阅读(3836) 评论(0) 推荐(0) 编辑
摘要: (一) width/height 默认值与单位 Canvas 标签只有两个属性—— width\height,作为一种替换元素,它默认大小为300×150像素。 canvas的单位只能是是px,值只能是整数。如果你设置为其他单位或者不设置,在渲染时,依旧按照像素单位显示。 如果数值设置称负数,或者 阅读全文
posted @ 2018-09-25 14:42 Herry彬 阅读(200) 评论(0) 推荐(0) 编辑
摘要: (一)什么是Flex 布局 Flex 是Flexible Box 的缩写,是一维的弹性布局。 采用Flex布局的元素,称为Flex容器。 它的所有子元素自动成为容器成员,称为 Flex item(Flex 项目)。 既然是容器,就需要一个容器元素,将项目包裹在其中。 因此,在使用时,需要将容器元素设 阅读全文
posted @ 2018-08-28 15:13 Herry彬 阅读(404) 评论(0) 推荐(0) 编辑
摘要: 之前,我以为 margin-top/padding-top 如果设置成%,得到的是 基于父对象总高度的百分比。 但是,这种想法是错的。因为在CSS标准里,是基于父对象宽度的百分比。 你觉得 子div 的 margin-top是 28px,还是 14px 呢? 用js代码测试了下 阅读全文
posted @ 2018-08-03 17:47 Herry彬 阅读(376) 评论(0) 推荐(0) 编辑
摘要: Vue实例初始化完成后,启动加载($mount)模块数据。 (一)Vue$3.protype.$mount 标红的函数 compileToFunctions 过于复杂,主要是生AST 树,返回的 ref 如下: render 是浏览器虚拟机编译出来的一个函数。我们点进入可以看到如下代码(自己调整后空 阅读全文
posted @ 2018-01-31 14:40 Herry彬 阅读(335) 评论(0) 推荐(0) 编辑
摘要: 从最简单的案例,来学习Vue.js源码。 (一)为何可以直接使用 Vue? (function (global, factory) { typeof exports 'object' && typeof module !== 'undefined' ? module.exports = factor 阅读全文
posted @ 2018-01-27 14:06 Herry彬 阅读(409) 评论(0) 推荐(0) 编辑
摘要: 因为v3.01版本中的 /src代码使用TypeScript进行书写,我这里仅仅用作模块学习, 具体学习的还是 /dist/vue-router.js 代码。 (一)基本使用方式 JS代码 // 定义路由规则 const routes = [ { name:'首页', path: '/', comp 阅读全文
posted @ 2018-01-06 18:20 Herry彬 阅读(888) 评论(0) 推荐(0) 编辑
摘要: (一)Vuex 是什么? Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态, 并以相应的规则保证状态以一种可预测的方式发生变化。 —— 来自 Vuex 官方文档的介绍 可以这样理解: 整个Vue程序中,将所有的状态和其管理全部集中在一个单例 S 阅读全文
posted @ 2017-12-14 20:38 Herry彬 阅读(310) 评论(0) 推荐(0) 编辑