![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 93
快跑啊小卢_
这个作者很懒,什么都没留下…
展开
-
「万事胜意」你可能不知道的烟花秀
???? 前言转眼间又到了一年春节,而今年的春节也正好是我的本命年????。因为疫情的原因可能又回不了家过年了,还是很想回去看看烟花感受下年味的????。既然回不去那就自己做一个吧~跟大家一起赏烟花????。Ps: 本文没有涉及到性能优化,请不要在正式项目使用喔~???? ToDoList 获取文字像素点 初始化烟花 烟花发射 烟花爆炸???? Just Do It获取文字像素点首先我们先创建一个canvas<!-- index.html --><c原创 2022-01-31 10:33:34 · 1015 阅读 · 0 评论 -
产品经理:你能不能让词云动起来?
☀️ 前言事情是这样的,前段时间拿到公司的数据大屏原型图让我一天内把一整个页面做出来。简单看了看,就是一个3840 * 1840的大屏然后几个列表几个图例看起来也没有多复杂。唰!很快啊加了一会班把整个页面调整好了信心十足拿给产品经理看。产品经理皱了皱眉头:你这词云不会动啊??????️ 之前的效果听到这话我发现情况不对,我寻思着这原型图的词云也看不出他要没要求我动啊,而且明明我做的是会动的呀!???? 关系图一开始我用的是echarts的graph关系图,这种图的特点是一开始会因原创 2021-09-28 09:23:10 · 5222 阅读 · 14 评论 -
看完还分不清重绘和重排过来捶我,我说的!!!
???? 前言不会吧不会吧??2021年了还有人分不清重绘和重排?不跟你多BB,直接开捶。????️ 关于渲染当一个页面开始呈现东西的时候大家其实也经常听到是怎么回事了,说白了就是浏览器下载了所有的html资源和css资源分别构建了Dom树和Style树,而当这两兄弟都准备就绪了就会有渲染树Render Tree的生成。渲染树渲染树大家听到这名字就知道它要干啥了,就是把东西给整到页面上,而这个过程就是所谓的渲染。这个渲染他又是怎么做的呢。你可以理解为先把页面具体结构给先确定好,比如这个页面原创 2021-09-22 09:42:24 · 374 阅读 · 8 评论 -
一杯茶的时间,搞定BEM命名规范
前言✍️最近在搭自己的组件库,关于CSS预处理器用的是SCSS。对于样式的命名使用了BEM,借此机会分享一下。怎么命名????样式命名有多难我以前觉得这是一个特别特别难的问题,这难的有恐怖呢,这就像产品让我做一个页面但没有设计图甚至原型图只是几个框框的情况下让我做的特别好看,色彩特别鲜艳一样,真是有(tian)点(da)困(lei)难(pi)????。大家有没有遇到一种情况就是再写一个模块的时候它的内容给他样式命名container,那他的左边内容呢?右边内容呢?left-containe原创 2021-09-16 09:28:53 · 806 阅读 · 11 评论