前端

搭建vue3+typescript+vite+yarn项目

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

处理 Anuglar 事件

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

组件分享之前端组件——用于自定义表单的前端组件form-create

组件分享之前端组件——用于自定义表单的前端组件form-create 背景 近期正在探索前端、后端、系统端各类常用组件与工具,对其一些常见的组件进行再次整理一下,形成标准化组件专题,后续该专题将包含各类语言中的一些常用组件。欢迎大家进行持续关注。 组件基本信息 组件:form-create 开源协议:MIT license 官网:www.form-create.com/v2/ 内容 本次

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

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

js获取url参数值的几种方式

方法一:采用正则表达式获取地址栏参数 (代码简洁,重点正则) function getQueryString(name) { let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); let r = window.location.search.substr(1).match(reg);

实现web视频弹幕的完整指南

本文还有配套的精品资源,点击获取 简介:Web视频弹幕为观众提供实时评论的互动体验。本文将详细说明如何使用 player.min.js JavaScript库,实现一个网页视频播放器的弹幕功能。包括基本播放器集成、弹幕数据源准备、弹幕加载与显示、样式自定义以及弹幕功能的扩展和定制。 1. Web视频弹幕的重要性 引言:视频

第四节:React组件状态的State属性

1. State状态理解 关于state的理解 state 是组件对象中最重要的属性,值是对象(可以包含多个数据) 组件被称为"状态机",通过更新组件的state来更新对应的页面显示(重新渲染组件) state是组件实例的属性,函数组件没有实例,因为函数组件没有状态 state可以理解是组件自己的数据, props数据是外部传入,state数据就是组件自己的 2. State状态的使用 2.1

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

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