快乐是一切-优快云博客

原创 WebContents #2 called ipcRenderer.sendSync() with ‘electron-store-get-data‘ channel without listener

关于electron-store的bug解决记录

2023-10-17 16:09:16 593

原创 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 6579 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 4372 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 775

原创可拖动的仪表盘实现

为了实现某个项目上的圆弧型进度选择，需要做一个可拖动的仪表盘效果。实际效果如图，鼠标可拖动蓝色的进度条。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 846

原创前端开发日常归纳

原生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 195 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 3671 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 211

原创 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 1522

原创直播流视频播放组件总结

代码：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 1443 2

原创 ssl.js使用说明

目录1、说明2、基础使用和配置相关3、相机相关4、场景相关5、模型相关6、其他 1、说明项目文件config：包含项目配置文件，默认有system.json; default.json两个文件，system是系统配置文件，此文件具有唯一性。default是默认场景配置文件，可以根据此文件格式自定义多个版本的默认场景配置；自定义的场景配置文件也必须放在此文件夹下；public：...

2020-03-05 17:51:32 644

原创 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 5215

原创阿里在线免费图标库的使用

今天在找一个图标的时候，偶然发现了一个图标网站，是阿里出品的，【网站】。为什么会推荐呢？主要是我觉得真的太好用了，使用流程大概是这样的：登录了之后，你根据项目创建一个图标库。然后直接搜索你需要的图标，选择加入这个图标库。在本地使用的时候，你可以吧这...

2019-07-26 16:53:07 840

原创使用自定义文件选择按钮选择文件

