自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(50)
  • 资源 (2)
  • 收藏
  • 关注

原创 Django channels实现websocket时,报错django.core.exceptions.ImproperlyConfigured: Cannot import ASGI_APPLIC

Django项目使用channels实现websocket时,项目文件:mysite/setting.py。项目文件:mysite/asgi.py。

2024-04-18 16:09:33 293

原创 _.debounce防抖函数 在vue中使用this问题,应该传匿名函数而不是箭头函数

简单理解:_.debounce内部做了apply操作,箭头函数由于没有this,无法绑定this,导致最终this是undefined, 而匿名函数,成功通过applay绑定了this,所以this指向了vue组件实例。本身没有this,所以applay操作无效,因此vue中使用debouncd函数,如果传入箭头函数,其this指向不是vue实例,而是undefined。可以看到内部incokeFunc对传入的func做了applay操作(绑定this),而匿名函数。存在this可以被apply成功绑定;

2024-03-22 09:52:16 520

原创 tab切换时el-table,表格错位

方法,重新渲染table。

2024-03-20 10:47:29 416

原创 url参数中文带下划线‘_’,导致浏览器挂起,报错:Throttling navigation to prevent the browser from hanging.

浏览器显示“Throttling navigation to prevent the browser from hanging.”这样的信息,通常是因为浏览器检测到短时间内有大量的页面跳转或请求,认为这可能是恶意行为或可能导致浏览器崩溃,因此进行了限制。这是Chrome浏览器的一项安全特性,用以防止IPC(Inter-Process Communication)洪水攻击。这种情况会导出浏览器报错,页面无法访问。

2024-03-13 09:56:10 701

原创 css知识:盒模型&盒子塌陷&BFC

BFC即(Block Formatting Context)块级格式上下文。它是一个独立的渲染区域或者说是一个隔离的独立容器,在这个容器中的元素不会影响到外部的元素,反之亦然。总宽度=content(width设定值) + padding + border。**作用:**主要是处理盒子编剧重叠问题,并形成一个相对外界完全独立的空间。自元素设置float时,父元素高度会塌陷。使用flex布局—不存在浮动的问题。设置宽度即content的宽度。添加边框或外边距----不推荐。总宽度 = width设定值。

2024-02-21 09:23:18 504

原创 理解Redux-原理和流程简介

所有的状态都存储在Store当中,View不能直接操作Store;View需要更新状态时,需要通过dispatch函数,去触发Action(描述一下我要对当前状态做怎样的操作);然后,Action会被Reducer接收到,Reducer根据Action中的type属性值的不同,对状态进行不同的处理;Reducer处理完之后,返回一个新的值,最终Store更新这个值;因为View订阅了Store对应值的更新,因此当Store更新时,会通知View更新视图。Action触发:通过dispatch。

2024-01-19 11:28:07 363

原创 Syntax Error: TypeError: token.type.endsWith is not a function

eslint 报错:Syntax Error: TypeError: token.type.endsWith is not a function1. 解决方案1排查了代码之后,并没有发现代码错误在哪里,后来看了这篇文章,降低babel-eslint版本到8.2.2就正常了。原版本10.1.0改为8.2.2参考1原因是:babel-eslint npm包已被弃用,我们无法再下载到这个包,导致项目缺少依赖报错。将弃用的换成即可。先移除依赖:或者然后添加依赖:或者注意:和依赖也是必须的,项目

2023-12-21 11:29:06 728

原创 项目中webpack优化配置(1)

使用 DllPlugin 进行分包,使用 DllReferencePlugin(索引链接) 对 manifest.json 引用,让一些基本不会改动的代码先打包成静态资源,避免反复编译浪费时间。使用方式如下:DLL 配置文件 comfig/dll.js在vue.config.js,引入配置···},···运行完之后,会在public目录下创建一个vendor文件夹,里面就是将部分引用的包,进行了预编译。

2023-12-19 17:11:53 534

原创 css实现0.5px宽度/高度显——属性: transform: scale

