摘要: 1、 块级元素 基本特性:就是一个水平流上只能单独显示一个元素,多个块级元素则换行显示。 块级元素和“display 为block 的元素”不是一个概念,display:list item、display:table均是块级元素。 用display值为block和list item来配合clear属 阅读全文
posted @ 2018-12-12 15:54 余子酱 阅读(484) 评论(0) 推荐(0) 编辑
摘要: 最近更新有点慢,更新慢的原因最近在看 《css世界》这本书,感觉很不错 《JavaScript高级程序设计》 这本书已经看了很多遍了,主要是复习前端的基础知识,基础知识经常会过一段时间记忆就会慢慢模糊,特别是现在用vue、react、angularjs已经很少用原生js了,对dom的原生api方法已 阅读全文
posted @ 2018-11-12 15:54 余子酱 阅读(1718) 评论(1) 推荐(0) 编辑
摘要: 这篇看ant Desgin of react的button按钮的js代码,js代码部分是typescript+react写的。 button组件里面引用了哪些组件: 、`react dom`是react要引用的,这里不多解释。 是用来检验传给组件props的类型,在props上运行类型检查,在下面代 阅读全文
posted @ 2018-09-11 15:22 余子酱 阅读(539) 评论(0) 推荐(1) 编辑
摘要: 这篇来介绍button中elementUi、iview、ant中样式结构 ant Design react ant react中button分两个文件less: mixins.less:根据button功能样式不同封装成函数。 index.less:调用mixins.less中的函数来声明butto 阅读全文
posted @ 2018-09-04 10:13 余子酱 阅读(12548) 评论(0) 推荐(1) 编辑
摘要: 接口 接触过面向对象的后端语言的应该对接口很熟悉,只接触过前端的对接口会有点陌生,在维基百科中对OOP中接口的定义是这样的: 在面向对象的语言中,术语interface经常被用来定义一个不包含数据和逻辑代码但用函数签名定义了行为的抽象类型。 实现一个接口可以被看成是签署了一份协议,接口好比是协议,当 阅读全文
posted @ 2018-08-31 09:22 余子酱 阅读(488) 评论(0) 推荐(0) 编辑
摘要: 在看elementUI的button组件的时候,一起和iview、ant Design的button组件比 较功能、样式、代码结构,看他们的一些不同点,不同的写法哪种会好些,button的对外开放的功能那些会 用到哪些会相对比较好。 我们先来看这三个UI的button对外开放的功能结构: eleme 阅读全文
posted @ 2018-08-23 13:07 余子酱 阅读(6646) 评论(4) 推荐(2) 编辑
摘要: 面向对象是typescript的核心部分,这里先介绍下面向对象的七大原则: 单一原则:一个类子负责一个职责。 里氏替换原则:子类可以在任何地方替换它的父类。 依赖倒置原则:代码要依赖于抽象的类,而不要依赖于具体的类;要针对接口或抽象类编程,而不是针对具体类编程。 接口隔离原则:提供尽可能小的单独接口 阅读全文
posted @ 2018-08-16 16:06 余子酱 阅读(2184) 评论(0) 推荐(0) 编辑
摘要: 的函数是在es6的函数特性的基础上加了一些后端的概念:泛型、参数类型声明、返回值类型声明、重载、装饰器等。其他的一些特性:箭头函数、生成器、async await、promise等都是es6的加的特性。 函数类型 JavaScript的函数参数是可以任何类型的,typeScript中加了对参数提添加 阅读全文
posted @ 2018-08-03 15:00 余子酱 阅读(1760) 评论(0) 推荐(0) 编辑
摘要: 因为在忙其他事情好久没有更新 "iview" 的源码,也是因为后面的一些组件有点复杂在考虑用什么方式把复杂的功能逻辑简单的展示出来,还没想到方法,突然想到 "element" 的组件基本也差不多,内部功能的逻辑也差不多,就一起来看源码,element用的css预处理器是sass。 项目结构 :放置w 阅读全文
posted @ 2018-08-02 16:38 余子酱 阅读(16181) 评论(2) 推荐(1) 编辑
摘要: 上篇问题 在上篇 "《iview源码解析(1)》" 中的index.js 入口文件的源码中有一段代码有点疑惑: 在引用 iview 组件的时候需要 注册组件,即使不执行 use 也把组件注册了,这两段代码不是有重复功能?这么处理的目的是为什么呢?是处理兼容性问题么?有木有大神指点下。 button 阅读全文
posted @ 2018-05-10 15:28 余子酱 阅读(4755) 评论(1) 推荐(0) 编辑