-
TeachingNote前端Vue 3 中 watch与watchEffect区别
在Vue 3的Composition API中，watch和watchEffect都是用于侦听响应式数据的变化，但它们之间有一些关键的区别。... -
只若初见前端前端js,ts小写数字转大写
简单的处理就是用一个键值对来匹配写好对应的键值对： const state = reactive({ smallBigDic: { ... -
只若初见前端
js 多个异步方法同步请求,等所有请求都完成后在执行。vue 请求多个接口一起返回
用Promise.all就行了， 比如： return Promise.all([ ac.getEvalData(), ac.getLabData(), ac.g... -
忆点点前端uniapp vue3 引用样式表样式
这样即可： <style scoped lang="scss"> @import '@/static/css/report-box.scss'; ... -
TeachingNote前端
图片与文字在一个div里边垂直与水平居中。暂无数据的显示
使用绝对定位的方式实现html: <div class="course-study-empty" v-else> <div class=&... -
TeachingNote前端
uni-app vue3 微信小程序实现事件监听，回退刷新，回退后状态保持的刷新。跨页面调方法，a页面调用b页面的方法。跨页面刷新数据。子组件触发父组件事件，子组件调用父组件方法
需要刷新数据的页面<script setup lang="ts"> import { onShow, onLoad,onUnload } from ... -
剑轩前端uniapp 微信小程序 上传图片，上传文件，上传视频等，上传组件封装
上传图片文件还可以参考：https://www.tnblog.net/aojiancc2/article/details/8233 这个里边有关于.net6实现图片... -
剑轩CSS
uni-app 小程序，常用的弹窗模板。弹窗里边显示时间轴
弹窗的基础使用以及另外的一些模板可以参考:https://www.tnblog.net/aojiancc2/article/details/7064[TOC]基础模... -
TeachingNote前端
设置了flex后 ，子元素的高度全部都一样了，没有自适应内容。flex 布局导致子项高度相同
原因：Flex 布局的默认是：把所有子项变成水平排列。默认不自动换行。让子项与其内容等宽，并把所有子项的高度变... -
TeachingNote前端
uni-app textarea 修改 placeholder 字体的颜色和大小等样式
方法一: 直接设置placeholder-style <textarea style="width: 100%;height: 209rpx;" maxlength=&q... -
忆点点前端
uni-app 小程序 分割线与滚动。uni-app 中占满剩下高度，并且在剩下高度里边滚动
[TOC]常用分割线标签: <view class="di-task-spline"></view> 样式： .di-task-spline... -
剑轩前端
uni-app，微信小程序，app , 自定义搜索框, 好看的搜索框
设计图： view: <view class="seach-box"> <view class="seach-box-wrap"&... -
剑轩前端
css实现开关组件效果，滑块组件效果。自己实现小程序滑块开关组件
[TOC]效果如下 切换的时候会有动态的效果 代码如下，纯HTML+CSS样式里边的注释都写得比较清晰了，需要自定义效... -
风清月前端css开关按钮样式
代码如下，可以直接运行： <!DOCTYPE html> <html lang="en"> <head> &l... -
TeachingNote前端
uni-app 开发微信小程序显示图标
uni-app 开发微信小程序图标显示其实和直接显示图标其实是一样的,如下直接用一个image即可 <image :src=&quo... -
剑轩前端
uni-app app,小程序 时间轴样式，时间轴效果。弹窗里边使用时间轴。悬浮菜单
虽然可以用一些时间轴组件比如，timeline，但是有时候还是自己写点样式定制性好一点，不需要像组件那么通用。[TO... -
剑轩前端
ElementUI Table 动态表头，动态数据，动态列
表格显示的列不确定的时候就需要使用动态的方式，而不是预先绑定好。 [TOC]前端的实现数据源对于前端来说数据源... -
忆点点前端
vue 实现全局配置
方法一1: 在静态资源里边加一个config.js 里边写一点配置，如： window.peizhi = { title: '过程管理平... -
TeachingNote前端
vue3 ts 方法传参,any使用。vue3 ts reactive 使用类型，定义具体类型。vue3 ts实现分组, 多字段作为key分组，二级分组，多级分组，子级分组
[TOC]vue3 ts 方法传参,any使用方法1： // 循环解析 dataListToAppend.forEach((element: any) => { s... -
TeachingNote前端
element plus tree 获取选中节点的父节点
通过 treeRef.value.getNode(data) 获取到当前节点的实例，随后通过 node.parent 获取到父节点。 代码如下： c... -
忆点点前端
input type file 限制上传图片和视频。限制上传的类型，多文件上传等
input type file 限制上传图片和视频<input type="file" id="fileInput" multiple accep... -
TeachingNote前端
input type file 文件选择框设置为多选，获取选择的多图
html <input ref="inputImgFile" type="file" multiple="true" accept="... -
TeachingNote前端
禅道如何查看自己已经解决过的bug
地盘（首页）—>仪表盘—>右下角我的贡献里边有个解决的Bug数 -
TeachingNote前端
怎么用js去更换验证码
html: <div style="display:none;text-align: center;margin-top: 20px;" id="captchaDiv&qu... -
忆点点前端
vue3 element plus dialog 弹窗滚动条默认在顶部
<el-dialog v-model="DialogVisible" :destroy-on-close="true"> <el-table :... -
忆点点前端
vue3 使用 nextTick
在Vue3中，nextTick的使用方式与Vue2有所不同。在Vue2中，我们通常使用this.$nextTick()来调用nextTick API，而... -
忆点点前端
vue 运行dev与打包build错误digital envelope routines::unsupported
原因是：当 nodejs 升级到17+版本以后，开始支持 OpenSSL 3.0，而 OpenSSL 3.0 对各种摘要算法做了更严格的限制... -
只若初见前端
颜色渐变，颜色搭配
[TOC]先看看一组echarts里边的颜色渐变搭配itemStyle: { normal: { colo... -
只若初见前端
echarts饼图通过grid设置位置不生效。饼图设置位置
grid 记得是平面直角坐标系的意思，而仪表盘、饼图这种，是通过设置中心点位置的方式定位的。所以仪表盘、饼图这... -
TeachingNote.net
echarts 图表颜色设置，饼图颜色渐变
[TOC]echarts 图表颜色设置在外层加一个color数组就行了 color:["#1890FF","#91CB74",&quo... -
只若初见前端
uni-app中使用uCharts图表，微信小程序使用图表，饼图，柱状图，折线图等
官方文档：https://www.ucharts.cn/v2/#/guide/index 插件使用，可以直接导入uni-app项目中https://ext.dclou... -
TeachingNote前端
js获取最近一周，最近两周，最近一月，最近三月等时间范围。 element ui 时间日期范围组件设置默认值
最近一周const end = new Date(); const start = new Date(); start.setTime(start.getTime() - 3600 * 1000 *... -
默认昵称前htmlHTML 标题
HTML 标题HTML 标题（Heading）是通过<h1> - <h6> 标签来定义的。实例<h1>这是一个标题</h... -
小可爱前端element ui table 表格获取 行号，列数
方法一：页面 <el-table-column prop="courseName" label="测试获取行号" align="... -
TeachingNote前端
element ui 表单 表单元素在竖着布局的基础上横向布局横向显示，一行显示多个
效果如下主要是这一排的：（tip:截图里边右边没有对齐，应该是这里截图的时候调试后的造成的，实际情况是对齐的... -
TeachingNote前端
vue 组件引入,组件引用
第一步引用组件绝对路径和相对路径都可以，下面是两种常用的引入方式 import SendStudentMessage from '@/v...
