- 博客(20)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 git上传代码冲突解决
Please commit your changes or stash them before you merge.解决方案 git冲突姐姐诶方案
2022-10-17 17:17:46
331
1
原创 vue实现拖拽排序
话不多说，直接先上代码<template> <div class="test_wrapper" @dragover="dragover($event)"> <transition-group class="transition-wrapper" name="sort"> <div v-for="(item) in dataList" :key='item.id' class="sort-item"
2021-11-23 14:33:00
719
原创 vue生成图片验证码
identify.vue（子组件）：是一个独立的组件，负责生成验证码和绘制图片；codetest.vue（父组件）：引入identify.vue（子组件），只有两个动作：发指令和接收验证码// 子组件identify.vue组件（主要用于定义参数和方法） <template> <div class="s-canvas"> <canvas id="s-canvas" :width="contentWidth" :height="contentHeight">
2021-09-30 14:03:52
483
原创 Meta http-equiv属性详解
**关于Meta http-equiv属性详解**http-equiv顾名思义，相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。引用meat标签的http-equiv属性语法格式是：＜meta http-equiv=“参数” content="参数变量值"＞ ；其中http-equiv属性主要有以下几种参数：1、Expires(期限)说明：可以用于设定网页的到期时间。
2021-08-05 15:51:21
1222
原创 vue打包js和css404，存在缓存
前言当vue打包文件部署到线上时，会出现.js，.css文件404的情况，因为缓存原因，加载的js和css是之前的js和css，此文章用前端方法解决清除缓存的问题1.index.html插入如下代码 <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="cache-control" content="no-cache, no-store, must-revalidate">http-equiv
2021-08-05 15:36:56
1864
3
原创 VUE文件分片上传cos对象存储
关于vue使用文件分片上传记录次文档index.html引入<script type="text/javascript" src="./js/jquery.min.js"></script><script type="text/javascript" src="./js/spark.js"></script><script type="text/javascript" src="./js/dropzone.min.js"></scri
2021-06-04 16:32:33
439
原创 面试题
前段时间公司需要招人，然后给整理了一套面试题，并没有太多死记硬背的内容，其实我比较反对那种考死记硬背知识点的面试题，所以我就自己整理了一套，前端基本每个项目都会用到的知识点1.计算结果var a=2; var b=’2a’; var c= 1;Console.log(a++); //2Console.log(++a); //3Console.log(parseInt(b)); //2Console.log(a+a+’abc’+’d’); //4abcdConsol
2021-05-20 15:30:00
101
原创 纯css流光特效
//先添加HTML<div class="streamer_effect"> <span class="Streamer"></span> <span class="Streamer"></span> <span class="Streamer"></span> <span class="Streamer"></span></div>
2021-05-08 12:03:16
909
原创 图片碎片化 可支持操作和定时
图片碎片化 可支持操作和定时burst() { var that = this; var ready = true; var img = document.querySelector('#container'); var S = 1; var R = 4; var C = 7; var W = parseInt(window.getComputedStyle(img)['width']); var H = parseInt(window.ge
2021-05-07 10:28:11
113
原创 腾讯云超级播放器实现无直播占位图，有直播播放视频
在这记录腾讯云超级播放器的使用及播放器的占位图的方法，废话不多说，请看代码1.引用js<script src="https://cloudcache.tencent-cloud.com/open/qcloud/video/vcplayer/TcPlayer-2.3.3.js" charset="utf-8"></script><script src="http://***.video.js?flv=https://***.flv&m3u8=https://***.
2021-03-20 15:38:03
445
原创 uni-app完成推送
记录一下uni-app如何实现推送1.获取appid，key和设备唯一ID：plus.push.getClientInfo()；；打印数据uni-push中的appid：如图：clientid为设备唯一标识plus.push.getClientInfo()获取数据应和uni-push中AppID，AppSecret和MasterSecret是一样的APP.vue 代码<script>
2021-01-29 18:28:55
477
原创 腾讯云直播插件 TcPlayer.js 接入vue
文章记录TcPlayer.js接入vue在public/index.html中引用<script src="https://imgcache.qq.com/open/qcloud/video/vcplayer/TcPlayer-2.3.3.js" charset="utf-8"></script>function showPlayer(url) { var player = new TcPlayer('video', { "m3u8": url, //请
2020-11-28 15:06:10
2397
原创 腾讯IM接入完整版
文章作为初次接入腾讯IM总结步骤1：集成SDK`- Web 项目npm install tim-js-sdk --save-dev- 小程序项目npm install tim-wx-sdk --save-dev若同步依赖过程中出现问题，请切换 npm 源后再次重试。// 切换 cnpm 源npm config set registry http://r.cnpmjs.org/步骤2: 创建实例// 创建 SDK 实例，TIM.create() 方法对于同一个 SDKAppID 只会返
2020-11-17 19:14:12
2950
2
转载 js判断当前时间是否在某个时间区间内
js根据当前时间的时分判断是否在一个时间区间内function checkAuditTime(beginTime,endTime){ var nowDate=new Date(); var beginDate=new Date(nowDate); var endDate=new Date(nowDate); var beginIndex=beginTime.lastIndexOf("\:"); var b
2020-11-12 11:51:43
3108
1
原创 前端直播插件（PC(FLV) 移动端(M3U8)）
最近开发了一个直播项目 因为谷歌等浏览器已经开始不支持flash，所以在这记录总结两个不适用flash的直播视频插件//PC端 FLV格式直播流播放插件<video id="videoElement" style="width:100%;height:100%;object-fit:fill;" class="centeredVideo" controls allowscriptaccess="true" allowscriptaccess="always" autostart="true"&g
2020-10-28 11:23:09
2094
2
原创 vue接口封装(简单实现是否需要登录获取数据)
再次记录用了很久的一个vue接口封装方法（非原创）/** * * npm install axios 安装 * 接口地址 封装方法 */import axios from "axios";var VUE_API_URL = "../plugins/index"const instance = axios.create({ baseURL: VUE_API_URL, timeout: 10000});const defaultOpt = {login:false};
2020-10-27 18:51:39
1039
2
原创 uni-app 操作数组中数据,页面不更新问题
今天在uni-app中遇到的问题，记录一下在uni-app中APP端是无法直接操作DOM的，今天写代码的时候，如果是数组循环出来的列表，直接操作数组是不会直接渲染数据的，然后我通过v-if去不断销毁重建DOM，实现数据的更新，但是这样是很耗费资源的，但是有没有想到更好的解决办法，在这记录一下AndDecrease(i,index){ //数量加减 var that = this; that.parts111 = false; //v-if销毁显示数量的DOM if(i == 1){ if(
2020-10-27 18:37:24
3629
1
转载 wss数据的获取与请求
以往都是请求http协议的url，现在请求变成了wss的，用以前那种ajax的方式不可以发送和接受。然后查阅相关资料解决了这个问题，在这记录一下解决办法，使用的是websocket。<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <b
2020-10-27 18:19:20
5631
video.min.js
2021-03-20
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人