在大多数设备上,实际上无法直接使用 CSS 来精确地创建 0.5 像素的边框。因为大多数屏幕的最小渲染单位是一个物理像素,所以通常只能以整数像素单位渲染边框。但是,有一些技巧可以模拟出看起来像是 0.5 像素的边框。这里介绍使用:transform: scale 缩放的方式显示。

2023-12-19 16:32:36 928

原创 keep-live原理,react-router如何实现keep-alive

被keep-alive标签包裹的组件在第一次初始化时(渲染从render开始)会被缓存起来(以vnode的形式),再次访问时(actived生命周期)从缓存中读取并从patch阶段开始渲染。Vue的渲染是从图中render阶段开始的,但keep-alive的渲染是在patch阶段,这是构建组件树(虚拟DOM树),并将VNode转换成真正DOM节点的过程。

2023-12-19 16:17:45 1369

原创 vuex中为什么mapState 解构放在compued里, 不放在data里?

在Vuex中使用mapState将 Vuex store 中的状态映射到组件的计算属性(computed)中的原因是为了更方便地在组件中使用这些状态,并。mapState 实际上是,而不是放在组件的 data 中。这是因为 Vuex 中的状态通常用于在应用程序的多个组件之间共享和管理。当这些状态发生变化时,。将 mapState 结果放在 computed 中的好处是可以直接在模板中使用这些计算属性,就像使用 data 中的属性一样,但又能够保持响应式。

2023-12-19 15:58:21 1017 1

原创 javascript--深拷贝,浅拷贝区别

浅拷贝和深拷贝都是创建一份数据的拷贝。js分为原始类型和引用类型,对于原始类型的拷贝,并没有深浅拷贝的区别,只有拷贝引用类型的时候存在深浅拷贝的区别的问题。浅拷贝只进行一层复制,引用类型还是共享内存地址。深拷贝是无限层级拷贝,深拷贝后对象不会和被拷贝的对象相互影响。

2023-12-19 11:00:07 324

原创 《房势》--笔记4( 第四章 当头棒喝 土地经济再认识)

1. 被妖魔化的土地财政土地财政是完全正确的,需要完善的是利益的公平分配问题。地方政府高负债是经融危机后为了拉动经济的必然结果。而地方政府又不能像美国那样通过发币向世界输出通胀。因此,土地财政正常运转非常重要。

2023-12-14 11:14:31 96

原创 vue3实现列表随机抽奖功能,循环滚动最后减速停在选中项上。

vue3实现列表随机抽奖功能,循环滚动最后减速停在选中项上。

2023-12-07 16:04:17 641

原创 前端vue + docxtemplater、jszip、jszip-utils实现word模板填充数据组件

前端vue + docxtemplater实现word模板填充数据组建。最后,测试实现效果,成功导出填充的word文件。fileTemplete: 模板路径。exportData: 填充的数据。fileName:文件名。

2023-12-01 15:02:53 1103

原创 解决vue2响应式失效问题的方案总结

在 Vue3 中,这个问题已经得到了较好的解决,因为 Vue3 使用了 Proxy 来实现更强大的响应式系统,可以自动追踪对象内部的变化,不再需要使用JSON.parse(JSON.stringify())这样的技巧来维护响应式关系。这个原理的关键在于,JSON.stringify()方法会将一个对象转换成一个 JSON 字符串,而JSON.parse()方法则会将这个 JSON 字符串解析成一个新的 JavaScript 对象。拷贝一个新对象,让vue重新建立新的响应式关系。,从而使它关联组件重新渲染。

2023-09-18 15:16:38 3020 2

原创 在 JavaScript 中,如果你在嵌套的 `for` 循环中遇到内层报错,停止外层循环

结合标签可以实现在特定条件下停止外层循环,但需要谨慎使用,确保在合适的时机使用它,以避免逻辑错误和不必要的跳出。标签给外层循环命名。当在内层循环中出现错误时,我们使用。循环中遇到内层报错,并且想要停止外层循环,你可以使用。在 JavaScript 中,如果你在嵌套的。来跳出外层循环并停止执行后续的迭代。语句结合标签(label)来实现。在上述示例中,我们使用。

