完美前端

摘要：#### CSS3 动画实现旋转加载图标 旋转加载动画样式 /* 定义一个类名为.uni-load-more__img的元素样式 */ .uni-load-more__img { /* 设置该元素的动画名称为loading-ios-H5，持续时间为1秒，延迟时间为0秒，动画计时函数为step-end 阅读全文

摘要：命令git push origin <tagname>可以推送一个本地标签； 命令git push origin --tags可以推送全部未推送过的本地标签； 命令git tag -d <tagname>可以删除一个本地标签； 命令git push origin :refs/tags/<tagnam 阅读全文

摘要：JSON 数据解析 // 使用 eval() 来解析数据是不安全的。下面的代码只是展示，不推荐在实际应用中使用。 // let data = eval('(' + res.data + ')'); // 推荐使用 JSON.parse() 来安全地解析 JSON 数据。 let data = JSO 阅读全文

摘要：版本比较函数 // versionCompare函数 // 输入：preVersion（前一个版本），lastVersion（后一个版本） // 输出：-1（如果preVersion小于lastVersion） // 0（如果两个版本相等） // 1（如果preVersion大于lastVersio 阅读全文

摘要：#### 瀑布流布局 CSS样式 /* 定义瀑布流的外层容器 */ .waterfall{ /* 设置外边距，单位为rpx */ margin: 0 20rpx; /* 定义两列布局 */ column-count: 2; /* 定义每一个瀑布流的子项样式 */ .waterfall-item { 阅读全文

摘要：CSS 变量教程 微软宣布 Edge 浏览器将支持 CSS 变量。 这个重要的 CSS 新功能，所有主要浏览器已经都支持了。本文全面介绍如何使用它，你会发现原生 CSS 从此变得异常强大。 一、变量的声明 声明变量的时候，变量名前面要加两根连词线（--）。 body { --foo: #7F583F 阅读全文

摘要：在 Vue 3.2 及以后的版本中，引入了对于动态 CSS 变量绑定的支持。这允许您在组件的 style 块内使用 v-bind() 函数来引用 JavaScript 中定义的变量，从而实现响应式的样式。 有单位的需要calc 计算 以下是使用 v-bind() 的基本示例： 在 setup 函数中 阅读全文

摘要：.sync 在 vue@1.x 的时候曾作为双向绑定功能存在，即子组件可以修改父组件中的值;在 vue@2.0 的由于违背单项数据流的设计被干掉了;在 vue@2.3.0+ 以上版本又重新引入了这个 .sync 修饰符; // 父组件 <home :title.sync="title" /> //编 阅读全文

摘要：数组删除元素操作 // splice方法用于删除数组中的元素，但这会改变原数组。 // 因此，当需要删除数组中的多个元素时，我们应当逆向操作， // 避免由于数组长度变化导致的索引错误。 for (let i = list.length - 1; i >= 0; i--) { // 检查当前元素是否 阅读全文