UI树欲静-前端技巧收纳袋UI树欲静-前端技巧收纳袋UI树欲静

OveUI博客
老前端的戎码生涯

最新动态 第2页

JavaScript代码整洁技巧,让你的项目更出众-UI树欲静

JavaScript代码整洁技巧,让你的项目更出众

前言 为什么代码要整洁? 代码质量与整洁度成正比。有的团队在赶工期的时候,不注重代码的整洁,代码写的越来越糟糕,项目越来越混乱,生产力也跟着下降,那就必须找更多人来提高生产力,开发成本越来越高。 整洁的代码是怎样的? 清晰表达意图、消除重复...

赞(0)OveUIOveUIJs/TS/ES6/VUE 阅读(153)
CSS 实现 10 种现代布局-UI树欲静

CSS 实现 10 种现代布局

01. 超级居中:place-items: center 对于第一个“单行”布局,让我们解决所有 CSS 领域中最大的谜团:居中。我想让您知道,使用 place-items: center 会让此操作比您想象的容易。 首先指定 grid 作...

赞(0)OveUIOveUIHTML/CSS 阅读(131)
复习一下ES6的Proxy用法-UI树欲静

复习一下ES6的Proxy用法

一、Proxy介绍 Proxy :用于创建一个对象的代理,从而实现基本操作的拦截和自定义 二、Proxy使用 Proxy为 构造函数,用来生成 Proxy实例 target表示所要拦截的目标对象(任何类型的对象,包括原生数组,函数,甚至另一...

赞(0)OveUIOveUIJs/TS/ES6/VUE 阅读(467)

细说 Vue 响应式原理的 10 个细节!

在讲解之前,我们先了解一下数据响应式是什么?所谓数据响应式就是建立响应式数据与依赖(调用了响应式数据的操作)之间的关系,当响应式数据发生变化时,可以通知那些使用了这些响应式数据的依赖操作进行相关更新操作,可以是DOM更新,也可以是执行一些回...

赞(0)OveUIOveUIJs/TS/ES6/VUE 阅读(201)

18个很有用的 CSS 技巧

今天来分享 18 个鲜为人知但很有用的 CSS 技巧! 图片文字环绕 shape-outside 是一个允许设置形状的 CSS 属性。它还有助于定义文本流动的区域: shape-outside 属性定义了一个可以是非矩形的形状,相邻的内联内...

赞(0)OveUIOveUIHTML/CSS 阅读(193)

新的 CSS 视口单位:svh、lvh、dvh!

CSS 的 Viewport单位听起来很棒。 如果你想将一个元素设置成全屏高度,你可以设置高度:100vh,这样你就有了一个完美的全屏元素,它会随着视口的改变而改变大小!!! vw、vh 的问题 要调整视口大小,可以使用 vw 和 vh 单...

赞(2)OveUIOveUIHTML/CSS 阅读(505)