- 博客(77)
- 资源 (1)
- 收藏
- 关注
原创 Python基础知识-2
需要注意的是,由于多进程之间是独立的,它们之间的通信会带来一定的开销,因此在选择通信方式时需要根据具体情况进行权衡和选择。
2023-07-26 10:00:47
205
原创 Python基础知识-1
自定义异常 class LengthError(Exception) : def __intt__(self , x , y) : self . x = x。
2023-07-23 14:57:31
221
原创 vue-路由history模式刷新页面404及上线后的代理问题
为了追求路由美观,又或者说为了便于网页的SEO优化,常常会舍弃hash路由而改用history路由。router-index.js基础配置mode : "history" , base : process . env . BASE_URL , routes , // 切换路由后滚动条置顶 scrollBehavior() {return {} , });本地404设置完以后,问题来了,页面刷新会报404怎么办。设置publicPath、.........
2022-08-11 14:12:05
3634
1
原创 prerender-spa-plugin报错处理,prerender-spa-plugin-next长江后浪
由于业务需求需要用到预渲染,vite+vue3没有找到好的库。考虑使用prerender-spa-plugin这个插件满足需求。以下是我的配置信息。使用过程中诸多报错,但后续都以解决。最终卡在这个条报错信息上。...
2022-08-10 16:03:29
4456
15
原创 Vue3-无法使用 JSX,除非提供了 “--jsx“ 标志。ts(17004)
以Vue3+TS为例,项目出现**无法使用 JSX,除非提供了 “–jsx“ 标志。ts(17004)**的提示。虽然不影响项目的正常运行,但身为一名强迫症患者,这种报错必须消灭。网上的解决方式五花八门。有说在vscode 的setting.json文件添加:有说在重新安装ts的有说在 tsconfig.json中添加亲测后以上解决办法并没有解决报错信息。发先这些报错信息都出现在以下这种写法的组件上。亲测写入完整的组件标签名即可解决报错信息。......
2022-07-10 15:39:38
1015
原创 Vue3+Naive踩坑
NaiveUI很多组件虽然需要手动操作,但根据个人体验,认为该UI库性能方面的确比较时髦,无愧于新生代的UI组件库。单独新建Message.vue组件,将message挂载在window。同时需要在xxx.d.ts中添加window相关声明types>global.d.tsdeclare global是为了在全局命名空间做声明,比如为对象增加一个未定义的属性。在App.vue入口文件中进行挂载。实际项目中的使用通过 window.$message.提示类型即可在全局使用。...
2022-07-07 21:25:53
1784
原创 微前端ice-stark主应用与子应用间的通信
使用 @ice/stark-data 包,需要单独安装使用store主应用页面引入后进行传值同理,子应用中获取user,监听主应用数据变化子应用传值给父应用子应用触发事件父应用接收数据props传值在icestark2.0更新版本中,icestark 还支持通过 props 将主应用数据传递给微应用。在主应用中通过 props 配置用户信息。微应用可以通过生命周期函数获取到该数据:...
2022-06-17 14:28:07
845
原创 Vue封装Markdown组件介绍文档
一个插件可以让你导入Markdown文件作为各种格式的vite项目。复制GitHub Markdown风格main.js引入vite.config.ts配置vite.config.js中配置vite-plugin-markdown插件封装MorkDown组件创建doc展示页面创建展示文档页面路由页面效果...
2022-06-16 10:25:50
915
原创 Vue3 + web component 实现跨技术栈组件
基于Vue3框架开发,使用web component对组件封装,打破组件库无法跨技术栈的制约。
2022-06-14 17:33:23
2045
原创 Javascript八股文-闭包和柯里化
闭包的特点:函数嵌套函数函数内部可以引用外部的参数和变量。参数和变量不会被垃圾回收机制回收。闭包的优点:希望一个变量长期驻扎在内存中。避免全局变量的污染。私有化成员。闭包的缺点造成内存泄露使用场景:websock有一个特点是数据发送时间歇性的,一会儿发过来一截,也有可能连续的发送。发送的过程中需要等待,需要拿到完整的二进制流数据后,才能进行解析。...
2022-06-11 21:57:10
291
原创 重温Javascript八股文 -—call,bind,apply以及 this的指向
call &applycall 可以将某个对象原本没有的方法,进行劫持,通过改变this指向让该对象也具备这种能力。应用场景判断js数据类型Object.prototype.toString.call('需要判断的数据')对象冒充式继承function a() { this.name = "a";}// a是超类;a.prototype.play = function () { // console.log(this.name, this);};function
2022-05-30 16:29:40
464
原创 Pinia+Vue3使用案例及Pinia持久化存储
为什么要使用PiniaPinia是Vue的一个存储库,它允许你跨组件/页面共享状态。 如果你熟悉Composition API,你可能会认为你已经可以通过一个简单的导出const state = reactive({})来共享一个全局状态。 这对于单页应用程序是正确的,但如果是服务器端呈现,则会暴露应用程序的安全漏洞。 但即使是在小的单页应用程序中,你也可以通过使用Pinia获得很多:热模块替换修改存储而无需重新加载页面在开发过程中保持任何现有状态使用插件扩展Pinia功能为JS用户提供正确.
2022-05-26 16:50:24
6904
5
原创 Vue3.x&Vite2.0简易版打包优化
build配置文件安装基础插件npm i @vitejs/plugin-vue -Dnpm i vite-svg-loader -Dnpm i @vitejs/plugin-legacy -Dnpm i @vitejs/plugin-vue-jsx -Dnpm i vite-plugin-windicss -Dnpm i vite-plugin-mock -Dnpm i vite-plugin-live-reload -Dnpm i vite-plugin-remove-
2022-05-25 17:25:23
2319
原创 JavaScript数组39种静态&实例方法汇总详解
JavaScript数组静态&实例方法汇总详解改变原数组方法*9种1、copyWithin()顾名思义,在截取一段数组元素,Copy数组内部的指定位置。它接受三个参数。target(必需):从该位置开始替换数据。start(可选):从该位置开始读取数据,默认为 0。如果为负值,表示倒数。end(可选):到该位置前停止读取数据,默认等于数组长度。如果为负值,表示倒数。这三个参数都应该是数值,如果不是,会自动转为数值。语法array.copyWithin(target, star
2022-05-19 17:00:37
741
2
原创 JavaScript简述-Set和Map
Set和Map讲到Set和Map首先想到数组和对象的优缺点。数组的优点有顺序。紧密性。有关联。数组的缺点速度慢:增删改查。有重复。判断值时,必须遍历数组。对象优点有键值对,增删改查快键唯一多重集合对象的缺点没有关联按照添加顺序遍历如果需要查询属性时,需要遍历Set列表,增删该查快,无重复,只要值的列表,不能有键。没有索引,不能使用for循环,也不能用下标直接修改或者获取。Set的静态方法adddeletehas 返回Boole
2022-05-19 10:41:20
279
原创 Vue3.x Slot插槽使用
Vue版本3.x插槽使用记录匿名插槽命名<template> <div class="titleModel"> <div class="titleArea"> <span class="titlelabel"></span> <span class="title_Main">{{ props.titleName }}</span> </div> <!-
2022-05-17 17:51:16
418
原创 Echarts容器宽高为百分比,图表展示不全
Echarts设置宽高,图表仍展示不全问题问题示例如下:代码设置的宽度为100%父元素的宽,而打开F12会发现图表容器的宽高是100px。出现该问题的原因:1、高度固定,宽度百分比2、以Vue为例,图表中用到v-show等会引起页面重绘的指令,数据更新了但图表未更新。解决方案:1、重新调用图表绘制函数。2、调用Echats实例的resize()方法。...
2022-05-13 16:25:58
3284
原创 Vue3+Vite KeepAlive页面缓存问题
记录一个Vue3.x版本在使用KeepAlive缓存时的页面问题。问题一:使用KeepAlive缓存公共组件切换页面时发生错乱错误正常问题二:KeepAlive缓存页面,同一子路由参数不同下切换页面,页面内容发生错乱以上两个问题解决方式:在给RouterView添加key值即可: <router-view :key="route.fullPath" include="Tabletitle"> </router-view>Vue3.x+Rout
2022-04-12 14:53:42
2598
原创 Vue3+Echarts5.x
引入 EChartsimport * as echarts from 'echarts';规定Type类型type EChartsOption = echarts.EChartsOption;const barChart = ref<any>(null);//实例化Dom对象let barChartSeries: any;初始化图表// 图表初始化onMounted(() => { if (barChart.value) { nextTick(() =>
2022-04-06 09:57:30
1036
原创 微信小程序使用IconFont彩色图标
以下命令皆在miniprogram文件夹中操作1.安装Iconfontnpm install mini-program-iconfont-cli --save-dev2、初始化配置文件npx iconfont-init3、填入你阿里巴巴矢量图表项目库中的 Symbol 链接4、生成小程序组件npx iconfont-wechat4、使用图标在 app.json 文件里设置使用图标组件"usingComponents": { "iconfont": "/iconfont/ico
2022-03-20 14:43:51
686
原创 echarts取消鼠标划入事件&事件的回调&取消和手动添加高亮效果
在使用Echarts过程中,在Echarts中事件发生时,如何回调处理?在文档中的配置项手册中的Action可以找到相应的事件触发[]链接地址以Vue3+Echarts5.x为例在点击右侧Legend时,回调可以拿到相应的数据,从而可以与Echarts以外的DOM事件进行联动抛发。onMounted(() => { if (pieChart.value) { nextTick(() => { fiveLevelPieSeries = echarts.init
2022-03-08 10:44:39
8422
4
原创 Vue3&TypeScript 踩坑
安装环境1.node版本12以上创建项目npm init @vitejs/app + 项目名1、配置路由router-index.tsnpm install vue-router@4 --saveimport { createRouter, createWebHashHistory, RouteRecordRaw } from "vue-router";const routes: Array<RouteRecordRaw> = [ { path: "/", name:
2022-02-07 09:32:56
3081
原创 Ts+Vue3项目eval函数替代方案
eval函数作用:eval()函数会将传入的字符串当做JavaScript代码进行执行。const evilFn = (fn) => { let Fn = Function; // 一个变量指向Function,防止有些前端编译工具报错 return new Fn(`return ${fn}`)();};
2021-12-30 11:03:20
3446
原创 Vue3.x下使用VueX4.x
创建Store-Vuex4.xstore—>modules—>user.tsimport { Module } from 'vuex';interface StoreUser { accountName: string;}const userModule = { namespaced: true, state() { const a = localStorage.getItem('accountName'); return { accountN
2021-12-06 21:17:35
398
原创 Vue3.x使用Cavans画布封装动态验证码组件
目录strokeStylefillRectclearRectmoveToverify.vuestrokeStylestrokeStyle 属性设置或返回用于笔触的颜色、渐变或模式。fillRectfillRect() 方法绘制“已填色”的矩形。默认的填充颜色是黑色。传入四个参数,前两位-x,y坐标,后两位-矩形宽高.clearRectclearRect() 方法清空给定矩形内的指定像素。可用于清空画布,多个验证码带有透明度的情况下,可能会发生重叠moveTomoveTo(x,y); 移动至
2021-12-01 22:32:56
470
原创 Vue3.x 父组件Setup、Ref操纵子组件中的元素&方法
目录父组件方法一:defineComponent方法二:setup语法糖小伙伴们在开箱Vue3的过程中一点会踩到不少坑。比如很多小伙伴想要通过ref来操纵DOM,可偏偏翻车。这里分享两个常用的方法,使用以下两个例子为例。父组件<template> <child ref="childRef"></child></template><script setup>import { ref } from "vue";// 引入子组件im
2021-12-01 22:20:23
8818
1
原创 Vue3引入彩色阿里巴巴Iconfont图标
1、下载阿里巴巴矢量图标库代码(Symbol)2、main.ts全局引入一下两个文件import "../src/assets/iconfont/iconfont.js";import "../src/assets/iconfont/iconfont.css";3、自定义相应的Iconfont组件<template> ssssssssssssss <svg class="icon" aria-hidden="true" :width="fontSize" :heigh
2021-11-21 14:54:39
1593
原创 pnpm无法加载文件
Pnpm安装npm install -g pnpmpnpm : 无法加载文件pnpm : 无法加载文件 C:\Users\HP\AppData\Roaming\npm\pnpm.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。所在位置 行:1 字符: 1+ pnpm i+ ~~~~ + CategoryInfo
2021-11-04 11:08:29
2818
原创 Javascript------Class类的理解
文章目录**基类**(BaseClass)父类子类**超类**(SuperClass)举个例子类中的this又是谁呢?类是一种抽象的概念。eg:人类属于哺乳类,即人类拥有哺乳类的相关特征。有着向下继承的关系。基类(BaseClass)越往高的类别,我们把这种类别叫做基类。父类可以理解为:人类的父类为灵长类。即人类以上的所有类别都可以叫做父类。(没有祖父类,曾祖父类)子类向下拓展的所有类别都为子类。超类(SuperClass)为了将真正的父类将其他的"父类"进行区分,于是有了超类。即某类
2021-10-18 21:23:58
285
原创 Vite2.0+ElementPlus打包报错Cannot find name ‘global‘.
Vite2.0引入ElementPlus打包报错。node_modules/element-plus/es/utils/types.d.ts:19:55 - error TS2304: Cannot find name ‘global’.在package.jsonbuild脚本命令行中添加–skipLibCheck保存再次打包即可。 "scripts": { "dev": "vite", "build": "vue-tsc --noEmit --skipLibCheck &am
2021-09-12 11:21:03
1638
原创 sass高版本Node环境下报错
Node Sass could not find a binding for your current environment: Windows 64-重构: npm rebuild node-sass更新:npm update完事
2021-09-08 17:48:49
234
1
原创 Vue视频背景自动播放组件
<template> <div class="homepage-hero-module"> <div class="video-container"> <div :style="fixStyle" class="filter"> <!--内容--> </div> <video :style="fixStyle" autoplay loop muted class="f
2021-09-07 11:49:07
1173
原创 Vue不同分辨率大小下的屏幕适配
亲测可用安装npm i lib-flexiblenpm i postcss-px2rem-excludeutils文件夹下创建rem.js复制以下全部代码(function() { // flexible.css let cssText = '' + '@charset "utf-8";html{color:#000;background:#fff;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size
2021-09-02 16:13:30
1025
原创 推荐好用的可做动画控制的js库Gsapjs
AnimatejsAnimayejs许多小伙伴会在项目中使用到Animaye.css动画库,但是终究是css样式库,同一个页面不同的模块进行操作会有一些坑(例:动画发生的时间难于掌控)。推荐一个好用的库Gsapjs在VUE官网中的状态过渡这节中有用到这个库的例子。gsap.to()常用的方法gsap.to()即可搞定大部分的动画效果问题举例:动态数字累加告别冗余的计时器figureSurge.vue<template> <div class="figureS
2021-09-02 16:00:12
2129
navicat110_premium_cs_x64(11.0.19).zip
2020-08-27
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人