2023-07-17 11:30:46 261

原创 elementUI 选择器下拉树Tree组件实现,el-select下拉树

基于elementUI的el-input, el-tree 实现组件支持下拉选择框树的结构的数据。使用到组件:el-popover、el-selece、el-tree、el-input。

2023-07-07 10:16:53 1140

原创 软考-高项计算1--投资回收周期计算(涉及概念:投资回收期 折现因子 净现值 累计净现值 现金流 累计净现金流)

第四年:累计净现值 = 初始值 + 现值1+ 现值2+ 现值3 + 现值4= -1500 + 455 + 579 + 675 + 751= 961。第一年:折现因子= 1/(1 + 0.1)^1 = 0.91, 现值1 = 现金流 * 折现因子 = 500 * 0.91 = 455。第三年:累计净现值 = 初始值 + 现值1 + 现值2+ 现值3 = -1500 + 455 + 579 + 675= 209。第一年:累计净现值 = 初始值 + 现值1 = -1500 + 455 = 1045。

2023-05-09 14:24:20 3834

原创 学习《深入浅出python量化交易交易实战》第三章(笔记2)

记录学习过程中的代码、疑问和心得。

2023-03-22 17:26:47 289 2

原创 学习《深入浅出python量化交易交易实战》第三章(笔记1)

书中提到分类法和回归法的.score()内部实现的算法是不同的,由于本人对这方面没有基础,先贴原文,以后补充了相关基础后再回来理解。加入药预测某只股票是涨还是跌,这时模型所做的就是分类工作,如果要预测它时涨到1元,还是10元,这时模型所做的就是回归的工作。假设有某股票100天的价格数据,就可以将前80天的数据作为训练集,将后20天的数据作为验证集,同时评估模型分别在。我们需要对数据进行处理,或者对模型进行调优。因为,模型是不可能100%准确的,所以需要我们对模型的性能今习惯评估,以便找到最可用的模型。

2023-03-22 10:01:14 283

原创 学习《深入浅出python量化交易交易实战》第二章(笔记3)

在股价超过过去N个交易日股价最高点时买入,在股价低于过去N个交易日的股价最低点时卖出。上述的若干个最高点和最低点会组成一个通道---'唐奇安通道'使用过去N天的股价最高点和过去N天的股价最低点生成唐奇安通道。一般N=20 (书中获取数据时间区间小N取了5天)

2023-02-22 13:54:20 252

原创 一本书读懂财报-1.资产负债表(笔记)

我们必须要知道,本金现在都成了什么,它们现在的价值如何,是不是还保持着原来的价值。下面我们一项一项的对每个名字进行解释,理解每一项的含义,是读懂资产负债表的基础。如果应收账款比例高,可能说明企业所处行业竞争激烈,企业为了获取客户,愿意承担先交货,而后首款的风险。A公司花费一笔钱,买了未来6个月的办公用品,在未来6个月它们是对公司有用的,他们在这6个月内就是。资产负债表:简单的说就是描述本金都成了什么,他们现在的价值如何的报表。资产:如果花费一笔钱得到的设备,在将来是游泳的东西,那么它就是资产;

2023-02-22 13:43:29 566

原创 学习《深入浅出python量化交易交易实战》第二章(笔记2)

移动平均策略 Single Moving Average, SMA双移动平均策略顾名思义,双移动平均策略就是使用两条均线来判断股价未来的走势。两条均线中,一条是长均线(如10日均线),另一条是短均线(如5日均线)。这种策略基于一种假设:股价的动量回朝着短期均线的方向移动。当短期均线超过长期移动均线时,动量向上,此时股价可能会上涨。然而,如果短期均线的移动方向相反,则股价可能下跌。

2023-02-22 13:42:12 227

原创 学习《深入浅出python量化交易交易实战》第二章(笔记1)

