- 博客(14)
- 收藏
- 关注
原创 vuex实现全局websocket,在组件中进行局部监听(只监听服务端推送)
【代码】vuex实现全局websocket,在组件中进行局部监听(只监听服务端推送)
2023-05-08 17:09:00
1745
原创 uni-app实现可选择日期、范围、打点的月份日历
1、始终标记每个月和今天相同的日期,为淡蓝色2、月份切换为滑动切换3、可以进行下方打点标记4、选择日期(日期日期为多选,因功能需要不可选择今天、今天之前、非本月的日期)(1)单击即可选中日期,选中后为深蓝色(2)长按日期即可开启范围选择,选中范围开始日期,然后单击范围结束日期,即可选中范围,选完范围后,范围选择关闭(3)已经选中的日期,单击可取消选中(4)有选中日期时会出现取消选中按钮,点击即可取消所有选中日
2022-12-10 11:32:12
5558
原创 Vue使用html2canvas将html结构转化为图片再下载
文章目录前言一、pandas是什么?二、使用步骤1.引入库2.读入数据总结前言提示:以下是本篇文章正文内容,下面案例可供参考一、pandas是什么?示例:pandas 是基于NumPy 的一种工具,该工具是为了解决数据分析任务而创建的。二、使用步骤1.引入库代码如下(示例):import numpy as npimport pandas as pdimport matplotlib.pyplot as pltimport seaborn as snsimport warningsw
2021-09-16 11:46:00
207
原创 移动端自定义音频播放器
文章目录1、自定义的音频播放器效果图2、代码3、使用说明4、用到的图片1、自定义的音频播放器效果图2、代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width
2021-09-03 23:54:11
346
原创 移动端时间线的数据实现
文章目录1、目标效果2、请求数据一般格式3、将请求到的数据进行处理4、解决方案(使用计算属性)总结1、目标效果2、请求数据一般格式3、将请求到的数据进行处理(1)根据时间进行渲染,每一个时间中有多项,则需要进行两次v-for循环(2)每一天的数据应是一个{日期: 当天学习数据数组},因此将list设置为对象,键名为日期,具体的数据为数组(3)这样写的结果是页面什么都不显示(我也不知道为什么),但是显示list已经是我们想要的数据结构new Vue({ el: '#app',
2021-08-31 17:47:23
589
原创 一个移动端进度条
一个移动端进度条简介效果展示代码实现使用方式1、引用使用2、传入参数样例3、注意事项简介利用js原生写的一个移动端进度条效果展示代码实现<template> <div class="steps flex flex-wrap"> <div class="step-item flex flex-col flex-items flex-jc" v-for="(item, index) in arr" :key="index"> <!
2021-08-25 14:26:22
345
原创 近期项目总结
1、Vuex的模块化(使用modules实现)(1)每个模块中可以设置state,mutations,actionsconst state = {}const mutations = {}const actions = {}export default { namespaced: true, // 开启命名空间 state, mutations, actions}(2)每个模块开启自己的命名空间:namespaced: true(3)使用模块中的state数据:$store
2021-07-24 16:21:28
87
原创 图片上传处理
实现将blob格式的图片发送到服务端,图片在服务端的地址保存在mysql中(代码均为为阶段代码,并非完整)(1)客户端代码// 1 获取到input:file选中的图片文件对象const file = DOM元素.file.files[0]// 2 获取图片文件对象的URL(用于图片预览,即blob数据)const img = window.URL.createObjectURL(file)// 3 预览图片配置(使用cropperjs)const cropper = new Crop..
2021-07-23 21:27:52
162
原创 Vue总结
1、库和框架Vue是一个渐进式(逐步集成更多的功能)的javascript框架库:封装属性或方法框架:拥有自己的规则和元素,比库强大的多Vue开发模式:传统&工程化开发方式(基于webpack,推荐)2、@vue-cli// 安装@vue-cliyarn global add @vue/cli// 查看@vue-cli是否安装成功vue -V// 创建脚手架vue create 项目名称// 启动服务器yarn serve3、文件说明main
2021-07-23 19:20:26
233
原创 git总结
1、版本控制系统(1)本地版本控制系统;(2)集中化的版本控制系统(客户端是最新的版本)eg:SVN:不支持离线提交版本更新;中心服务器崩溃,所有人无法正常工作;版本数据库故障后,所有更新历史记录会丢失);(3)分布式版本控制系统(基于服务器、客户端的运行模式,去中心化)(eg:Git)客户端是服务器的完整备份客户端断网后仍支持离线本地提交版本更新服务器故障或损坏,可用人一个客户端的备份进行恢复2、SVN与Git记录的比较(1)SVN的差异比较存储的是一组基本文件和每个文件随时间
2021-07-17 09:14:41
91
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人