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