rudy_zhou

css 样式很多，相互之间配合起来其实能完成很不错的效果，也能减少很多JavaScript 代码。因为对样式理解少从而造成的 JavsScript 脚本 增多是得不偿失的。 之前我们UI 设计过一个 tab 切换的效果，主体样式和 vue 组件库 iview，elementui…

这个api很详细的说明了 vue 的数据变化与视图更新的原理，推荐先阅读这篇信息，下面再分享一点自己在项目中实际踩过的一些坑。 1.一个最重要最基础的要实现响应式，你必须在初始化实例前声明所有根级响应式 property，哪怕只是一个空值。 2.对于对象，每次更改请 直接 更改…

上头新分给我一个之前延期处理的 bug，就是标题描述的 bug，iView 的 DatePicker 组件，在选择年或者月的情况会异常收缩起来。正常不应该收缩起来，因为选择年后还要选择月份，选择月份后还要选择天数。参照 iView 的 demo 发现用法并无问题，第一想到的就是…

今天，调试 iview 这个UI组件库 modal 组件样式的时候，在可 拖拽 的样式上看到一个样式 pointer-event 。虽然自诩（吹牛）在样式上有较多的理解，但是我却不知道这个样式的具体作用（打脸了）。 审查元素后，发现这是我多年来心心念念的一个效果 ヾ(◍°∇°◍…

一直以来使用vue开发，除了知道生命周期的 hook 函数顺序，其他选项的顺序不知道是否有规范。后来看了vue的风格指南，里面的选项是有推荐顺序的，也找了一下如何自动排序，今天就分享一下。 组件/实例的选项应该有统一的顺序。 这是我们推荐的组件选项默认顺序。它们被划分为几大类，…

用vue + elementUI 开发有些日子了，经常在使用el-form 组件时，时不时的出现验证没生效，或者生效了在验证函数中 value 是 undefined，也细细的读了elementUI 的文档。有些信息交代的比较模糊，最后还是看了elementUI 的源码才确认下…

删除DOM 后，后续DOM 立马出现在新的位置不会出现过渡，因此我们手动加过渡。 所以结论就是，其实这里过渡就是，从当前位置移动到目标位置（没过渡效果），再从目标位置移回来（没过渡效果），最后再移回目标位置（有过渡效果，就是页面中看到的效果）。 发这篇文章的起因其实是在 Sta…

可能看到这个标题的并且懂一点 css 的小伙伴就要笑了，子元素称宽父元素不是很简单吗。 只需要设置父元素 display 为 inline-block, 或者 设置 float: left 并清除一下浮动影响就行，就像下面这样。 也可以设置 爷爷（父元素的父元素） 元素 dis…

之前遇到过一个面试的机试题，就是用画布绘制形状，并且支持缩放、拖拽功能。现在有点时间就分享一下我是如何一步一步完成这个功能的。看这篇信息之前最好先去看一下canvas 的 api，canvas API 穿梭机。 这里写一个 名叫 chart 的类，在 构造器 construct…