本章节提到的金融名字和解释例如:牛顿有1万元,他拿其中的5000元买了股票,其余5000元买了保本的理财产品,那么买股票的5000元就面临这下跌的风险。也就是说他的风险敞口就是5000元。夏普指数越高,说明投资组合回报率越高;相反,如果投资组合回报不及无风险投资回报,就是说明投资是不应该进行的。

2023-02-22 11:19:09 405

原创 学习《深入浅出python量化交易交易实战》第一章(笔记)

Jupyter notebook 是一种 Web 应用,能让用户将说明文本、数学方程、代码和可视化内容全部组合到一个易于共享的文档中。pandas_datareader 金融数据库(接口无法正常获取数据)akshare 国内开源的获取金融数据的python库:https://akshare.akfamily.xyz/data/stock/stock.html#id19mplfinance:绘制股票图的库matplotlib:绘图库。

2023-02-03 17:23:26 1256 3

原创 封装elementUI Message 组件, 避免连续多个请求接口报错,页面同时连续显示多个message弹窗

封装elementUI Message 组件, 避免连续多个请求接口报错,页面同时连续显示多个message弹窗。使用:在axios统一拦截中使用。

2022-10-27 14:56:35 837

原创 记录一次更新npm i之后,原来兼容IE的程序,又报语法错误,app.js包语法错误: “exports.destroy = (() => { ... }); const let”等未被转义

最近开发项目中,项目重新npm install之后,IE浏览器报了语法错误,但是之前是好的,查看报错的位置发现有好多箭头函数和const 没有被转义,但是babel配置都是问问题的。的sockjs-client.js,而1.6.1的版本在我的项目中,无法被转义,导致了更新依赖包后,再编译app.js中存在ES6语法,最终导致IE中报错。webpack-dev-server中默认会下载最近的。这个问题真的很坑,谷歌百度了很久都没有找到同样问题的。记录一下,希望帮助到遇到相同问题的人。ES6语法没有被转义的。

2022-10-10 11:24:28 1259 8

原创 视频转gif(三):使用uniapp uniCloud开发了一个视频转GIF小程序,踩坑过程和最终实现思路

使用uniapp uniCloud开发了一个视频转GIF小程序。分享一下开发工程中遇到的坑刚开始想要做这个小程序是因为,有时自己拍的一些视频,想转成GIF动图,但是发现安卓市场和小程序里找到的转GIF工具很多都有次数限制,或需要付费。预示我就想自己实现一个这样的小程序可以自己用,也可以分享给他人免费试用。刚开始觉得这个其实也很简单,应该可以很快搞定,但是没想到,遇到了不少的坑。下面我就来分享一下我遇到的坑,希望对看到文章的有所帮助。...

2022-08-12 10:32:11 1550

原创 小程序体验版报错:uploadFile:fail createUploadTask:fail url not in domain list

最近使用uniapp开发小程序本地开发时正常,但是发布到体验版就报这个错uploadFilefailcreateUploadTaskfailurlnotindomainlist.刚开始将uniCloud腾讯云的接口请求域名当做了所有上传下载和接口请求的域名,所有无论怎么改都报错,后来发现上传下载的域名是不一样的。添加后,重新发布,生效。注意这里有两个域名需要填,之前我填的一个域名,所以一直不成功。小程序后台配置开发设置-服务器域名的uploadFlie和download的合法域名。......

2022-07-29 15:31:43 3853

原创 视频转gif(一):前端(小程序)实现截取视频画面图片

node.js使用node-canvas后端生成gif,这个是可以的,但是uniCloud使用的服务器node版本自己无法升级,导致想要发布,就只能放弃这个方案。使用前端canvas方案实现的(gif.js,gifshot.js等),在h5上效果没问题,但是在小程序中获取数据的时候极慢;自己研究了很久,最终使用前端canvas按间隔时间截取一组图片,然后上传到uniCloud,再通过node的。到此,视频转GIF的第一步就完成了,接下来就是要实现多张图片转为GIF的功能。获取video元素,作为参数传给。

2022-07-28 09:39:25 2996 12

