- 博客(81)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 下载和配置iis
本地localhost 可以访问 但局域网不能访问。windows server系统。注:80端口内容无用 可删除。3.4 4.5 全选。
2023-04-03 15:08:44
254
1
原创 解决vue后台管理系统 离开页面清除定时器失效问题
在写后台时，习惯性设置一个主页面（也就是包含头部、侧边导航栏、底部、中心内容）将子页面都放到中心内容content里。在子页面设置定时器时，切换其他子页面并不是真正的离开了页面，实质上还是在主页面上，所以在destroyed(){}设置清除定时器并不会生效。解决方法：在 beforeRouteLeave (to, from, next) {} 离开路由的时候清除。必须添加next（），否则切换侧标导航栏时 切换路由会失效，导致不能切换页面。本质上是：清除子组件的定时器。
2023-03-15 14:37:51
969
2
原创 根据判断动态绑定文字和块元素对齐方式 css样式
文字对齐方式 text-aligin 和padding来控制对齐方式。AliginItems类型分别为 0 1 2 对应 上 下 中。TextAlign类型分别为 0 1 2 对应 左 右 中。通过flex布局来控制对齐方式 配合三元表达式来动态展示。定义变量 TextAlign控制水平方向上对齐方式。定义变量AliginItems控制垂直方向上对齐方式。需求点击图片实现对应css的变化。这样写可以实现,但代码繁琐。样式绑定时绑定对应的函数。定义对齐方式的css样式。
2023-01-11 14:52:04
180
原创 element使用 loading 加载改变默认背景色 文字 图标
【代码】element使用 loading 加载改变默认背景色 文字 图标。
2022-12-19 10:47:41
1558
原创 vue3+ts项目中封装3d单柱柱状图
3d柱状图要注意创建左切面,右切面和上切面 三种颜色形成3d柱状效果。taget ==>目标对象 source==>源对象。下载echarts npm i echarts。推荐vue3封装echarts博客地址。封装组件为Barchart.vue文件。vue3+ts项目中封装单柱的柱状图。返回值:target,即目标对象。
2022-12-01 17:24:19
842
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
30582
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
624
原创 vue3+ts项目中使用水球图
此处绑定ref 是为了给图表数据 宽高是为了显示水球图。使用echarts必须给echarts图表设置宽高。在对应组件中引入也可在main.ts中引入水球图。
2022-10-28 14:41:12
1576
2
原创 二次封装el-table表格根据类名不同切换样式
在style里面定义样式,表格的字体颜色为白色 现在添加一个名为theme的类名 类控制他的样式修改。封装表格代码 新建MyTable文件夹 index.vue文件和getValue.ts文件。在对应页面上使用的table标签上 加上自定义的类名。定义theme变量 ,并绑定在标签上。getValue.ts文件代码如下。同一个表格,加类名切换不同风格。index.vue文件如下。
2022-10-24 14:44:32
1252
原创 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
591
2
原创 element-plus table表格换行变色以及部分el自带样式的修改
element-plus table表格换行变色。// 清除table表格的下边线。
2022-10-14 14:31:42
2357
原创 vue项目中引入百度地图
认证信息:个人认证和企业认证,根据自己的需要按照流程填写认证信息。1.在index.html中引用。index.html使用步骤。把不要忘记替换自己的ak。2.根据官方文档引入项目。
2022-10-11 11:52:29
580
原创 可视化大屏幕的适配方法-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
3111
1
原创 对webwork的理解与使用
js采用的是单线程模型,所有任务只能在一个线程上完成，一次只能做一件事。前面的任务没做完，后面的任务只能等着。随着电脑计算能力的增强，尤其是多核 CPU 的出现，单线程带来很大的不便，无法充分发挥计算机的计算能力相对的webwork就是为js创造多线程的环境,允许主线程创建webwork线程,将未处理的一些任务分给后者 运行.在js主线程运行的同时,work线程在后台运行,两者互不打扰,等到webwork线程的任务结束后,把结果返回给主线程。
2022-09-27 14:16:03
4526
原创 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
1042
1
原创 微信小程序面试准备
在pages.json里面设置tabBar对象list数组 pagePath 跳转路径text按钮名称,信息iconPath 按钮没有选中时的图标selectedIconPath 按钮选中时的图标分包加载在构建时打包成不同的分包,用户在使用时按需进行加载。............
2022-08-25 21:46:13
540
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
1972
5
原创 数组塌陷问题 数组去重的方法 统计数组中出现的次数
数组塌陷问题需求：把数组中的每一个元素都删掉思路 通过for循环 和splice（）对数组中元素进行删除处理打印结果是如上所示 出现的问题 ：应该删除了所有的元素可以漏掉了 一个元素‘b’这个问题就叫做splice()的数组塌陷问题分析这个问题产生的原因第一次循环是 i =>0 删除了第0个元素 删除了'a' 剩余元素为['b','c']第二次循环 i=>1 删除了 第一个元素 删除了'c',剩余元素为'b'解决方法一执行体内i--解决方法二数组长度-1 且i--...
2022-08-07 21:23:25
134
原创 前端面试题 持续更新
全局注册指令全局注册指令需要使用Vue.directive接口局部注册指令对于局部注册我们需要在钩子函数directives中声明。
2022-08-01 09:55:29
703
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
12096
原创 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
4419
原创 vue3中的组件通信
Vue3中v-model也把Vue2中的v-model和.sync修饰符结合起来了所以v-model可以支持多个使用。在子组件模板中通过插槽使用若想在setup中使用的话需要传递一个props参数。在子组件中通过emit自定义事件向父组件传值。2.在子组件中通过$emit触发父组件定义的事件。在父组件中的子组件标签上通过ref绑定组件信息。在子组件中通过ref获取组件信息实现组件传值。父组件中的子组件标签上自定义属性传递。子组件中props接收父组件传递的数据。...............
2022-07-17 00:01:20
926
原创 初识vue3
vue2和vue3的区别(如何理解vue3)如何用vite创建项目编写vue应用安装开发工具setup 入口函数 reactive 和ref包装对象toRef toRefs computed计算属性watch监听reactivewatch监听ref
2022-07-14 22:05:38
508
原创 微信小程序总集
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
234
原创 基于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
1892
1
原创 员工管理 封装组件全局注册 sortable数据升序处理 枚举取值三种方法 删除操作 新增员工操作
新建员工页在下面补充创建 ，内容如下：引入插槽让用户能自定义内容使用组件设置,内容如下： 全局注册使用全局注册方法二 封装自己的组件在components组件新建index.js 组件用于封装 信息在main.js中注册自己的组件 页面一加载获取员工信息发送请求定义接口函数 在employees.js中定义接口函数调用接口 在employees.vue中调用接口渲染表格 在 绑定信息 通过sortable实现对数据的升序和..................
2022-06-27 14:39:26
253
原创 新增公司管理页 分页设置 新增功能 删除功能
新增公司管理页 配置路由分页设置在api新建settings.js中定义接口函数在settings.vue中 定义函数 发送请求表格的渲染数据 分页功能的实现current-page修改当前页 删除功能在setting.js定义接口函数deleteRole 参数为路径(路径 在路径后传`/${id}`) 在setting.vue文件中 按需导入接口函数 通过插槽#default="{row}传数据" 删除按钮绑定点击事件 询问框 新增的对话框设置新增功能给确定按钮绑定hSubmit兜底校验定义接口函数 调
2022-06-23 22:03:33
233
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人