随笔分类 - CSS
摘要：Stencil 一个轻量化，渐进式编译器， 注意 ，不是框架。 使用 TypeScript 进行所有操作，这是一个门槛，有一定技术门槛要求。 PS：个人强烈推荐所有的前端同学都学习，或至少了解这个超集语言。 生命周期 componentWillLoad componentDidLoad compon
阅读全文
摘要：本文使用 Vue 做例子，其他框架或原生一样原理 先看效果 这个文章的启发是来自这几天跟别人讨论跨平台解决方案时候意外发现，许多多年前端经验的跨平台开发工程师，都在考虑组件切换引起的瞬间白屏以及组件返回，原组件显示还原问题。 误导思路 厉害的前端工程师总是可以解决问题，比如上面那个问题，我们拿 A、
阅读全文
摘要：别问我为什么上汤不热（猥琐脸），友尽！ 正经事 Tumblr 分享成功会有这么个动画，觉得挺有意思，就扒出来看了看…… 第一感觉以为是 canvas 绘制的，后来发现居然是原生DOM操作，嘿嘿，我就喜欢这种！ ![原图][1] 首先自然是去找 DOM 结构，Chrome 调试出来结果如下： 就是普通
阅读全文
摘要：网格布局 Grid 布局，好用又简单，至少比 Flex 要人性化一点，美中不足就是浏览器支持度差点。 DOM结构 中间夹层为了后续拓展。 CSS .grid 的意思是网格布局，2 列平分宽度，单行为 10px，自动拓展行数，列间距 4px，超出高度滚动。 这里 10px 是颗粒度，颗粒度越小，效果越
阅读全文
摘要：CodePen 需要使用色 ec6337(当然可以是任意颜色)，解决问题：记住密码定制 CheckBox，解释全在注释里 主要使用到 ::before 或 ::after 伪类处理，伪装成内部的那个勾 html CSS(LESS) CodePen
阅读全文
