-
风清月前端axios发送一个Post请求,发送一个类似postman中的x-www-form-urlencoded 格式参数
在 Postman 中，x-www-form-urlencoded 是一种编码格式，它允许你将表单数据以键值对的形式发送到服务器，类似于... -
风清月前端
axios发送一个Post请求,把json参数使用Form Data的形式进行传递
在 Vue 3 中使用 Axios 发送一个 POST 请求，并且以 FormData 的形式传递参数，你可以使用 FormData 对象来构建... -
TeachingNote前端element plus table 表格，开启多选，增加复选框。设置忽略可选属性。获取选择的值
element plus table 表格，要开启多选非常简单，手动添加一个 el-table-column，设 type 属性为 selection 即可... -
TeachingNote前端
vue3组件刷新，手动刷新组件，手动重新加载组件，类似reload方法
一般情况会封装一个refreshData来重新刷新数据，但是有些情况参数比较复杂，写这种刷新方法需要注意很多东西还要... -
TeachingNote前端
修改element plus Carousel 走马灯 改指示器的样式，变为小圆点的效果。修改切换箭头的样式，位置，颜色等
代码如下： <!-- 修改element plus Carousel 走马灯 改指示器的样式，变为小圆点的效果。 以及切换箭... -
TeachingNote前端
vue 样式穿透写法
方法一:使用 ::v-deep示例代码如下： <style scoped="scoped" lang="scss"> ... -
TeachingNote前端
ts实现动态拼接字符串，实现类似 C# 的 string.Format的格式化字符串。ts,js动态给拼接字符串提供参数
模板是这样的：”于${0}通过${1}课程体系《${2}》课程授课”对于这种格式的模板字符串，可以使用一个简单的替换... -
TeachingNote前端
ts实现面向对象编程，定义属性,方法，构造函数，私有方法，以及引用类，实例化类等。vue3使用ts对象
[TOC]ts实现面向对象编程，定义属性，构造函数等基础使用在 TypeScript 中，你可以使用类和面向对象编程（OOP）... -
剑轩前端vue3使用canvas进行绘图的时候,动态实现绘制文字居中。实现绘制文字的时候设置间距。有文字间距的情况下动态实现居中
比如我绘制两个字，drawText(‘李白’, 32,’Arial’, ‘#062466’, 516, 335)，最后两个参数是x,y坐标。这样可... -
TeachingNote前端
Canvas在绘制文字的时候，实现文字的水平间距调整，类似css里边的letter-spacing
在Canvas上绘制文字时，虽然Canvas的2D渲染上下文（CanvasRenderingContext2D）没有直接提供类似于CSS中letter-s... -
TeachingNote前端
vue3 使用Canvas对图像进行编辑，图片里边添加文字，导出为图片，导出图片的时候按照一定比例进行导出
比如我想把原图为35082480的缩小三倍变成1169827下编辑，这个时候我把Canvas的宽高设置成1169827编辑后，后导出... -
人生若只如初见前端uniapp plus.runtime.install 安装失败
APP 权限配置添加"<uses-permission android:name=\"android.permission.REQUEST_INSTALL_PACKAGES... -
人生若只如初见前端
uniapp 应用热更新，进度条/权限
/** * 检查安装应用权限 */ checkInstallPermission() { return new Promise((resolve, reject) =>... -
剑轩前端
vue3 图片上传，文件上传，视频上传。图片预览，视频预览。
直接调用接口上传参考:https://www.tnblog.net/notebook/article/details/8495[TOC]基础的图片上传，文件上传，... -
小可爱前端vue3 element plus 常用提示信息，提示框
引入相关方法import { ElMessageBox, ElMessage } from 'element-plus' 常用提示框写法ElMessage.warni... -
TeachingNote前端
vue3 实现div滚动到一定位置就固定他，实现一侧滚动到某个位置就固定，实现滚动条滚动到一边的最底部就固定
在vue2以及普通页面里边使用参考：https://www.tnblog.net/aojiancc2/article/details/1273本来在vue中最好不要... -
TeachingNote前端
vue3 使用Transition实现一个侧边菜单
从左边弹出<template> <div> <button @click="showMenu = !showMenu"&g... -
TeachingNote前端
vue3实现展开更多，加载全部
[TOC]方法一：分成两份来展示，一份显示出来，一份隐藏掉，点击加载全部在把隐藏的显示出来封装的组件的代码如... -
TeachingNote前端
不同宽度下不同分辨率下的自适应布局样式写法
使用media可以在不同宽度下写不同的样式，代码如下 <style> @media (min-width: 1024px) { .about { ... -
TeachingNote前端
VUE, JS Base64上传图片或文件。Base64 编码的图片转成二进制图片。封装的直接调用接口的图片上传。canvas生成的图片上传。blob类型的图片文件上传。vue3签字图片上传
代码如下： // Base64 编码的图片转成二进制图片 const base64ToImg = (base64String: string) => ... -
TeachingNote前端
vue3 在线签字,生成一张图 。重置的时候保留背景颜色
主要使用插件vue-esign,官方文档：https://github.com/JaimeCheng/vue-esign [TOC]一：添加引用cnpm install vu... -
小见前端vue3 视频默认显示第一帧，解决视频加载的时候是黑色的问题
[TOC]方法一：使用 JavaScript 的 Canvas API 来截取视频的第一帧<template> <div class="vide... -
TeachingNote前端
flex实现一行尽可能的容纳更多子项，且每项的内容自适应宽度，自适应内部文字的宽度
代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset=&... -
TeachingNote前端
element plus tree 把数据源里边的所有isShowMenu都赋值为false，在树节点右边增加操作按钮，只显示当前点击节点的菜单
效果图： 代码如下： <template> <div class="module-manage-container"> ... -
剑轩前端
vue自适应高度，vue让某个组件的高度等于一个屏幕在其他内容下剩余的高度。vue自适应一个屏幕剩余的高度。element el-table自适应高度。保持和整个浏览器一样的高度
其实原理非常简单，就是获取屏幕的高度然后减去其他内容占用的高度就行了。 核心代码如下<script setup lang... -
忆点点前端js根据逗号拆分字符串，并且去掉最后一个逗号
代码如下： // 原始字符串 const str = "000f276dd46e47c99dc4e6133bd129d7,0019eeaae60942aab94d84025... -
TeachingNote前端
element plus 图标按钮，按钮加图标。直接显示图标，修改图标大小
https://element.eleme.cn/#/zh-CN/component/button 官网这个图标按钮我这样放进去不行，显示不出来，有可能是... -
只若初见前端element ui table表格行转列，月份数据行转列
我们需要展示一个这样的表格数据 [TOC]接口返回的数据源是这个样子有评估，实验，产教的数据接口回来，这里只... -
剑轩前端
element ui table 表格自定义边框样式，边框颜色。合并单元格，合并行。element ui table表格行转列
设计图： [TOC]具体的代码和样式（表格没有加上合并行的）关于自定义边框样式都加了星号的 <template>... -
TeachingNote前端
js实现分组,vue中 js实现分组
封装根据teacherId分组的方法：// 根据老师id groupByTeacherId(items) { return items.reduce((groups, ite... -
小见前端
vue 实现折叠展开效果，平滑隐藏显示效果。element ui 动画
如果直接使用v-show,隐藏和显示不够平滑，可以使用vue element ui 自带的动画组件 el-collapse-transition来实现... -
小见云服务
vue element ui table 隐藏显示的时候会跳一下，明显的抖动
表格数据由隐藏变为显示的瞬间，页面会有明显抖动的现象。经过一段时间的查找，发现elementui在重新渲染table时t... -
TeachingNote前端
element ui table 表格行颜色自定义,单元格颜色自定义。背景颜色自定义。风格自定义
[TOC]实现效果一效果图 代码如下template:<template> <div class="emergencyEvents-container... -
忆点点前端
好看的渐变色div效果,橙色渐变效果
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF... -
忆点点.net
uni-app 中怎么获取所有checkbox 选中的值
官方文档：https://uniapp.dcloud.net.cn/component/checkbox.html这个文档的示例真的太少了，就光一个获取所有c... -
人生若只如初见前端
uniapp 离线打包配置高德地图
没有申请key的去高德开放平台申请的Android平台Keyhttps://console.amap.com/dev/key/app SHA1 在前面申请云端证...