原创 视频转gif(二):后端,云函数nodejs实现多图转gif

node.js 使用gif-encoder和get-pixels实现多图转gifnode.js 实现多图转gif

2022-07-20 15:30:57 1289 1

原创 列表无限循环滚动,缩放页面不会卡主

列表无限滚动利用vue-seamless-scroll 插件,鼠标上移停止滚动<template> <section class="list-content" v-else id="list-content"> <vue-seamless-scroll :data="data" class="seamless-warp" :class-option="classOption">

2022-04-26 10:17:00 449

原创 2. 选择排序:js实现

2. 选择排序规律:通过比较首先选出最小的数放在第一个位置上,然后在其余的数中选出次小数放在第二个位置上,依此类推,直到所有的数成为有序序列。选择排序是不稳定的排序算法,直接选择排序算法,不稳定性,举个简单的例子,就知道它是否稳定…例如:(7) 2 5 9 3 4 [7] 1…当我们利用直接选择排序算法进行排序时候,(7)和1调换,(7)就跑到了[7]的后面了,原来的次序改变了,这样就不稳定了.时间复杂度O(n²)<!-- java -->public static vo

2022-03-23 10:53:31 1533

原创 1. 冒泡排序js实现及可视化展示

冒泡排序原理,冒泡排序js实现

2022-03-15 16:58:12 336 2

原创 手写Promise,面试

前端面试,手写promise

2022-03-09 10:43:06 844

原创 typescript 命名空间

命名空间任何使用module关键字声明的一个内部模块的地方都应该使用namespace关键字来替换。第一步定义一个简单的字符串验证器,假设你会使用它们来验证表单里的yoghurt输入或验证外部数据 interface StringValidator{ isAcceptable(s:string): boolean } let letterRegexp = /^[A-Za-z]+$/ let numberRegexp = /^[0-9]+$/

2021-10-08 17:28:23 219

原创 typescript 之接口

typescript 之接口typescript的核心原则之一就是对值所就要有的解构进行类型检查。在typescript中,接口的左右就是为这些类型命名和为你的代码和第三方代码定义契约接口初探labelValue接口就好比一个名字,它代表一个label属性且类型为string的对象。需要注意的是,我们在这里并不能像其他语言里一样,说传给printLabel的对象实现了这个接口。我们只会去关注值得外形。只要传入的对象满足上面提到的必要条件,那么它就是被允许的注意: 类型检查器不会去检查属性的顺

2021-10-08 17:27:40 202

原创 typescript 泛型

泛型我们不仅要创建一致的定义良好的API,同时也要考虑可重用性。组件不仅能够支持当前的数据类型,同时也能支持未来的数据类型,这在创建大型系统时为你提供了十分灵活的功能泛型之hello world不使用泛型 function indentity(arg: number): number { return arg } function identity(arg: any): any { return arg; }使用a

2021-10-08 17:27:12 85

原创 react父组件调用子组件方法(typescript)

react父组件调用子组件方法(typescript)Parent.tsx import * as React from 'react' import Child from './Child' class Parent extends React.Component{ public childRef:any = React.createRef(); constructor(props:any){ super(props)

2021-10-08 17:26:18 617

canvas实现动态背景效果代码flat-surface-shader

canvas实现动态背景效果代码 svg实现动态背景效果代码 webGL实现动态背景效果代码 效果网站:https://carlofontanos.com/demo/flat-surface-shader/

2023-02-10

自己实现的使用pdf.js 实现支持ie9 10 11在线预览,无需配置直接使用

自己实现的使用pdf.js 实现支持ie9,ie10, ie11在线预览,无需配置直接使用。 PDF预览功能,在IE中是直接下载的,如何在IE上实现网页预览PDF呢, 需要用到pdf.js实现,该资源代码都有本人自己编写实现。 pdf.js新的版本也都不支持了。

2023-02-10

pdf-watermark.zip

一个可以通过命令行模式调用的给PDF打水印的简单应用.python实现

2021-09-17

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除