笔记
关注
分享
扫一扫
初晨未凉
这个作者很懒，什么都没留下…
展开
-
vscode根据路径查找文件
背景：由于换电脑了，新公司的网太差了，无法同步以前的快捷方式。这个根据路径查找文件很好用。原创 2025-03-31 09:42:44 · 282 阅读 · 0 评论 -
超宽横向滚动
【代码】超宽横向滚动。原创 2024-01-22 10:32:11 · 531 阅读 · 0 评论 -
vite全局引入element plus组件
3.引入中文包（在入口APP.vue中引入）2.vite.config.js引入下方内容。原创 2023-03-21 18:08:53 · 999 阅读 · 0 评论 -
最近码云拉取提交的时候报错
报错：update_ref failed for ref 'refs/remotes/origin/master': cannot lock ref 'ref。原创 2023-02-28 09:16:54 · 198 阅读 · 0 评论 -
echart
【代码】echart。原创 2023-01-29 11:28:55 · 120 阅读 · 0 评论 -
iview框架menu菜单展开的问题
meta: { title: "测试一号", icon: "md-copy" },meta: { title: "测试二号", icon: "md-copy" },title: "测试分类一号",title: "测试分类一号",title: "测试分类一号",bug：测试一切都很顺利，但是用到实际中确无法展开。解决办法：只需要在模板中添加一个v-if即可解决。原因：渲染数据的时候页面还未渲染完成。当数据出现的时候才开始渲染即可。...原创 2022-08-30 10:57:56 · 1063 阅读 · 0 评论 -
vue3+eslint配置
可能是您的eslint未开启。原创 2022-07-18 09:20:24 · 879 阅读 · 1 评论 -
仿照element plus写的一个tab选项卡
现在实在没时间优化了，催进度了。，记录一下方便下次copy优化。目前只是实现了表面的功能，实际上很多东西都没有实现，后期有时间在优化。原创 2022-07-15 15:20:29 · 550 阅读 · 0 评论 -
vue3+高德地图
参考文档入门文档 https://lbs.amap.com/api/jsapi-v2/guide/webcli/map-vue1api文档 参考手册-地图 JS API v2.0 | 高德地图API官方示例 多边形的绘制-矢量图形-示例中心-JS API 2.0 示例 | 高德地图API未解决问题：点击的时候缩放卡顿未完成代码......原创 2022-07-14 10:21:13 · 1302 阅读 · 0 评论 -
具名插槽和匿名插槽
具名插槽匿名插槽原创 2022-06-25 16:59:20 · 317 阅读 · 0 评论 -
一些常用命令
一些常用命令原创 2022-06-23 10:53:22 · 194 阅读 · 0 评论 -
scss的一些高阶函数
参考这篇文章Sass中的Map 详解 - 走看看 (zoukankan.com)Sass-语法小抄【简洁！易懂！好上手！】 - 知乎 (zhihu.com)Vue3 Element-Plus 动态更换主题简单实现 - 掘金 (juejin.cn)map-merge转载 2022-06-16 23:49:36 · 907 阅读 · 0 评论 -
element plus 轮播图第一页数据不显示问题
参考网址element-plus 使用 el-carousel 跑马灯默认第一页不显示_前端老实人的博客-优快云博客_element plus 走马灯关键代码 ：在data里面定义一个初始化数据即可，里面要有长度banner:[{}],<template> <div class="content__wrap"> <div class="swiper"> <el-carousel height="420px"> .转载 2022-05-20 14:25:03 · 1248 阅读 · 0 评论 -
elment plus form表单使用出现的bug
问题：验证调用validateApi的时候一直验证不通过bug原因：上面这两个名字一定要一样啊体会：要看清楚文档啊，人麻了，一个小时就搞了这。。。。。顺便写写他的用法，方便以后用到吧1.form绑定model是对象，rules是规则集合，formRef用于验证提交<el-formref="formRef"class="demo-form":label-position="labelPositio...原创 2022-05-16 20:09:55 · 350 阅读 · 0 评论 -
element plus图标循环渲染的问题
查阅到的博客：elementui plus 图标循环加载_Terint的博客-优快云博客源数据navBarList:[{id:1,title:"首页",icon:"home-filled"},{id:2,title:"用户管理",icon:"avatar"},{id:3,title:"店铺管理",icon:"platform"},{id:4,title:"套餐与应用...转载 2022-05-06 11:58:04 · 1055 阅读 · 0 评论 -
vue子路由实现办法
(29条消息) vue-router中children使用方法_Web_阿凯的博客-优快云博客_vue路由children转载 2022-04-27 10:13:57 · 189 阅读 · 0 评论 -
微信小程序拖拽组件
主要就是两个属性给movable-area加上pointer-events: none，给movable-view加上pointer-events: auto参考下面的社区movable-area导致下面的内容无法点击怎么解决 | 微信开放社区 (qq.com)<style lang="scss"> @import "../../css/main"; .moveFather{ width: calc(100% - 112rpx);原创 2022-03-04 13:45:35 · 780 阅读 · 0 评论 -
uniapp请求的封装
configConstant.jsconst BASE_URL_LOCAL = "http://192.168.5.17";//本地环境const BASE_URL_DEVELOPMENT = "https://qa.qugaiba.com"; //测试(以实际开发api文档为准)const BASE_URL_PRODUCTION = "https://qugaiba.com"; //正式服(以实际开发api文档为准)const LOGINAPI = "/qugai/api2/v1/login原创 2022-02-24 16:07:40 · 3654 阅读 · 0 评论 -
wepy多倒计时
wxTimer.jsvar wxTimer = function(initObj) { initObj = initObj || {}; this.beginTime = initObj.beginTime || "00:00:00"; //开始时间 this.interval = initObj.interval || 0; //间隔时间 this.complete = initObj.complete; //结束任务 this.intervalFn = initObj.inter.原创 2022-02-15 17:46:40 · 257 阅读 · 0 评论 -
wepy框架组件相关介绍
wepy框架组件相关介绍常规使用父组件<style lang="scss"></style><template> <xx></xx></template><script> import wepy from "wepy"; import { shttp } from "../utils/http"; import xx from "../../components/xx/x...原创 2022-02-15 17:40:52 · 241 阅读 · 0 评论 -
wepy关于微信小程序的一点踩坑
1.wepy组件没有生命周期2.wepy组件url路径只能导入网络路径，本地路径无效<style scoped lang="scss"> .empty-placeholder { padding-top: 290rpx; width: 100%; text-align: center; .emptyImg{ width: 203rpx; display: block;原创 2021-12-28 16:48:56 · 512 阅读 · 0 评论 -
sass相关
vue3以下/deep/vue3::deepcss>>>总结：加/deep/，::deep，>>>是为了当前覆盖组件样式，并且不会影响其他文件sass中添加scoped样式私有化，只作用于当前文件vue3配置全局sassmodule.exports = { css: { loaderOptions: { sass: { prependData: `@import "~@/styles/main.scss";`...原创 2021-12-22 11:32:34 · 241 阅读 · 0 评论 -
常用函数封装
转换时间戳'use strict';/** * 时间戳转化为年 月 日 时 分 秒 * number: 传入时间戳 * format：返回格式，支持自定义，但参数必须与formateArr里保持一致*///数据转化function formatNumber(n) { n = n.toString(); return n[1] ? n : '0' + n;}function formatTime(number, format) { if (!number) return;原创 2021-11-03 13:24:21 · 316 阅读 · 0 评论 -
对象在项目中常用操作（持续更新）
两个对象为一组（常用于广播）let obj = [ { loginAccount: "13018885465", title: "用户已注册", }, { loginAccount: "13018885465", title: "ddd", }, { loginAccount: "13018885465", title: "aaa", }, { loginAccount: "13018885465", title: "bbb"原创 2021-10-26 15:46:03 · 105 阅读 · 0 评论 -
css的相关布局
比较好用的布局方式css：.available{ background-color: pink; display:inline-block; width:-webkit-fill-available;/* 填满剩余宽度 */ height: 140px;}html：<div style="display: flex;height: 120px;"> <div style="width: 300px;">123456</div>原创 2021-09-25 10:40:23 · 134 阅读 · 0 评论 -
微信小程序滑动scroll-view
首先说一下思路：1.高度是通过一个二维数组存储的，所以我们只需要先通过自己的实际情况算出这个高度即可。let arr = [ [0, 522, 1002], [1602, 2004,2006,2010], [2364, 2766], [3126, 3528], [3888, 4290] ]2.点击的时候我们直接通过index...原创 2021-06-17 17:23:39 · 2160 阅读 · 0 评论 -
二维数组相加
let arr = [10,20,30,40,50];console.log(arr[0-1] || 0)原创 2021-06-15 17:54:45 · 1341 阅读 · 3 评论 -
css相关bug
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content="IE=edge"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title&...原创 2021-06-12 11:22:54 · 207 阅读 · 0 评论 -
微信小程序做动画，动画移动回退到起点
原因：translate没有从根本上改变他的位置，使用left即可，一定要定位需求：初始我们给他一个移动值，当我们点击他的时候，图片变为透明。wxml<view style="width: 200rpx;height: 200rpx;background: greenyellow;position: absolute" @tap="confirm" animation="{{animation[dd]}}">1</view>option里面let animation =原创 2021-05-27 13:54:59 · 706 阅读 · 0 评论 -
微信小程序页面竖向滚动逻辑
微信小程序页面竖向滚动逻辑1.实现下面类似的数组注：下面这个生成的数组最好是整数，滑动的时候会失去精度的，要不然你永远会差一点，让你崩溃的。而且你永远不知道差在哪里。this.leftScrollArr = [367, 698, 1029, 6750, 7816, 8882, 11173, 14199]2.在scroll里面写以下逻辑注：我下方减10的原因是因为onpagescroll滑动事件是有延迟的，比如他698落到下面一个区间，他那个地方滑到了698但是你会发现并没有落入那个区间，而是要向原创 2021-05-07 10:36:59 · 1122 阅读 · 0 评论 -
如何在码云上运行自己的博客
一.安装hexo框架1.下载node和gitnode地址：git地址：2.安装hexo框架npm install -g hexo3.初始化该项目 hexo init不出意外出现的页面4.打开_config.yml,修改相关配置5.运行该项目了 hexo g hexo s6.打开http://localhost:4000有可能发现无法访问这个问题产生该问题的原因：端口被占用解决：改变端口hexo s -p 5000不出意外的情况下7.该文件夹下可写文转载 2021-03-16 23:47:05 · 475 阅读 · 0 评论 -
对象后面如何点后面的如何自定义变量
属性访问器有两种实现方式1：a.b 点 . 是属性访问其，其使用的前提是b是明确的。2：a[b] [ ]也是属于属性访问器，b可以是原始数据类型（数字，字符串），b是可变量<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .aa{ color: red;转载 2021-03-05 16:50:32 · 498 阅读 · 0 评论 -
uniapp中uchart
<template> <view class="bg-gray radius line-gray margin text-center padding-top-sm padding-bottom"> <view class="text-lg"> 全息心理档案总体图 </view> <!-- 折线图 --> <view class="qiun-charts"> <view class="canvas"&原创 2021-03-02 16:24:20 · 660 阅读 · 0 评论 -
uniapp中引入colorUI
前言：colorUI的官方文档https://www.kancloud.cn/m22543/colorui/12892251.下载colorUIhttps://www.color-ui.com/2.创建一个uniapp项目3.将下载的colorUI文件中的colorUI文件夹复制项目中4.在app.vue文件中引入两个css@import "colorui/main.wxss";@import "colorui/icon.wxss";5.在模板中使用即可，随意些一段代码测试&l原创 2021-02-19 14:11:09 · 6178 阅读 · 1 评论 -
使用slot,让组件更具有复用性
1.普通子组件问题：比如在下面中的插件，我们想在其中一个下面添加按钮，其他的不添加，下面这种是实现不了的，所以我们需要插条slot来实现。插条理解：抽取不同，保留共性更改之前的：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="app">原创 2021-02-04 19:36:20 · 301 阅读 · 0 评论 -
vue中中的组件通信
1.父组件传递给子组件信息props写法简说：父组件中通过v-bind方法绑定子组件中的props中的方法，然后通过该方法绑定值,下文中的是v-bind:(props_name) = “父组件data方法中的值”<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>父组件向子组件信息传递props</title> </head> <bo原创 2021-02-04 19:08:44 · 79 阅读 · 0 评论 -
组件中data为什么是函数
data是一个函数，但是返回的是一个对象，如果data直接是一个对象，会造成联动反应，即改变其中一个组件中的数据，其他的数据也会进行变化<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <div id="app"> <cpn></cpn>原创 2021-02-03 22:02:03 · 465 阅读 · 0 评论 -
常规js方法使用
//filter函数let aaa = [2,3,4,9];console.log(aaa.filter(function(n){ return n < 3}))console.log(aaa.filter(n => n < 3))//map函数console.log(aaa.map(function(n){ return n*2;}))console.log(aaa.map(n=>n*2))//reduce对数组中所有的内容进行汇总console.log(a原创 2021-02-03 14:44:31 · 89 阅读 · 0 评论 -
对于v-show和v-if理解
1.v-show和v-if都是显示和隐藏元素的，这个没有什么好说的。2.v-show会执行你页面内的内容，其实你的东西执行了，只是他隐藏罢了，而v-if则不会，我觉得这是他们两个最大的区别。原创 2021-01-21 17:05:03 · 126 阅读 · 0 评论 -
chart.js通过filter来进行显示隐藏data数据
目的：当data里面的数据大于5的时候，才会显示该柱形中间遇到的问题：1.filter过滤器会执行两遍函数，然后我的for循环执行了两遍，第一遍是正常的，第二遍他又在其中筛选了一遍，导致图表的label为undfind。2.还有当中出现了empty，是由于我的j++写错地方写在了if的外面，导致我的循环跑了8遍，比如在a[0]的时候我右侧没有值给他就会出现empty。例子：解决办法：在给data数据进行重新赋值的时候不要用你定义的arr,用精确标，一层一层写下去然后赋值，这样就不会再进入for原创 2020-12-28 11:35:05 · 805 阅读 · 0 评论