- 博客(66)
- 资源 (2)
- 收藏
- 关注
原创 element table滚动条失效
问题描述:给el-table限制高度之后滚动条没了。对比了老半天找不出问题,最后看文档,咋设置的高度。自己坑自己不要太惨!
2023-11-27 16:13:23
1453
2
原创 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
3018
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
200
原创 微信小程序tabar页面不触发onShow
解决办法】:清除微信开发者工具的缓存,重新编译。(新添加的方法在生命周期函数里面调用,都需要清除缓存之后重新编译才能正常调用)原本js里面没有onShow方法,后面加上了onShow, 除了第一次页面加载调用了onShow方法,之后切换页面都没有触发。【解决办法】:wx.reLaunch(url) 清除程序缓存。退出登录后,切回列表页面,发现原来的数据没有重置改变。微信小程序tabar页面不触发onShow。......
2022-08-12 18:31:50
5995
1
原创 web知识点梳理
一. 事件委托在 JavaScript 中,事件委托也称为事件托管或事件代理,一般而言就是把目标节点的事件绑定到祖先节点上,在事件传播过程中,逐层冒泡被祖先节点捕获。这样做的好处:优化代码,提升运行性能,真正把 HTML 和 JavaScript 分离,也能防止出现在动态添加或删除节点过程中注册的事件丢失的现象。例题:点击获取ul列表下li的下标 <ul id="test"> <li>香蕉</li> <li>猴子</li>
2022-06-01 15:00:36
172
原创 腾讯云宝塔搭建网站注意事项
在腾讯云购买服务器之后进入控制台,导航进入服务器-应用管理看到宝塔首页地址以及查看用户名密码,在进入宝塔首页之前要先在防火墙里面添加端口号,以及之后在宝塔里面新建站点也需要添加端口号,否则无法访问。在宝塔设置授权ip之后如果无法访问宝塔,可以在服务器-执行命令 bt 命令执行 bt 13 取消IP访问限制,然后重启服务...
2022-05-24 18:07:42
326
原创 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
6329
原创 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
3482
原创 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
718
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
1794
1
原创 记录一个奇怪的bug:缓存组件跳转之后出现组件复制
在app.vue里面设置了组件缓存进入首页之后跳转市场页面,再跳回首页时其中一个组件被复制到了首页顶部,跳转其他页面的时候这个部分也会被带到其他页面的顶部。而且n次跳转会复制n个组件,其他的组件没有出现这个现象。。。这个市场组件是被缓存的,然而被复制的这个html片段只是这个组件的一个html片段,并不是一个单独的组件,被复制的html片段如下普普通通的一段html代码,并没有什么特别之处,为什么独它被copy了呢?我万分不理解。最终我解除了这个组件的缓存状态,于是不再出现此种现象。...
2022-04-21 15:37:51
762
原创 微信小程序云开发-聚合函数连表查询
学习任何一门新的语言都很需要耐心的。Collection.aggregate():发起聚合操作,定义完聚合流水线阶段之后需调用 end 方法标志结束定义并实际发起聚合操作连表条件查询exports.main = async (event, context) => {.....省略了......// 以下查询结果为: 满足match里面条件的accounts表数据和其有相对应user_id的users表数据的集合return await db.collection('accounts')
2022-03-26 17:57:43
3070
原创 踩坑微信小程序云开发
1 . 创建函数之后不下载node_modules包直接上传并部署一定要选择安装依赖,如果不小心点了选择所有文件,那么关闭微信开发工具重启一下,要不然就会报错依赖包找不到2. 调用云函数传参报错,非常离谱的,在data里面的参数都是存在的,但是调用就报错,不传就不报错我想获取群id 和群名称什么的,在微信开发文档里怎么找不到详细的操作…也很吐血...
2022-03-26 17:27:22
1059
原创 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
5145
原创 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
5272
原创 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
1497
原创 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
1087
原创 纯函数和高阶函数的理解
什么是纯函数?纯函数要满足以下三点:相同输入总是会返回相同的输出。不产生副作用。不依赖于外部状态。** 副作用: 函数执行的过程中对外部产生了可观察的变化,我们就说函数产生了副作用。例如修改外部的变量、调用DOM API修改页面,发送Ajax请求、调用window.reload刷新浏览器甚至是console.log打印数据,都是副作用。比如: // 非纯函数 function demo2 (a:Number[]) { a.push(10) // 修改了外部变量,产生了副作用 .
2022-02-10 17:51:55
451
原创 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
881
原创 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
13376
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人