- 博客(14)
- 收藏
- 关注
原创 【react学习】react从18版本降级到17版本(typescript)
react18已经发布了,但还是想从17开始学起,使用npx create-react-app创建出来的项目又默认是最新的18版本,所以得把我们生成好的项目进行降级将 降为下图的版本
2023-06-19 15:33:25 1258
原创 【react学习】React + Hooks + TypeScript:父组件调用子组件的方法
【代码】【react学习】React + Hooks + TypeScript:父组件调用子组件的方法。
2023-06-16 18:04:34 666
原创 【react学习】react-router-dom v5如何进行路由跳转
记一次react+ts学习,如何使用react-router-dom跳转
2023-06-13 11:37:23 1180
原创 vue3.0路由注册
vue3.0基础路由注册使用注:使用vue-cli搭建起来的项目架构在引入vue-router时可能会因为默认的vue-router版本过低而导致报错解决方法:cnpm install vue-router@next --save第一步创建router.js文件import { createRouter, createWebHashHistory } from 'vue-router'const routes = [ { path: '/test1', name: '/tes
2021-04-21 14:36:34 1520
原创 vue-cli与webpack分环境打包配置
首先需要安装cross-env解决环境变量问题npm install --save cross-env配置本地环境修改webpack.dev.conf.js文件然后修改config目录下index.js文件最后修改config目录下的dev.env.js文件这样使用axios封装公用请求方法时候就能拿到全局process.env中配置的BASE_API线上打包配置注:这里我...
2019-07-01 00:50:44 881
原创 兼容火狐浏览器滚动条样式
首先需要引入jQuery和jquery.nicescrollnpm install jquerynpm install jquery.nicescroll以下为jquery.nicescroll官网:https://nicescroll.areaaperta.com/how-to-use/在组件中使用<template> <div> <div cl...
2019-04-08 18:02:48 7716 4
原创 vue项目基于vue-video-player实现rtmp直播流
安装vue-video-player与videojs-flashnpm install vue-video-player -Snpm install videojs-flash --save在main.js中引入import VueVideoPlayer from 'vue-video-player'import 'video.js/dist/video-js.css' // 引入样...
2019-03-02 12:49:28 15039 17
原创 实现继承的几种方法
原型链原型链的基本思想是利用原型让一个引用类型继承另一个引用类型的属性和方法。简单回顾一下构造函数、原型和实例的关系:每个构造函数都有一个原型对象,原型对象都包含一个指向构造函数的指针,而实例都包含一个指向原型对象的内部指针。那么,假如我们让原型对象等于另一个类型的实例,结果会怎么样呢?显然,此时的原型对象将包含一个指向另一个原型的指针,相应地,另一个原型中也包含着一个指向另一个构造函数的指针。...
2018-12-31 17:33:59 732
原创 函数防抖与节流
函数防抖应用场景:通过监听 scroll 事件,检测滚动位置,根据滚动位置显示返回顶部按钮通过监听 resize 事件,对某些自适应页面调整DOM的渲染(通过CSS实现的自适应不再此范围内)通过监听 keyup 事件,监听文字输入并调用接口进行模糊匹配定义:多次触发事件后,事件处理函数只执行一次,并且是在触发操作结束时执行。原理:对处理函数进行延时操作,若设定的延时到来之前,再次触...
2018-12-03 19:51:49 175
转载 理解Promise异步编程
Promise的含义Promise是异步编程的一种解决方案,比传统的解决方案–回调函数和事件–更合理且更强大。Promise对象具有以下两个特点:对象的状态不受外界影响。Promise对象代表一个异步操作,有3中状态:Pending(进行中)、Fulfilled(已成功)和Rejected(已失败)。一旦状态改变就不会再变,任何时候都可以得到这个结果。Promise也有一些缺点:...
2018-11-23 11:33:22 260
原创 jquery文件上传示例
jquery文件上传示例function fileUpload () { let formData = new FormData() let imgFile = document.getElementById('img').files[0] // 获取图片文件 let recordFile = document.getElementById('record').files[0] // 获取...
2018-11-21 15:25:57 1036
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人