WelliJhon的专栏列表 - UCloud云社区

组件设计漫谈

摘要：最近组件库支持了，并且做了功能的升级，文档看这里下文不谈论这门技术，我打算从组件的设计以及一些细节来谈谈组件库这件事。组件细节举几个例子来谈谈组件设计和细节固钉当滚动条滑动，固钉元素划出视界时候，我们希望它能仍然钉在那里，展示在视界内。最近组件库 N3 支持了 vue 2.0 ，并且做了功能的升级，文档看这里 https://n3-components.github.... 下文不...

WelliJhon 发布于Css 2019-08-30 15:52
弹性盒模型

摘要：如果一个项目的属性为，其他项目都为，则空间不足时，前者不缩小。弹性盒模型 1. 容器的概念指定父元素为 flex .parent { display: flex; } .parent_inline { display: inline-flex; } 指定之后 float clear vertical-align 会失效父元素称为 flex container 子元素称为 fle...

WelliJhon 发布于Css 2019-08-30 10:57
Canvas + WebSocket + Redis 实现一个视频弹幕

摘要：创建弹幕功能的类及基本参数处理布局时需要注意的默认宽为，高为，我们要保证完全覆盖整个视频，需要让与宽高相等。因为我们不确定每一个使用该功能的视频的宽高都是一样的，所以画布的宽高并没有通过来设置，而是通过在类创建实例初始化属性的时候动态设置。 showImg(https://segmentfault.com/img/remote/1460000018998386); 阅读原文页面布...

WelliJhon 发布于Css 2019-08-29 16:55
DOM和BOM

摘要：和概念文档对象模型。作用操作页面中的元素。顶级对象是就是指或者文件。侧重于展示数据，侧重于存储数据，写的是代码，遵循的是的规范。页面中所有的内容都是节点标签节点，属性节点，文本节点。所以，对象值这种写法是错误的。 DOM和BOM DOM 概念 DOM:Document Object Model 文档对象模型。 DOM作用：操作页面中的元素。顶级对象是document 就是指HTML...

WelliJhon 发布于Css 2019-08-29 16:37
性能：深入理解浏览器渲染原理 reflow & repaint

摘要：之后，如果渲染树发生了变动，那么可能会触发回流或重绘中的一个或二者。在书写时要避免不必要的层级，书写时避免嵌套过深规则过于复杂，尤其是后代选择器，匹配选择器也会耗费更多的。刚入行前端的时候是不是经常看到有文章说尽量不要用CSS通配符*，CSS选择器层叠最好不要超过三层，HTML少使用table，结构也要尽量简单一些...这一切说的不无道理，过多的使用确实会造成浏览器渲染的性能降低，当...

WelliJhon 发布于Css 2019-08-29 13:30