![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 51
快乐是一切
天下好东西那么多,怎么可能一人独占了。
展开
-
css 实现圆环进度条
先上图,最后的效果是这样主要的思路是 使用锥形渐变给div一个背景,然后使用mask遮挡中间部分,这样就变成一个圆环了,最后用 before和after处理一下 圆环进度开始和结束位置。html<div class="shadow"></div>css.shadow { width: 100px; height: 100px; display: relative; border-radius: 50%; background: conic-gradient原创 2021-11-26 17:24:06 · 6188 阅读 · 6 评论 -
vue2 中 slot占位的默认标签不展示并且整个变成 undefind
开发中突然遇到页面上出现大量的 undefind,查看代码没有什么问题,主要就是 使用 slot 插槽的位置变成了 underfind 。经过大量的测试,确定了是 vue 版本的问题,当 vue的版本大于 2.6.12时,就会出现这种情况由于 vue-template-compiler 需要与vue的版本同步所以解决方案就是把 vue和vue-template-compiler的版本降低到 2.6.12 及以下即可。@快乐是一切...原创 2021-08-11 16:19:50 · 4054 阅读 · 7 评论 -
v-html或类似方式渲染的元素无法绑定vue事件的解决方案
需要渲染带有dom标签的字符串的时候,常规的使用v-html只能渲染原始的标签元素,在标签中使用 @click 之类方式绑定的事件无法指向到 methods 里面的事件。解决方案:<template> <div> <contentHtml :html="getContent()" :data="{}" /> </div></template><script>import Vue from 'vue/dist/vue.原创 2021-06-04 09:14:58 · 678 阅读 · 0 评论 -
可拖动的仪表盘实现
为了实现某个项目上的圆弧型进度选择,需要做一个可拖动的仪表盘效果。实际效果如图,鼠标可拖动蓝色的进度条。html<div class="direct"> <canvas id="range"></canvas> <hr class="line"></div>css.direct { width: 200px; height: 200px; background-color: gray; text-align: cente原创 2021-03-24 17:09:58 · 728 阅读 · 0 评论 -
前端开发日常归纳
原生js发送请求function ajax({url, data, type, success, error=(res)=>{}}) { let xmlHttp if (window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest() } else { xmlHttp = new ActiveXObject('Microsoft.XMLHTTP') } xmlHttp.open(type,url) xmlHttp.setRequest原创 2021-03-05 14:04:47 · 164 阅读 · 1 评论 -
js保存数据为csv格式并导出
这篇文章的来由主要是为了实现在页面上加个按钮,获取数据后把这部分数据下载到本地,且格式要是csv的。就直接上代码吧,具体逻辑参照代码注释。// 定义必须参数并赋予测试数据let data = [ // 真实数据需要与此测试数据格式保持一致。 {name: '张三', url: 'https://www.baidu.com'}, {name: 'zhangsan', url: 'https://www.baidu.com'}, {name: 'zhangsan', url: 'https://ww原创 2020-11-11 17:36:08 · 3484 阅读 · 2 评论 -
js数组列表的增删查操作总结
插入追加插入let a = [1,2,3] // [1,2,3]a.push('a') // [1,2,3,'a']插入到最前面let a = [1,2,3] // [1,2,3]a.unshift('a') // ['a',1,2,3]插入到指定位置let a = [1,2,3] // [1,2,3]a.splice('a') // ['a',1,2,3]原创 2020-10-21 18:59:04 · 174 阅读 · 0 评论 -
js 中列表,对象的深复制实现
浅复制说明js中的变量直接复制是浅复制,即改变一个的值,所有指向这个内存地址的变量的值都会一起改变。深复制实现如果将列表a 循环,依次再添加到列表b 中,此时改变列表 b 的值,就不会影响到列表a的了。但是这个方法不太优美,为了赋值,写一大长串代码。此文使用 b = [...a]的方式。像这样赋值后,a和b之间就互不影响了。除了列表,对象也可以使用此方法赋值。let a = {'a': 1, 'b': 2}let b = {..a}b.a = 3b == a // false深复制的原创 2020-09-21 10:43:42 · 1426 阅读 · 0 评论 -
直播流视频播放组件总结
代码:vue<template> <div ref="vc" class="video-box" :style="vStyle" v-loading="loading" element-loading-text="视频加载中" element-loading-spinner="el-icon-loading" element-loading-background="rgba(0, 0, 0, 0.8)" > <div :id=原创 2020-09-09 20:22:27 · 1332 阅读 · 2 评论 -
ssl.js使用说明
目录1、说明2、基础使用和配置相关3、相机相关4、场景相关5、模型相关6、其他 1、说明项目文件config: 包含项目配置文件,默认有system.json; default.json两个文件,system是系统配置文件,此文件具有唯一性。default是默认场景配置文件,可以根据此文件格式自定义多个版本的默认场景配置;自定义的场景配置文件也必须放在此文件夹下;public:...原创 2020-03-05 17:51:32 · 475 阅读 · 0 评论 -
python通过base64读取图片
读取图片转换为base64直接代码如下:def test(): # 读取图片 image_base64 = None img_save_path = os.path.join(os.environ['BASE_PATH'], 'frontend', 'static', 'media', 'work_ticket', 'Photo.jpg') with open(img_save_pat...原创 2019-11-18 16:21:17 · 5106 阅读 · 0 评论 -
使用自定义文件选择按钮选择文件
在做文件上传的时候,最破烦的就是文件选择按钮的默认样式,特别难看,还不容易修改。将这个按钮隐藏的方法有很多,我这里的方法的大概思路就是,在页面自定义一个按钮,点击这个按钮的时候启动选择文件事件。具体实现如下。在页面上自定义一个按钮<button class="select_file">选择文件</button>后台js$(function(){ var file...原创 2019-06-19 16:15:48 · 8279 阅读 · 1 评论 -
3D建模巨头Twaver--入门篇2
前面讲了twaver的一些基础和第一个简单的demo,对于创建模型更多的例子和样式讲解,在官方的api里面都有详细的说明的了,今天主要的是如何导入自定义的模型和利用官方的自带的模型快速创建一个场景。导入依赖想要导入自定义模型,除了需要导入基本的t.js之外,还要导入两个js文件。index.html<!DOCTYPE html><html><head>...原创 2019-04-02 15:22:28 · 1661 阅读 · 0 评论 -
TWaver阶段学习-入门篇
这段时间在学习了解TWaver这个3D建模的框架,下面是对这段时间学习成果的一个总结,也为自己梳理一下知识点。TWaver介绍TWaver是美国Serva Software公司的产品,是全球范围内先进的可视化管理软件,可以直接使用,也可根据需求二次开发,在电信、金融、交通等领域都有广泛应用。主要就是能快速构建一个3D的交互式场景,能够方便快捷的管理电信服务器,电力工厂等。更加详细的介绍请:...原创 2019-03-25 10:52:34 · 7321 阅读 · 17 评论