大脸猫

原创 vue 数据分页显示，每页显示15个卡片，每页的每个卡片依次垂直翻转，正面翻转到背面

最近刚刚完成的一个需求： 数据是后端返回的一个数组， 数据条数不定； 前端是vue； 需求： 分页显示数据，每页15个卡片，每个卡片是一条数据，卡片分正面和背面， 卡片依次垂直翻转，正面翻转到背面，背面是另外一条数据，翻转当前页的最后一个卡片，翻页； （比如：第一页正面前15条数据1-15，背面后15条数据16-30，依次类推） 需求需要再电视显示，小米电视安装的公司自己的app，此页面嵌套在app中展示； 问题：用了postcss-px-to-viewport 做兼容，在电视显示时，卡片之间的间距会展示不

原创 vue中验证码 实现 1-2-3-4

原创 vue 验证码 实现的两种方式

vue 注册登录验证码 两种实现方式 1,一个input实现无法获取焦点 2.四个input实现 四个input 实现 单独封装的验证码组件 下面展示一些 内联代码片。 <template> <div> <div :class="['verifyCode',error!==''?'errmsg':'']"> <input v-for="p in inputNums" :key="p" ref

转载 JS/CSS/IMG加载顺序关系之DOMContentLoaded事件

DOMContentLoaded事件的触发条件是： 将会在“所有的DOM全部加载完毕并且JS加载执行后触发”。 但如果“js是通过动态加载进来的话，是不会影响到DOMContentLoaded的触发时间” 如下图所示，蓝色的线代表DOMContentLoaded开始触发，但前提是JS已经加载完毕并执行了。 （仅仅是DOM 并不是onload事件整个页面全部加载完毕触

转载 DOMContentLoaded时间触发与js，css，img的关联

DOMContentLoaded触发原理: 1、规范总是那么的晦涩，但至少有一点是可以明确了的，就是在JS（不包括动态插入的JS）执行完之后，才会触发DOMContentLoaded事件。 2、DOMContentLoaded事件本身不会等待CSS文件、图片、iframe加载完成。 它的触发时机是：加载完页面，解析完所有标签（不包括执行CSS和JS），并如规范中所说的设置intera