- 博客(83)
- 资源 (2)
- 收藏
- 关注
原创 vue3 uni app端使用uCharts
引入后在uni-modules的目录如下。uni-modules引入组件方法。在插件市场找到组件,直接引入项目。
2024-09-03 13:32:00 588
原创 vue中post请求返回二进制流文件下载
4.关于Excel导出 POI 响应头设置 Content-Type: application/vnd.ms-excel 异常解决方法,可以在需要的请求头处多加一个。踩坑一 : 封装的index.ts请求中使用了mockjs 这会导致 blob 置空 ,建议直接使用axios请求。3.我们自行二次封装的axios可能会导致乱码现象,建议直接用axios调用接口请求。注:如果下载的文件为 [object,object] ,将res.data给函数就行。1 .调用接口返回的如下图所示,此时看到是一个流文件。
2024-08-06 10:24:54 499
原创 下载和配置iis
本地localhost 可以访问 但局域网不能访问。windows server系统。注:80端口内容无用 可删除。3.4 4.5 全选。
2023-04-03 15:08:44 292 1
原创 解决vue后台管理系统 离开页面清除定时器失效问题
在写后台时,习惯性设置一个主页面(也就是包含头部、侧边导航栏、底部、中心内容)将子页面都放到中心内容content里。在子页面设置定时器时,切换其他子页面并不是真正的离开了页面,实质上还是在主页面上,所以在destroyed(){}设置清除定时器并不会生效。解决方法:在 beforeRouteLeave (to, from, next) {} 离开路由的时候清除。必须添加next(),否则切换侧标导航栏时 切换路由会失效,导致不能切换页面。本质上是:清除子组件的定时器。
2023-03-15 14:37:51 1082 2
原创 根据判断动态绑定文字和块元素对齐方式 css样式
文字对齐方式 text-aligin 和padding来控制对齐方式。AliginItems类型分别为 0 1 2 对应 上 下 中。TextAlign类型分别为 0 1 2 对应 左 右 中。通过flex布局来控制对齐方式 配合三元表达式来动态展示。定义变量 TextAlign控制水平方向上对齐方式。定义变量AliginItems控制垂直方向上对齐方式。需求点击图片实现对应css的变化。这样写可以实现,但代码繁琐。样式绑定时绑定对应的函数。定义对齐方式的css样式。
2023-01-11 14:52:04 224
原创 element使用 loading 加载改变默认背景色 文字 图标
【代码】element使用 loading 加载改变默认背景色 文字 图标。
2022-12-19 10:47:41 1665
原创 vue3+ts项目中封装3d单柱柱状图
3d柱状图要注意创建左切面,右切面和上切面 三种颜色形成3d柱状效果。taget ==>目标对象 source==>源对象。下载echarts npm i echarts。推荐vue3封装echarts博客地址。封装组件为Barchart.vue文件。vue3+ts项目中封装单柱的柱状图。返回值:target,即目标对象。
2022-12-01 17:24:19 932 2
原创 Echarts图表中formatter的用法
(4){d}:百分比。模板变量有 {a}, {b},{c},{d},{e},分别表示系列名,数据名,数据值等。u 折线(区域)图、柱状(条形)图、K线图: {a}(系列名称),{b}(类目值),{c}(数值), {d}(无)u 饼图、仪表盘、漏斗图: {a}(系列名称),{b}(数据项名称),{c}(数值), {d}(百分比)(气泡)图 : {a}(系列名称),{b}(数据名称),{c}(数值数组), {d}(无)u 地图 : {a}(系列名称),{b}(区域名称),{c}(合并数值), {d}(无)
2022-11-09 11:29:16 31391 1
原创 初识three.js与简单练习
b.正交投影相机: OrthographicCamera( left, right, top, bottom, near, far ) left: 视锥体左边界, right: 视锥体右边界, top: 视锥体上边界, bottom: 视锥体下边界, near: 近裁面, far: 远裁面。* d.3D相机: StereoCamera( fov, aspect, near, far ) fov: 视角大小, aspect: 宽高比, near: 近裁面, far: 远裁面。
2022-11-04 14:24:34 642
原创 vue3+ts项目中使用水球图
此处绑定ref 是为了给图表数据 宽高是为了显示水球图。使用echarts必须给echarts图表设置宽高。在对应组件中引入也可在main.ts中引入水球图。
2022-10-28 14:41:12 1682 2
原创 二次封装el-table表格根据类名不同切换样式
在style里面定义样式,表格的字体颜色为白色 现在添加一个名为theme的类名 类控制他的样式修改。封装表格代码 新建MyTable文件夹 index.vue文件和getValue.ts文件。在对应页面上使用的table标签上 加上自定义的类名。定义theme变量 ,并绑定在标签上。getValue.ts文件代码如下。同一个表格,加类名切换不同风格。index.vue文件如下。
2022-10-24 14:44:32 1292
原创 ssh生成秘钥-配置github以及Could not read from remote repository. 和git常见问题ssl报错处理
一 检查问题产生的原因产生问题的原因是原因一:客户端与服务端未生成 ssh key原因二:客户端与服务端的ssh key不匹配为解决以上问题,我们需要重新生成一次ssh key ,并重新配置一下GitHub账户即可。如何查看自己属于的问题属于哪个原因检查是否是问题一:命令行输入如下代码出现如下查看是否有id_rsa和id_rsa.pub(或者是id_dsa和id_dsa.pub之类成对的文件),有 .pub 后缀的文件就是公钥二 生成 ssh key 公钥。
2022-10-19 10:17:40 629 2
原创 element-plus table表格换行变色以及部分el自带样式的修改
element-plus table表格换行变色。// 清除table表格的下边线。
2022-10-14 14:31:42 2408
原创 vue项目中引入百度地图
认证信息:个人认证和企业认证,根据自己的需要按照流程填写认证信息。1.在index.html中引用。index.html使用步骤。把不要忘记替换自己的ak。2.根据官方文档引入项目。
2022-10-11 11:52:29 614
原创 可视化大屏幕的适配方法-vw/vh
vw和vh也是css中标准的单位,和px,rem, %一样 vw和vh适配方案,按照设计稿的尺寸,将px按比例计算转为vw和vh。1.在src/style下新建一个use.scss文件,定义好设计稿的宽度和高度两个变量。2.使用scss内置的`math.div`函数,定义两个`vw`和`vh`的计算函数。屏幕视口宽度 = 100vw,屏幕视口高度 = 100vh。3.传入具体的像素值,其帮我们自动计算出vw和vh的值。假如设计稿宽高为 1920px = 100vw。首先vw和vh的换算公式如下。
2022-10-10 16:55:59 3219 1
原创 对webwork的理解与使用
js采用的是单线程模型,所有任务只能在一个线程上完成,一次只能做一件事。前面的任务没做完,后面的任务只能等着。随着电脑计算能力的增强,尤其是多核 CPU 的出现,单线程带来很大的不便,无法充分发挥计算机的计算能力相对的webwork就是为js创造多线程的环境,允许主线程创建webwork线程,将未处理的一些任务分给后者 运行.在js主线程运行的同时,work线程在后台运行,两者互不打扰,等到webwork线程的任务结束后,把结果返回给主线程。
2022-09-27 14:16:03 4967
原创 window系统配置nvm管理node版本工具
3.为了彻底删除之前安装的node.js,鼠标点击电脑左面最左下角的win窗口图标弹出,输入“控制面板”再点击回车键进入,进入控制面板后,找到所安装的node.js并卸载。1.按健win+R弹出窗口,键盘输入cmd,然后敲回车(或者鼠标直接点击电脑桌面最左下角的win窗口图标弹出,输入cmd再点击回车键)然后进入命令控制行窗口,并输入where node查看之前本地安装的node的路径。2.nvm安装完成后,检验是否安装成功,进入命令控制行窗口(进入方法见前面),
2022-09-05 15:38:23 1134 1
原创 微信小程序面试准备
在pages.json里面设置tabBar对象list数组 pagePath 跳转路径text按钮名称,信息iconPath 按钮没有选中时的图标selectedIconPath 按钮选中时的图标分包加载在构建时打包成不同的分包,用户在使用时按需进行加载。............
2022-08-25 21:46:13 832 4
原创 hbuilder x配置 配置使用 vue-cli和微信开发者工具
开启服务微信开发者工具-设置-安全设置-服务端口开启 在HBuilder x 中设置挂起 在微信小程序中 cli打开(2)安装vue4.5.15版本下载运行项目所需要的sass插件 创建项目选择默认模板运行小程序命令 将demo项目中的dist/dev/mp-weixin文件夹通过微信开发者工具打开遇到的问题 vue-cli的版本不兼容要下载4.5.15版本页面不加载检查sass工具是否安装HBuiled 端口号不一致,修改为自己的端口号使用 vue-cli在uni-app官网中
2022-08-13 10:07:01 2017 5
原创 数组塌陷问题 数组去重的方法 统计数组中出现的次数
数组塌陷问题需求:把数组中的每一个元素都删掉思路 通过for循环 和splice()对数组中元素进行删除处理打印结果是如上所示 出现的问题 :应该删除了所有的元素可以漏掉了 一个元素‘b’这个问题就叫做splice()的数组塌陷问题分析这个问题产生的原因第一次循环是 i =>0 删除了第0个元素 删除了'a' 剩余元素为['b','c']第二次循环 i=>1 删除了 第一个元素 删除了'c',剩余元素为'b'解决方法一执行体内i--解决方法二数组长度-1 且i--...
2022-08-07 21:23:25 165
原创 前端面试题 持续更新
全局注册指令全局注册指令需要使用Vue.directive接口局部注册指令对于局部注册我们需要在钩子函数directives中声明。
2022-08-01 09:55:29 1278 1
原创 ts基本类型 typeof 和keyof
安装编译ts的工具安装命令: 或者 。验证是否安装成功:tsc –v(查看 TypeScript 的版本)。创建 文件(注意:TS 文件的后缀名为 )。将 TS 编译为 JS:在终端中输入命令,(此时,在同级目录中会出现一个同名的 JS 文件)。执行 JS 代码:在终端中输入命令,。说明:所有合法的 JS 代码都是 TS 代码,有 JS 基础只需要学习 TS 的类型即可。注意:由 TS 编译生成的 JS 文件,代码中就没有类型信息了。 创建 TS文件hello 通过 tsc hello.ts 命令会生成同
2022-07-22 11:44:56 12350
原创 vue3响应式原理 vue3使用router vuex4 pinia的使用与传值 storeToRefs的使用
创建vue3项目命令vue3的响应式原理vue3中的响应式原理为proxy做到数据影响视图视图影响数据叫做响应式(双向数据绑定)总结通过proxy代理整个对象,视图到数据的变化是通过eventhandle操作事件(DOM监听)数据影响视图是通过eventbinding数据劫持来实现的vue-router集成安装vue-routeryarnaddvue-router@4|npminstallvue-router@4;创建并配置路由。......
2022-07-20 21:15:04 4460
原创 vue3中的组件通信
Vue3中v-model也把Vue2中的v-model和.sync修饰符结合起来了所以v-model可以支持多个使用。在子组件模板中通过插槽使用若想在setup中使用的话需要传递一个props参数。在子组件中通过emit自定义事件向父组件传值。2.在子组件中通过$emit触发父组件定义的事件。在父组件中的子组件标签上通过ref绑定组件信息。在子组件中通过ref获取组件信息实现组件传值。父组件中的子组件标签上自定义属性传递。子组件中props接收父组件传递的数据。...............
2022-07-17 00:01:20 1001
原创 初识vue3
vue2和vue3的区别(如何理解vue3)如何用vite创建项目编写vue应用安装开发工具setup 入口函数 reactive 和ref包装对象toRef toRefs computed计算属性watch监听reactivewatch监听ref
2022-07-14 22:05:38 521
原创 微信小程序总集
1.申请和注册账号注册地址:https://mp.weixin.qq.com/cgi-bin/registermidpage?action=index&lang=zh_CN2.下载微信开发者工具下载地址: 稳定版 Stable Build | 微信开放文档3.创建小程序填写小程序项目名称选择项目代码保存目录(选择后加上项目名称,这样代码会生成到该目录)填写AppID (可以先使用测试号,后面随时可以修改)语言选择javascript后端服务不使用云服务,最后确定小程序根目录下的 ,常用配置清单1.数组的第
2022-07-10 16:53:28 263
原创 基于vue-element-admin 中的Excel的导入和导出 xlsx插件
excel的导入工作安装插件element-ui安装插件 xlsx 2. 找到 components/UploadExcel/index.vue 将整个UploadExcel文件夹复制到 excel_demo项目的 components目录下 3. App.vue内容覆盖为 效果如下 给导入绑定点击事件跳转页面在employee.js中定义接口函数 在import.vue中定义函数 发送请求 实现批量导入对Excel的时间进行格式化处理 定义函数发送请求 获取员工数据实现批量导入 导出 n
2022-07-10 11:30:19 1992 1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人