javascript
关注
分享
扫一扫
不要放弃
前端初学者..
展开
-
react hooks 封装 scroll 组件
入门级react版scroll组件开发什么是scroll组件？一句话来说就是，能够在固定高度里进行滚动展示每个项目的组件功能：滚动到底部加载更多、错误提示、没有更多、没有更多数据底部提示技术栈react + react hooks + fetch开发第一步先把基础组件写好index.js function Index(props) { return ( <div className={'box-container'}>原创 2021-09-26 10:47:27 · 1211 阅读 · 0 评论 -
audio标签报错：DOMException: The play() request was interrupted by a new load request.
解决audio标签报错<audio :src="url"></audio>这是错误信息DOMException: The play() request was interrupted by a new load request.解决方法：<button @click="play"><audio ref="audio" :src="currentSong.url" @canplay="ready"><原创 2021-02-24 11:11:28 · 7544 阅读 · 0 评论 -
vue 2.0 -＞ vue3.0 组件通信篇
vue 2.0 -> vue3.0 组件通信篇父子组件通信vue 2.xthis.$emit()vue 3.0export default defindComponent({ emits: ['submit'], setup(props,context){ context.emit('submit','submit') }})兄弟通信vue 2.x事件总线 / vuexmain.jsVue.prototype.$bus = new Vue()组件里：this.$原创 2021-02-18 10:51:28 · 490 阅读 · 0 评论 -
vue 2.x 过渡和动画的使用
vue 2.x 过渡和动画的使用最近在开发移动端app的时候,多处地方需要使用transition组件去增添一些效果,例如: picker, popup, toast等自定义组件, 所以记录了一下使用方式通常配合v-show使用<!-- 这里模拟一个 picker 的效果 布局css : 外层fixed + top0 bottom 0 内层 absoluted bottom 0 height: 50px--><!-- 点击按钮 外层会原创 2021-02-09 16:06:20 · 247 阅读 · 0 评论 -
vue 3.0.0 + typescript 3.9.3 自定义表单( 父子组件通信 )
vue 3.0.0 + typescript 3.9.3 自定义校验表单( 父子组件通信 )首先我们先把表单创建出来ValidateInput.vue<template> <div class="validate-input-container"> <input class="form-control" v-model="inputItem" /> <span class="invalid原创 2021-02-05 10:45:42 · 842 阅读 · 0 评论 -
js/a标签下载文件方法
<html> <a onclick=down()>xxxx</a></html>方法一：function down(){ var url = 'http://localhost:8080文件地址' window.location.href = url}方法二：不需要在页面展示a标签 点击任意按钮<script>downFile(){ var url = 'http://localhost:8080文件地址' v原创 2020-10-16 16:07:43 · 4218 阅读 · 0 评论