基于JS实现右侧缓慢弹窗动态效果
目录 基本概念与作用说明 示例一：基础实现 示例二：添加关闭按钮 示例三：支持多种尺寸的屏幕 示例四：使用类名进行切换 示例五：动画回调函数 基本概念与作用说明 首先，明确几个关键概念：DO...
7个月前
前端实现打印网页内容的解决方案(附完整代码)
目录 技术实现： 实现逻辑： 封装方法代码如下: 调用: 实现效果如下： 总结 技术实现： 打印方法通过js原生封装, 框架采用的是vue和elementplus(单纯想实验一下打印方法的可以不用，直接...
7个月前
Vue出现首屏白屏的六种解决方法小结
目录 一、启用路由懒加载 二、优化打包体积 三、使用骨架屏 四、服务端渲染 五、减少依赖库 六、异步加载资源 相关问答FAQs 一、启用路由懒加载 使用路由懒加载可以显著减少应用的初始加载时间...
7个月前
前端vue3搭建超详细指南(快速上手搭建)
目录 一、项目搭建和运行 二、Elememt-plus的安装和引入 三、axios的安装 四、sass安装 五、app.vue配置一级路由出口 六、删掉没用的组件，创新组件 七、路由配置 八、再次运行 九、辅助插件 总...
7个月前
Vue2常用全局自定义指令的封装详解
目录 准备工作 一键复制 一键长按 防抖 限制输入框类型 图片懒加载 页面内指定容器的权限判断 页面添加水印 指定 DOM 拖拽 指定容器根据内容判断是否显示 准备工作 创建目录文件：src/directive...
7个月前
Vue高效更新UI的方法详解
目录 虚拟DOM与Diff算法：Vue如何高效更新UI？ 什么是虚拟DOM？ 定义 虚拟DOM的优势 Diff算法：如何高效计算UI差异 定义 核心思想 Diff算法的步骤 示例代码 Vue中的虚拟DOM与Diff算法 虚拟DOM的...
7个月前小程序webview内网页实现微信支付的代码示例
在小程序的webview中实现微信支付功能需要进行小程序和webview之间的交互。下面是一个简单的代码实现示例： 在小程序中，创建一个webview组件，指定要加载的URL地址： <web-view src='https:...
7个月前
前端实现界面元素拖拽功能的3种方式总结(亲测有效)
目录 一、纯HTML+CSS+JS实现； 二、VUE模板实现； 三、VUE全局指令实现； 总结 一、纯HTML+CSS+JS实现； <!DOCTYPE html> <html lang='en'> <head> <meta charset='...
7个月前
uniapp中修改打包路径的实现步骤
目录 1. 确定当前uniapp项目的打包配置位置 2. 找到与打包路径相关的配置项 3. 修改配置文件中的打包路径 4. 保存配置文件并重新执行打包命令 5. 验证新路径是否生效 在uniapp中修改打包路径，...
7个月前
uniapp如何使用uv-popup弹出框隐藏底部导航tabbar
uniapp中使用uv-popup 弹出框隐藏底部导航tabbar 弹出层代码： <text class='userlogin' @click='openPopup'>请登录></text> <!-- 弹出层 --> <uv-popup ref='pop...
7个月前
