- 博客(61)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 element table滚动条失效
问题描述:给el-table限制高度之后滚动条没了。对比了老半天找不出问题，最后看文档，咋设置的高度。自己坑自己不要太惨！
2023-11-27 16:13:23
440
原创 uni-app集成uni-simple-router、uni-read-pages插件自动读取page.json文件实现路由管理（无需手动配置路由表）
【代码】uni-app集成uni-simple-router、uni-read-pages插件自动读取page.json文件实现路由管理（无需手动配置路由表）
2023-06-28 11:23:51
1847
1
转载 es6~es12新特性
ES全称ECMAScript，ECMAScript是ECMA制定的标准化脚本语言。目前JavaScript使用的ECMAScript版本为ECMA-417。关于ECMA的最新资讯可以浏览ECMA news查看。ECMAScript 标准建立在一些原有的技术上，最为著名的是 JavaScript (网景) 和 JScript(微软)。它最初由网景的 Brendan Eich 发明，第一次出现是在网景的 Navigator 2.0 浏览器上。Netscape。
2023-03-03 22:40:33
132
原创 微信小程序tabar页面不触发onShow
解决办法】：清除微信开发者工具的缓存，重新编译。（新添加的方法在生命周期函数里面调用，都需要清除缓存之后重新编译才能正常调用）原本js里面没有onShow方法，后面加上了onShow, 除了第一次页面加载调用了onShow方法，之后切换页面都没有触发。【解决办法】：wx.reLaunch(url) 清除程序缓存。退出登录后，切回列表页面，发现原来的数据没有重置改变。微信小程序tabar页面不触发onShow。......
2022-08-12 18:31:50
4663
1
原创 web知识点梳理
一. 事件委托在 JavaScript 中，事件委托也称为事件托管或事件代理，一般而言就是把目标节点的事件绑定到祖先节点上，在事件传播过程中，逐层冒泡被祖先节点捕获。这样做的好处：优化代码，提升运行性能，真正把 HTML 和 JavaScript 分离，也能防止出现在动态添加或删除节点过程中注册的事件丢失的现象。例题：点击获取ul列表下li的下标 <ul id="test"> <li>香蕉</li> <li>猴子</li>
2022-06-01 15:00:36
120
原创 腾讯云宝塔搭建网站注意事项
在腾讯云购买服务器之后进入控制台，导航进入服务器-应用管理看到宝塔首页地址以及查看用户名密码，在进入宝塔首页之前要先在防火墙里面添加端口号，以及之后在宝塔里面新建站点也需要添加端口号，否则无法访问。在宝塔设置授权ip之后如果无法访问宝塔，可以在服务器-执行命令 bt 命令执行 bt 13 取消IP访问限制，然后重启服务...
2022-05-24 18:07:42
216
原创 nvm下载多版本node
下载nvm: 到https://github.com/coreybutler/nvm-windows/releases下载nvm-setup.zip之后点击安装，无需配置环境变量查看nvm版本nvm ls: 查看下载的node版本列表nvm install node版本号 ：下载对应的node版本nvm uninstall node版本号： 卸载对应的node版本nvm use node版本号: 使用node查看高级系统配置如下：系统环境变量此时使用的..
2022-05-19 16:27:36
5326
原创 react-router6路由配置
React Router 6.x与React Router 5.x 版本相比，改变了什么？内置组件的变化：移除 ，新增 等。语法的变化：component={About} 变为 element={}等。新增多个hook：useParams、useNavigate、useMatch等。…import './App.scss';import { BrowserRouter as Router, Route, Routes,Outlet,Navigate,Link } from 'react-r
2022-05-10 16:26:45
3093
原创 elementui限制选中时间范围
需求： 需要使选中时间范围控制在一个月内<template> <div> <el-date-picker v-model="dataForm.shiftDate" unlink-panels value-format="yyyy-MM-dd" type="daterange" :picker-options="pickerOptions" placeh
2022-04-26 11:19:32
508
1
原创 vue中的tinymce封装
editor.vue<template> <!-- 富文本 --> <div> <editor id="tinymce" v-model="content" :init="init" @onClick="onClick" ></editor> </div></template> <script>import tinymce
2022-04-24 16:48:03
1676
1
原创 记录一个奇怪的bug：缓存组件跳转之后出现组件复制
在app.vue里面设置了组件缓存进入首页之后跳转市场页面，再跳回首页时其中一个组件被复制到了首页顶部，跳转其他页面的时候这个部分也会被带到其他页面的顶部。而且n次跳转会复制n个组件，其他的组件没有出现这个现象。。。这个市场组件是被缓存的，然而被复制的这个html片段只是这个组件的一个html片段，并不是一个单独的组件，被复制的html片段如下普普通通的一段html代码，并没有什么特别之处，为什么独它被copy了呢？我万分不理解。最终我解除了这个组件的缓存状态，于是不再出现此种现象。...
2022-04-21 15:37:51
719
原创 微信小程序云开发-聚合函数连表查询
学习任何一门新的语言都很需要耐心的。Collection.aggregate()：发起聚合操作，定义完聚合流水线阶段之后需调用 end 方法标志结束定义并实际发起聚合操作连表条件查询exports.main = async (event, context) => {.....省略了......// 以下查询结果为： 满足match里面条件的accounts表数据和其有相对应user_id的users表数据的集合return await db.collection('accounts')
2022-03-26 17:57:43
2611
原创 踩坑微信小程序云开发
1 . 创建函数之后不下载node_modules包直接上传并部署一定要选择安装依赖，如果不小心点了选择所有文件，那么关闭微信开发工具重启一下，要不然就会报错依赖包找不到2. 调用云函数传参报错，非常离谱的，在data里面的参数都是存在的，但是调用就报错，不传就不报错我想获取群id 和群名称什么的，在微信开发文档里怎么找不到详细的操作…也很吐血...
2022-03-26 17:27:22
917
原创 element中的select获取选中的 label
因为element中的select组件里的change方法只反回选中的value值，当我们还有获取label时就得采取其他的办法。一种方法是通过循环判断选中的value，然后筛选出其中的label, 这种方法比较耗费性能；另一种方法是通过refs获取select的选中值；<script setup>import { ref, getCurrentInstance, onMounted, nextTick } from 'vue'defineProps({ msg: String}
2022-03-26 17:20:52
4884
原创 vue3 + vite 导入公共scss文件无效的问题
以下是vite.config.js的相关配置 import { defineConfig } from 'vite'import vue from '@vitejs/plugin-vue'import path from 'path'const isProduction = false;// https://vitejs.dev/config/export default defineConfig({ // 在生产中服务时的基本公共路径 base: isProduction ? './
2022-03-22 16:39:43
4470
原创 vue3使用element form验证
<template> <div class="login-container"> <h2>登录</h2> <el-form ref="form" :model="loginForm" :rules="rules" label-width="80px"> <el-form-item label="账号" prop="username"> <
2022-02-18 18:03:23
1327
原创 vue3使用echarts5
<template> <div id="echarts168" :style="{width: nwidth+'%', height: nheight+'px'}"></div></template><script lang="ts">import * as echarts from 'echarts'import {onMounted, defineComponent, nextTick } from 'vue'const pr
2022-02-18 14:50:58
1016
原创 纯函数和高阶函数的理解
什么是纯函数？纯函数要满足以下三点：相同输入总是会返回相同的输出。不产生副作用。不依赖于外部状态。** 副作用： 函数执行的过程中对外部产生了可观察的变化，我们就说函数产生了副作用。例如修改外部的变量、调用DOM API修改页面，发送Ajax请求、调用window.reload刷新浏览器甚至是console.log打印数据，都是副作用。比如： // 非纯函数 function demo2 (a:Number[]) { a.push(10) // 修改了外部变量，产生了副作用 .
2022-02-10 17:51:55
374
原创 vuex的替代插件pinia
pinia 是vuex的简化版，兼容vue2和vue3使用参考：https://www.vue-js.com/topic/60d9e7754590fe0031e59e29官网链接：https://pinia.vuejs.org/core-concepts/state.html#resetting-the-state
2022-02-09 18:31:49
791
原创 vue deep样式穿透使用总结（2022）
在vue2中使用 ::v-deep::v-deep .el-col { margin-bottom: 20px;}’ >>> ‘和’ /deep/ '支持已弃用。在vue3中::v-deep可以使用但是不推荐使用，官方推荐v-deep(.className)::v-deep(.el-col) { margin-bottom: 20px;}// 缩写:deep(.el-col) { margin-bottom: 20px;}...
2022-02-09 17:21:58
12027
1
原创 vue 父子组件传值
父传子：父组件 通过 v-bind 绑定属性传值给子组件，使用 : 缩写；子组件 通过props 接收父组件的传值。子传父：子组件 通过$emit(‘keyName’, value) 传值给父组件；父组件 通过在子组件上绑定v-on:keyName =“getSomething” 获取，使用@ 缩写；其他方法：vue bus: 通过vue事件总线的方法，可以跨级传递，但是vue3不支持；provide / reject: 推荐只传不改的，因为通过这个方法传递的数据失去了即时响应的特性；vu
2022-01-19 15:21:25
3151
原创 火狐浏览器打不开页面的问题
安装火狐浏览器之后打不开页面，连导航页面都打不开，百度之后发现有可能是网络代理的问题，于是打开火狐浏览器查看网络设置，使用的是系统代理设置，于是改成不使用代理服务器，浏览器便可以正常使用了...
2022-01-19 10:15:54
3483
原创 uniapp swiper 添加视频
需求：需要图片和视频一起轮播，轮播到视频时自动播放，视频播放时暂停轮播，播放完之后恢复轮播。第一个想到的时直接把video放swiper-item里面，在浏览器里面是可以，但是打包成app就不行了，video层级过高，会覆盖在swiper上面。<template> <view class="screen-swiper-box"> <swiper class="lunbo" :indicator-dots="false" :autoplay="autoplay" :
2022-01-18 15:18:08
4178
原创 element table 多页选择数据回显
选择第一页数据之后步入下一页选择，然后返回之前的页面要求回显已选择的数据。第一步： 在el-table上添加row-key, 标记唯一属性第二部：在type = “selection” 的组件上添加reserve-selection属性<el-table :data="dataList" border v-loading="dataListLoading" @selection-change="selectionChangeHandle"
2022-01-18 10:52:44
660
4
原创 a标签download下载
download 属性定义了下载链接的地址。href 属性必须在 标签中指定。属性同样可以指定下载文件的名称。文件名称没有限定值，浏览器会自动在文件名称末尾添加该下载文件的后缀 (.img, .pdf, .txt, .html, 等)。function down() { console.log('adsf') const image = 'https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fi.
2022-01-11 18:32:23
1087
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人