在做文件上传的时候，最破烦的就是文件选择按钮的默认样式，特别难看，还不容易修改。将这个按钮隐藏的方法有很多，我这里的方法的大概思路就是，在页面自定义一个按钮，点击这个按钮的时候启动选择文件事件。具体实现如下。在页面上自定义一个按钮<button class="select_file">选择文件</button>后台js$(function(){ var file...

2019-06-19 16:15:48 8418 1

原创一个酷炫的，动态交互网页的桌面。

前言做为一个web3D的开发人员，如果将写的3D特效作为桌面，岂不是很酷炫？我倒是没有研究出来怎么将网页设置为电脑桌面（好像是行得通的，因为有软件做到了），但是有成型软件，做得还不错，今天就安利一波。安装软件UPUPOO 下载传送门啊噗啊噗桌面，下载安装傻瓜式操作，完全免费，到它官网下载就是了。安装的时候记得选择一个好找的安装路径，这样在设置网页为桌面的时候方便找到网页的源文件，修改网页...

2019-06-14 09:23:21 8217 3

原创机器学习_回归分析·1

概述机器学习就不多说了，回归分析呢是机器学习的算法里面比较简单的一个，那什么事回归分析呢？具体概念参照【百度百科】，我的理解，回归就是说任何事物的发展都会回归均值，比如抛硬币次数多了之后，概率总会回归到50%，一家人的升高总会回归到人类的平均身高这些。而回归分析就是通过分析影响最终结果的几个因素，通过大量数据分析出他们对最终结果的影响率是多少，最后得出一个回归模型，当把新的影响因素的值带进去后，...

2019-04-15 10:59:25 789

原创 3D建模巨头Twaver--入门篇2

前面讲了twaver的一些基础和第一个简单的demo，对于创建模型更多的例子和样式讲解，在官方的api里面都有详细的说明的了，今天主要的是如何导入自定义的模型和利用官方的自带的模型快速创建一个场景。导入依赖想要导入自定义模型，除了需要导入基本的t.js之外，还要导入两个js文件。index.html<!DOCTYPE html><html><head&gt...

2019-04-02 15:22:28 1893

原创 TWaver阶段学习-入门篇

这段时间在学习了解TWaver这个3D建模的框架，下面是对这段时间学习成果的一个总结，也为自己梳理一下知识点。TWaver介绍TWaver是美国Serva Software公司的产品，是全球范围内先进的可视化管理软件，可以直接使用，也可根据需求二次开发，在电信、金融、交通等领域都有广泛应用。主要就是能快速构建一个3D的交互式场景，能够方便快捷的管理电信服务器，电力工厂等。更加详细的介绍请：...

2019-03-25 10:52:34 7496 17

原创爬虫的智能化解析之使用Diffbot自动解析页面

     什么是爬虫的智能化解析呢？顾名思义就是自动解析页面，不在慢慢一个网站一个网站的写解析规则，我们可以利用一些算法来计算出来页面上的特定元素的位置和样式。     前面我做过一个爬取小说网站的爬虫，平常我写的爬虫的话，要根据不同的网站，编写不同的提取规则，才能提取出想要的内容。而如果使用智能...

2019-02-21 14:42:46 4716 6

原创 SqlAlchemy归纳总结

使用sqlalchemy有一段时间了，基本操作都熟悉了，所以今天把关于Sqlalchemy的使用归纳总结一下。创表Sqlalchemy是操作数据库的库，所以首先要创建数据库表，在这里我使用的是sqlite3。首先在你的配置文件里面配置数据库位置config.pyimport os# 项目根目录basedir = os.path.abspath(os.path.dirname(__fi......

2019-01-11 09:52:24 1459 3

转载 Python中字符串的加密

url编码from urllib.parse import quote, unqoutestring = '你好啊'en_str = 'hello'# 编码utf8_code = quote(string) # 默认编码格式是utf-8print(utf8_code)# 输出结果： %E4%BD%A0%E5%A5%BD%E5%95%8Aen_code = quote(en_...

2018-12-28 15:06:36 11705

原创 python爬虫实战-爬取小说

今天做一个爬虫练手的小实战：爬取顶点小说网的小说，实现下载到本地（虽然网站上本来就可以下载，不过还是自己写代码来有成就感嘛！）爬取网站进入官网后，点击元尊，就爬取这本书了。我们先把整个网页爬下来吧！import requestsurl = r'https://www.booktxt.net/6_6453/' # 网站路径# 伪装请求头headers = { 'User-Ag...

2018-12-19 11:56:34 4353 14

转载网络爬虫的基础知识

爬虫的概念网络爬虫(web crawler)，也叫做网络蜘蛛(spider)，是一种用来自动浏览万维网的网络机器人。如果我们将万维网比作一张网，每个网页就是其中的一个节点，节点之间的连线就是网页之间的链接关系，网络爬虫就是通过访问节点，获取了信息，并继续通过链接向下一个节点爬取，一步步获得整个网络的信息。爬虫的分类网络爬虫按照系统结果和实现技术，大致可以分为：通用网络爬虫聚焦网络爬虫...

2018-12-15 10:34:47 1780

原创 pandas学习手记-柱状图

很多时候人类是对数据无感的，至少70%的功能都是为视觉服务的（不一定科学啊），总而言之，将表格形式不直观的数据制成直观的图表是很有必要的。文不如表，表不如图。今天就来学习一下如何用pandas将表格中的数据制成图表呢。测试数据源把上回的数据留下name和score绘制图表import pandas as pdimport matplotlib.pyplot as plt # 制图的库...

2018-12-12 11:48:13 3722

原创 pandas学习手记-筛选，过滤

首先还是准备一张练习的源数据表。import pandas as pdexcel_path = r'E://temp/raw.xlsx'# 读取一个excel文件为DataFrame，并设置索引为id这一列df = pd.read_excel(excel_path, index_col='id')# 定义两个函数创建筛选条件def age_20_to_30(a): ret...

2018-12-12 09:53:06 1483

原创 pandas学习手记-排序

给数据排序是excel中的基本操作，在pandas中是如何实现呢？待排序的源数据根据成绩排序import pandas as pdexcel_path = r'E://temp/raw.xlsx'df = pd.read_excel(excel_path, index_col='id')# 根据成绩排序df.sort_values(by='score', inplace=Tru...

2018-12-12 09:13:15 254

原创 pandas学习手记-自动填充

excel中最常用的功能就是自动填充，在pandas中如何实现呢？首先先创建一个excel表格首先读取文件import pandas as pdexcel_path = r'E://temp/raw.xlsx'df = pd.read_excel(excel_path)print(df)直接读取的话pandas会把所有空行都标为NaN，所以当要读取的文件的起始位置有不必要的...

2018-12-11 14:39:29 2477

原创 pandas学习手记-Series

SeriesSeries是一种类似Python中字典的对象，它由一组数据以及一组与之对应的标签组成。# 一个简单的SEriesimport pandas as pds = pd.Series(['a','b','c','d'], index=[1,2,3,4])print(s)Series的字符串表现形式为：索引在左边，值在右边，当没有指定索引的时候会自动创建一个从0-N的整数...

2018-12-10 14:04:02 233

原创 pandas学习手记-读取文件

pandas如何正确的读取一个已经存在的excel文件呢？首先先有一个可读取的文件import pandas as pdsave_path = r'D:/temp/raw.xlsx'df = pd.DateFrame({ 'id':[1, 2, 3, 4, 5, 6, 7, 8, 9, 10], 'name': ['赤', '橙', '黄', '绿', '蓝', '黄花花', '瘦虎...

2018-12-08 12:04:13 735

原创 pandas 学习手记-创建文件

pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的，是数据分析必学的一个库。运行环境和编译工具Python环境是Python3安装pandans库pip install pandas我使用的编译工具是 jupyter notebook首先暗转jupyterpip install jupyter然后在命令行中输入jupyter notebook就能在...

2018-12-07 17:36:59 947

原创 Python爬虫学习笔记——使用BeautifulSoup剖析页面元素

将网页读入Beautisoup中接上回的代码，得到新浪的网页。import requestsurl = 'https://www.sina.com.cn/'res = requests.get(url)res.encoding = 'utf-8'print(res.text)将得到的页面读入BeautifulSoup中from bs4 import BeautifulSoup#...

2018-12-06 18:17:49 545

原创 Python网络爬虫学习笔记——第一个爬虫程序

运行环境语言Python3第三方库pip install reqeustspip install BeautifulSoup4pip install jupyter在线编辑器安装 jupyter 模块后，在cmd窗口中运行命令jupyter notebook 就会自动在浏览器中打开一个在线编辑器。如下：打开右上角的 new 列表，选中python3，就会打开编辑界面，就可以在...

2018-12-06 16:38:34 749

原创 flask安装

为什么选用Flask框架？flask是一个使用Python编写的轻量级的web应用框架（微框架）。flask简单易上手、灵活性强、扩展性好。更是GitHub上关注量最多的Python的web框架。安装flask框架flask本身是第三方的web框架，需要先从pypi上安装。(在cmd中)使用pip安装命令：pip install Flask(在cmd中)使用conda安装命令：co...

2018-11-14 11:44:35 1132

原创用flask创建一个简单web应用

flask框架，是WSGI的上层封装实现，使用它，我们完全不用再去了解底层的WSGI的细节了。第一个flaskweb应用run.pyfrom flask import Flask # 导入Flask模块app = Flask(__name__) # 创建应用实例@app.route('/') # 使用route装饰器创建一个路由def hello(): # 视图函数，访问此路由时执...

2018-11-14 11:39:33 2157

转载 jinja2中的过滤器

flask中使用过滤器后台传递参数 message 到前台def index(): message = 'hello word' return render_template('index.html', message=message)前台页面 index.html&lt;p&gt;{{ message }}&lt;/p&gt;正常显示结果hello word使用过滤器&...

2018-11-09 10:39:26 942

原创使用蓝图创建flask项目结构

2018-11-07 18:53:23 623

原创 flask_wtf Form 表单类的使用

设置密匙flask-WTF为了保护表单免受跨站请求伪造的攻击，为了实现CSRF的保护，使用表单类之前，要先设置一个密钥，设置密钥的方式如下： app = Flask(__name__) app.config['SECRET_KEY'] = 'python flask' # 此处内容可以自定义定义表单类 -后台# 导入相应模块from flask_wtf import Formfro...

2018-11-06 12:07:41 1015

快乐是一切的博客