uni-app 实现轮播图组件父容器背景色随图片主题色改变
uni-app 实现轮播图组件父容器背景色随图片主题色改变 实现思路 1、获取轮播图主题色，通过 canvas 获取图片主题色。 2、随着轮播图组件图片的轮播，动态设置父容器背景色为图片的主题色。 实现代码 <template> <view class="container"> <canvas ca ...
万字血书Vue—走近Vue
Vue是什么？ Vue是一套用于构建用户界面的渐进式JavaScript框架 构建用户界面：用vue往html页面中填充数据 渐进式：Vue可以自底向上逐层的应用，从轻量小巧核心库的简单应用，到引入各式各样插件的复杂应用。 框架：一整套现成的解决方案，遵守框架的规范，学习框架，就是学习框架中的规定用 ...
前端设计模式——组合模式
组合模式（Composite Pattern）是一种结构型设计模式，它允许将对象组合成树形结构，并且可以像操作单个对象一样操作整个树形结构。 组合模式的核心思想是将对象组织成树形结构，其中包含组合对象和叶子对象两种类型。组合对象可以包含叶子对象或其他组合对象，从而形成一个树形结构。 组合模式可以应用 ...
Vue框架快速上手
Vue框架快速上手 前端环境准备 编码工具：VSCode 依赖管理：NPM 项目构建：VueCli Vue框架介绍 Vue是一套用于构建用户界面的渐进式框架。 Vue.js提供了MVVM数据绑定和一个可组合的组件系统，具有简单、灵活的API。 其目标是通过尽可能简单的API实现响应式的数据绑定和可组 ...
记录--一种更现代的深浅拷贝方法
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 你是否知道，JavaScript中有一种原生的方法来做对象的深拷贝? 本文我们要介绍的是 structuredClone 函数，它是内置在 JavaScript 运行时中的: const calendarEvent = { title: ...
vue-router的两种模式
hash 和 history 区别： 外观上：hash的路由在url中带有#号 功能上： hash虽然在url中，但是请求不会包裹它，对后端不会产生任何影响，改变hash不会重新加载页面。 history是利用了html5 history interface中新增的pushState()和repla ...
JavaScript 实现异步任务循环顺序执行
JavaScript 实现异步任务循环顺序执行 需求场景：数组的元素作为异步任务的参数，循环遍历该数组，并执行异步任务。 一、错误的实现 简单的错误实现 // 异步任务的参数数组 const arr = [1, 2, 3, 4]; // 异步任务函数 function task(params, ca ...
前端设计模式——迭代器模式
迭代器模式（Iterator Pattern）：提供一种方法顺序访问一个聚合对象中的各个元素，而不需要暴露该对象的内部表示。在JavaScript中，可以使用迭代器模式来操作数组或类数组对象。 在迭代器模式中，集合对象包含一个方法，用于返回一个迭代器，该迭代器可以按顺序访问该集合中的元素。迭代器提供 ...
重构：banner 中 logo 聚合分散动画
1. 效果展示 在线查看 2. 开始前说明 效果实现参考源码：Logo 聚集与散开 原效果代码基于 react jsx 类组件实现。依赖旧，代码冗余。 我将基于此进行重构，重构目标： 基于最新依赖包，用 ts + hook 实现效果 简化 dom 结构及样式 支持响应式 重构应该在还原的基础上，用更 ...
js 高频面试题详解
一：js 中的变量提升 例1 a = 2; var a; console.log(a); 答：2 解析：它会将当前作用域的所有变量的声明提升到程序的顶部，上述代码等价为： var a; a = 2 console.log(a); // 2 例2： console.log(a);// undefine ...
记录--前端实现电子签名（web、移动端）通用
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 前言 在现在的时代发展中，从以前的手写签名，逐渐衍生出了电子签名。电子签名和纸质手写签名一样具有法律效应。电子签名目前主要还是在需要个人确认的产品环节和司法类相关的产品上较多。 举个常用的例子，大家都用过钉钉，钉钉上面就有电子签名，相信大 ...
vue的生命周期——（10大生命周期）
vue生命周期一般为8个，特殊时期为10个 beforeCreate: //发生在页面完成初始化，组件创建之前，数据尚未挂载 created：//发生在组件创建完成时，数据已挂载，可以在此调用接口查数据，防止页面抖动。 beforeMount：//发生在组件挂载之前 mounted：//发生在组件挂 ...