- 博客(35)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 使用nuxt对h5官网实现静态化处理seo，generate打包路由动态参数传参
静态化处理是指将动态生成的网页内容转化为静态的HTML文件，以提高网站性能和访问速度。通常情况下，动态网页是通过服务器端脚本语言（如PHP、ASP、JSP等）生成的，每次用户访问都需要服务器进行处理和生成页面。而静态网页则是事先生成好并保存在服务器上的HTML文件，用户访问时直接获取这些静态文件，无需服务器再进行处理。通过静态化处理可以减轻服务器的负载，并提供更快的响应速度和更好的用户体验。同时，静态化的网页也更易于缓存和分发，能够更好地应对高并发的请求。
2023-09-21 09:45:00
998
原创 canvas将新图像绘制到已有的图像上实现类似水印功能
元素本身并没有绘制能力（它仅仅是图形的容器） - 您必须使用脚本来完成实际的绘图任务。方法可返回一个对象，该对象提供了用于在画布上绘图的方法和属性。标签用于绘制图像（通过脚本，通常是 JavaScript）。
2023-05-25 11:15:28
394
原创 将一维数组转化成二维实现右侧弹窗样式
如图所示，这个弹窗的数据有三级，其中一级很好做，难在二级和三级，需要控制三级的样式相对于二级动态展示，点击二级，三级的div盒子宽度没办法显示一整行，只能展示那一列。所以最后实现效果需要根据二级进行绝对定位，由于绝对定位，三级盒子不占位，位置根据当前的选中行来计算，当前选中行的下一行设置一个margin top，然后margintop的高度动态获取。
2023-04-17 10:43:06
179
原创 el-tree-select树形选择 数据回显
由于用到懒加载，与一次性全部加载数据不同的是，当前只有ID，而树结构还没渲染，就会导致没有label回显。所以我们要在组件刚渲染的时候，就构造我们想要的树节点。是el-tree 和 el-select 两个组件的结合体，他们的功能都一样，其次就是一定要注意，后端返回给我们回显的数据类型和。（默认勾选的节点的 key 的数组）至关重要，（默认展开的节点的 key 的数组） 和。数组里的id是否是一样的，如果一个是。类型，也会回显不成功。
2023-03-23 15:38:03
8564
原创 vue3使用element-plus的Autodcomplete接入百度地图地址模糊搜索
首先要去百度地图官方申请ak，这个步骤略过。toSearch这个方法很重要，所有返回的地址信息都通过这里面的cb(一个地址数组)展示出来，如果需要经纬度和其他的数据信息，可以通过handleSelect这个方法来获取，baiduApiPoint这个方法主要是调用百度api，根据传入的path（城市）和form.cityName（输入框的内容）生成一个地址数组。
2023-03-18 09:28:23
1072
原创 vue3+element-plus实现表格多选功能（可以清除选项或分页保留选项）
如图所示，在实际开发中，数据量大的表格基本都添加上了分页功能，每个页面请求的数据回交换更新，第一页的选中效果在跳转至第二页后，如果没有做相关处理，选中项会被清空，具体解决方法如下。至此，即使来回切换页面，也无法清除上次选中情况。
2023-03-03 15:29:00
6769
1
原创 vue3样式渗透之::v-deep为什么无法修改element-plus的弹窗样式
被自己蠢哭了，没有根节点，由于Vue2.X中要求元素必须在一个根节点中，Vue3.X无此要求，可以不在一个根节点中，所以我一开始直接就写了弹窗，没在外面包div，导致我修改组件样式一直无法生效，使用:deep()或者::v-deep修改组件样式。
2023-02-24 14:30:00
1426
1
原创 uniapp实现村组数据多级联动
下面是最主要的数据处理事件,由于村组的数据是在一个接口中，只是根据pid展示村组的数据,传0返村的数据，传1返组的数据，我把事件单独抽取了出来，因为在后面的弹出组件回调事件中能用到。选择了村的数据才会有组的数据，下面为接口的返回格式。
2022-11-30 22:46:21
1460
2
原创 JS Array.map方法内异步方法无法同步执行
1.JS Array.map方法内异步方法无法同步执行问题： 我循环发请求，后台返回给我的照片地址有两个，我要使用map对每一项值进行操作，其中涉及到异步操作。网上的例子（使用promise.all）：let arr1 = [1,2,3,4,5] let res = await Promise.all(arr.map(async (item) => { await new Promise(resolve=>{ setTimeout(() => { console.log(item
2022-11-04 08:45:00
693
原创 Node深入浅出
当然是尽量最大可能去使用异步版本, 因为node.js是一个单线程的，如果方法执行时间比较长，它就会将node唯一的线程给阻塞住，一旦线程被阻塞住，node将无法去为其他任何的请求去服务，除非是万不得已，不然尽可能使用异步版本，因为它不会阻塞线程。
2022-11-03 17:46:12
713
原创 uniapp用html2canvas将图片和文字部分截取 保存到本地相册
或者直接去官网下载文件引入 我这里是直接下载的官网文件。不可以直接操作DOM，所以要新建一个。
2022-10-30 09:45:00
1252
1
原创 element ui中的select多选问题
在使用select下拉框多选时，在编辑用户角色时，编辑界面为select下拉框的model赋值了，选择的数据有问题，输入框中的值不能与下拉框的值对应上。
2022-10-29 10:26:16
3647
原创 element-ui 组件 el-date-picker使用遇到TypeError: value.getTime is not a function问题
在使用element-ui的el-date-picker组件时，需要获取到字符串格式的时间，且格式为yyyy-MM-dd HH:mm:ss，开始写的代码如下：问题:
2022-10-29 10:20:13
753
原创 TypeScript知识点总结
(表示的是任意类型，一个变量设置类型为any后相当于对该变量关闭了TS的类型检测，不建议使用any类型)，声明变量如果不指定类型，则TS解析器会自动判断变量的类型为any（隐式的any）第一种，可以在元素类型后面接上 [ ]，表示由此类型元素组成的一个数组,，第二种方式是使用数组泛型，Array）tsconfig.json文件是ts编译器的配置文件，ts编译器可以根据它的信息来对代码进行编译。所有文件自动编译，需要新增tsconfig.json文件，然后输入。安装babel解决兼容性问题。
2022-10-29 10:02:04
129
2
原创 uniapp使用uni.createInnerAudioContext()播放指定音频并且切换
uniapp使用uni.createInnerAudioContext()是无法多音频播放的 如果我们想同时播放 加上ambient（不中止其他声音播放，不能后台播放，静音后无声音）这个属性，我做的这个是用uniapp开发的一个安卓端的壳包，正常h5用MP3，WMA或者MPEG等格式的音频都是可以的，但在安卓端手机测试需要使用MP3格式的音频，否则会没有声音。这是methods中的点击事件 点击播放和暂停。这是我随便写的样式 点击对应文字切换。
2022-10-28 22:35:45
6751
原创 uniapp路由传递数组对象报错Unexpected end of JSON input
在网上找到了答案是因为传递的参数中有识别不到的内容，我传递的参数里面包含了富文本，所以没有解析出来。
2022-07-16 16:36:43
810
原创 uniapp实现视频上下滑动功能
一开始是拿到所有视频的数据，根据点击的当前视频对象中的id获得swiper需要的current（就是当前下标），正确定位到当前点击的视频，然后自己去控制自动播放视频。问题遇到的最主要的问题就是当我使用官方的autoplay属性实现自动播放，会导致我切换下一个视频的时候出现声音播放还停留在上一个视频，或者多个视频的声音同时播放。注意这个地方是没有手动关闭的，所以就肯定会导致我上面所说的那种画面变了但是声音还停留在上一个视频的问题。这是最主要的swiper的两个事件。............
2022-07-15 17:43:31
4944
2
原创 vue渲染器的实现
虚拟DOM渲染过程: template => render function渲染函数 => vnode => 真实DOM => 视图vnode是啥❓就是一个普通的javascript对象，或者说是不同类型的DOM元素，简单的说 vnode就是可以理解成节点描述对象具体实现看代码????index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-
2021-12-01 12:45:40
664
2
原创 Vue3.x-v-model的深层理解
是语法糖，因此在组件上使用也是同样的，在组件父子值传递往往需要在使用的时候定义事件和。以我的理解就是将父子组件data 都绑定在一起，改变子组件就是改变了父组件。：props不仅可以向下面案例中用数组的形式，也可以用对象来做校验类型。只能在组件使用一次，并且如果想实现类似效果使用多次需要。移除,为了让组件可以使用多个。来定义使用这个语法糖。
2021-10-21 21:24:45
274
原创 在公司上班经常会用到的git命令&&遇到的错误
git clone 仓库地址(将远程仓库代码clone到本地) 如果远程仓库新建了分支 本地看不见可以运行 git pull 查看本地分支git branch 查看远程分支git branch -r 查看所有分支git branch -a 切换远程分支git checkout 分支名称 git rm -r --cached . 删除缓存区的所有文件 git config core.autocrlf false 禁用自动转换，设置成false，line endings将不做转换操作，文本文件保持
2021-09-27 10:15:49
161
2
原创 element-plus级联选择器点击文字无法选中的问题
官方：https://element-plus.gitee.io/#/zh-CN问题：当我点击文字时不能选中解决办法：插入css就可以点击文字啦.el-cascader-panel .el-radio { width: 100%; height: 100%; z-index: 10; position: absolute; top: 10px; right: -10px;}/* 隐藏单选按钮*/// .el-cascader-panel .el-radio__inpu
2021-09-24 09:37:53
1128
原创 【笔记】ECMAScript 6-11
ECMAScript 6-11ES6新特性二级目录ES6新特性1.let关键字let关键字用来声明变量，使用let声明的变量有几个特点：不允许重复声明块儿级作用域不存在变量提升不影响作用域链应用场景：以后声明变量使用 let 就对了2.const关键字const 关键字用来声明常量，const 声明有以下特点:声明必须赋初始值标识符一般为大写不允许重复声明值不允许修改块儿级作用域 注意: 对象属性修改和数组元素变化不会发出 const 错误 应用场景：
2021-08-29 01:01:25
588
原创 简单操作git 上传本地代码到码云
首先，需要下载好git客户端，略过~创建一个文件夹GiteeStore 进入创建好的文件夹，右击选择Git Bash Here,然后在控制台输入git init,会出现一个.git文件 在码云上复制你新建仓库的地址 在控制台输入git remote add originhttps://gitee.com/xmOneKelo/shu-tong.git将本地仓库与码云远程仓库进行关联 将自己要上传的文件放入新建的文件夹中（我放入的是一个cs.html文件），输入git add . 如果出现The .
2021-08-21 14:18:39
97
转载 让你30分钟快速掌握vue 3
经过了漫长的迭代，Vue 3.0终于在上2020-09-18发布了，带了翻天覆地的变化，使用了Typescript 进行了大规模的重构，带来了Composition API RFC版本，类似React Hook 一样的写Vue，可以自定义自己的hook ，让使用者更加的灵活，接下来总结一下vue 3.0 带来的部分新特性。setup() ref() reactive() isRef() toRefs() computed() watch() LifeCycle Hooks(新的生命周期)
2021-08-20 16:11:10
428
原创 echarts x轴的日期显示为年月日
xAxis: { type: "time", //min: new Date("开始时间"), //max: new Date("结束时间"), axisLabel: { interale: 0, rotate: -40, //设置日期显示样式（倾斜度） formatter: function (value) {//在这里写你需要
2021-05-10 09:27:19
12677
4
原创 当在Vue项目中渲染数据重复的问题（去重）
this.projectNameData = res.data.data //去掉重复的数据 var hash = {}; this.projectNameData = this.projectNameData.reduce(function (item, next) { hash[next.projectPresetId] ? '' : hash[next.projectPresetId] = true &
2021-03-11 10:51:04
1937
原创 Vue.js的章节记录笔记(详细)
Vue.js的概念Vue.js是目前比较火的前端框架，React是比较流行前端框架(React除了开发网站，还可以开发手机APP，Vue语法也是可以用于进行收集App开发的，需要借助Weex)Vue.js是前端的主流框架之一，和Angular.js、React.js一起，并成为前端三大主流框架！Vue.js是一套构建用户界面的框架，只关注视图层，它不仅易于上手，还便于与第三方库或既有项目整...
2020-11-03 11:58:37
1040
原创 【Spring笔记】总结spring的第一章
1. Spring简介1.1 Spring介绍Spring是一个开放源代码的设计层面框架，他解决的是业务逻辑层和其他各层的松耦合问题，因此它将面向接口的编程思想贯彻整个系统应用。Spring是于2003年兴起的一个轻量级的Java开发框架，由Rod Johnson创建。简单来说，Spring是一个分层的javaSE/EE full-stack(一站式)轻量级开源框架。Spring是一个非常活...
2020-04-06 20:16:34
200
原创 【Mybatis笔记】总结Mybatis的面试题
Mybatis是什么？MyBatis 是一个可以自定义 SQL、存储过程和高级映射的持久层框架，它的内部封装了JDBC，是一个灵活性较高的半ORM（对象关系映射）框架。Mybatis的XML映射文件中不同的XML映射文件，id是否可以重复?不同的xml文件，如果配置了namespace，那么id可以重复，如果没有配置namespace，那么id不可以重复。#{}和${}的区别是什么？#{...
2020-04-06 16:38:37
653
空空如也
echarts甘特图中自定义tooltip中params如何获取多个数据
2021-03-22
GitHub的静态页面地址访问不了
2020-10-16
TA创建的收藏夹 TA关注的收藏夹
TA关注的人