前端

Vue2 中使用Swiper构建中间大两边小轮播效果

Swiper是一个功能丰富的“滑动特效”插件: 常用的tab切换,banner切换等等,包含各种切换特效,看Demo就非常炫酷。同时,也提供了主流的框架组件版本。然而,最新版的Vue组件只支持在Vue3中使用。查找资料后实践,记录一个Vue2中的使用方式。 Swiper的官网介绍也比较清楚,英文官网中是最新的版本的内容,没有找到旧版的文档内容,中文官网可以看到旧版的文档。 一、Swiper 在Vu

WebRTC 入门与实践(非常详细)从零基础入门到精通,看完这一篇就够了

一、前言WebRTC 技术已经广泛在各个行业及场景中被应用,但对多数开发者来说,实时音视频及相关技术却是比较不常接触到的。做为一名 Web 开发者,WebRTC 这块的概念着实花了不少时间才搞明白,一是 WebRTC 本身有较多的独有概念,二是虽然带“Web”字样,但依赖底层概念和网络却是 Web 开发很少接触到

【Vue3】前端Vue3最常用的 20 道面试题总结(含详细代码解析)

以下是老曹关于 Vue 3 最常用的 20 道面试题总结,涵盖 Vue 3 的核心特性如 Composition API、响应式系统(ref / reactive)、生命周期钩子、组件通信、Teleport、Suspense、自定义指令等高频知识点。每道题都配有详细解释和代码示例,适合用于前端开发岗位的 Vue 3 技术面试准备&#xff0c

JavaScript数组方法教学(包教不包会)

数组是什么? 数组是一种特殊的变量,它能够一次存放一个以上的值。 创建数组的方法? 1.创建数组直接量 使用方括号直接创建:[ ] var arr = [1,2,3,4] 2.构造函数法 构造函数就是构造对象的一种模具(函数)构造对象的时候:任何一个函数在构造对象时都要遵守语法: var arr = new Array(1,2,3,4) 数组的特点? 1.数组是有索引的 : 数组的第1个元素索

搭建vue3+typescript+vite+yarn项目

前言: vite是vue3推荐的打包工具,相较于webpack,Vite 是基于 native ES module —— 现代浏览器基本已经全部支持了import/export 语法。 在Vite中,启动本地服务器,是不需要提交编译文件的, 而是在浏览器请求对应URL时, 再提供文件,实现了真正的路由懒加载, 这个比起Webpack节省了不少时间。打包和响应速度提升10倍以上 安装项目 全局安装

企业微信桌面客户端,直接点击程序进入 web 项目主页并自动登录的实现过程,企业微信登录对接

企业微信桌面客户端,直接点击程序进入 web 项目主页并自动登录的实现过程 一、需求目前已经有一个vue 写的 web pc 应用布署在服务器上,能正常登录使用。 企业微信中创建一个应用,点击这个应用的时候,直接带着当前企业微信用户的信息,登录登录这个现有的系统,不需要输入密码什么的。 二、实现原理 后台先拉取企

处理 Anuglar 事件

在上一篇文章中,我们使用 @Input 实现了动态注入属性的值。这种情况适用于从父级组件向子级组件传递数据,或者说从上向下传递数据(还记得组件的树形结构吗?)。那么,如何从子级组件向父级组件传递数据呢? 考虑这样一个场景:如果用户喜欢一本书,他通过点击一个按钮,来传达这一信息。解决办法是:在 book 组件模板中,添加一个按钮,当用户点击按钮时,book 组件会通知 AppComponent 组件

为了结合后端而学习前端的学习日志(1)——纯CSS静态卡片案例

前端设计专栏 使用纯CSS创建简洁名片卡片的学习实践在这篇技术博客中,我将分享我的前端学习过程,如何使用纯HTML和CSS创建一个简洁美观的名片式卡片,就像我博客首页展示的那样。这种卡片设计非常适合作为个人简介、产品展示或团队成员介绍。 源码展示<!DOCTYPE html> <html lang="zh

苍穹外卖(前端)

前端环境搭建:技术选型:使用的前端技术栈:node.js、vue、ElementUI、axios、vuex、vue-router、typescript代码结构:核心目录 / 文件: 目录 / 文件 说明 apki 封装 Ajax 请求的文件目录 components 公共组件存放目录 views 视图组件存放目录