玥光-CSDN博客

原创 uni-app 微信小程序分享功能传参接收与调试

uni-app 微信小程序功能传参接收与调试当使用微信小程序进行分享好友功能时，怎样能够联调，查看是否接收到参数，并在被分享人点进来的时候逻辑处理是否正确。1、分享功能实现分享给朋友有两种方式：第一种就是微信右上方的三点里面有分享给好友默认是置灰的在与 methods 同级写上以下函数将页面的分享功能点亮：onShareAppMessage 这个api 有两个值一个是菜单级的（如上方式）另一个是按钮级的（即点击按钮实现分享功能，如下）按钮级

2021-07-06 12:45:25 7591 7

原创 react+ts+vite项目路由的搭建（route v6）

用来操作浏览器历史栈，主要是可以用来封装路由前置守卫和后置守卫， vue有自己的路由守卫钩子， react是需要依赖history自己封装的，关于路由守卫的封装另开一篇讲解。2、在app.tsx 文件中改造一下html结构，本质上就是利用数组循环出Route，简化书写嵌套Route，增减路由只需维护RouteConfig文件里的配置内容即可。需要注意，路由最好使用懒加载，节省效率，所以对以上代码改造一下，最终呈现如下。悄咪咪放个链接，讲history的，不了解的可以看看~

2023-04-20 19:43:50 3360 4

原创 react+ts+vite从0搭建项目

此时打开项目页面，会发现代码都红了，这是由于eslint 和prettier 冲突引起的，接下来是解决两者的冲突，需要用到两个插件。c、在项目根目录创建一个.vscode文件夹，放入settings.json 文件，用来保存时自动修复项目代码。eg：输入第二步的命令后同样需要回答几个问题，按照自己的需求选择即可,下面是我选择的选项（蓝色的是选择的答案）然我们想用prettier 管理代码格式，但是保存的时候还想用eslint来格式化代码，此时需要另一个配置。写入后，格式化所有文件的代码。

2023-04-05 10:57:02 850

原创按enter回车，会触发button上的事件的原因及解决办法

1、一开始是粗暴的禁用回车事件，但是这样会导致其他需要回车触发的事件也执行不了。ducoment.onkeydown = (e) => { if(e.keyCode == 13) { return false; }}2、产生这个问题的原因应该是页面有form表单，有button按钮，因为button上没有加上type属性，导致了按下回车，默认触发了button提交事件。靠谱的解决办法是给button 加上type 属性就好了。我有两个button都没有写type ，然后回车会触

2022-01-17 11:50:12 6081 1

原创 some 判断对象数组中是否存在一个属性

var clickDateArr = [ {date: '1', type: 'current', status: 'submit'}, {date: '2', type: 'current', status: 'pending'},]// 判断对象数组中，存不存在状态为submit 的数据，如果存在， isSubmit 为true ，不存在为falsevar isSubmit = clickDateArr.some(item => item.status == 'submit');

2022-01-17 11:26:49 374

原创 vue + moment.js 自己写日历

使用技术vue + moment.js最终效果因为自身需求，所以周六周日被我隐藏了，周六周日的显示隐藏可以配置。html 结构此日历采用了ul li 的结构进行展示的，整个日历为一个ul，一行为一个li<div> <ul> <li> <div v-for="(item, index) in weekName" :key="index" class="calendar-week"> {{ item }

2021-12-29 16:48:54 918

原创在vue中设置锚点被固定顶部遮挡的问题

1.如何设置锚点点击左侧列表，跳转到页面指定的位置。将页面不同模块设置不同id属性点击左侧菜单时，采用scrollIntoView() 的方式实现(注：我用的是vue3 的 script setup语法糖的写法） <span @click="jump('color')">颜色</span><div id="color"> <span> 颜色 </span> ......颜色模块的内容</div><s

2021-10-06 16:53:38 1920

原创 vue结合highlightjs实现代码高亮+行号

实现代码高亮+行号设置1、下载 highlightjs： npm install highlight.js`2、在main.ts中写import hljs from 'highlight.jsimport 'highlight.js/styles/stom-one-dark.css// 自定义指令app.directive('highlight', function (el) { const blocks = el.querySelectorAll('pre code'); b

2021-09-29 17:21:42 3724 2

原创 Vue table不分页动态加载数据（类似手机端滑动到底端后再去获取数据）

最近接到一个需求，pc端中的table 数据不做分页，而是做成滚动条形式，但是table中的数据还是一次显示50条，等这50条滑动到底部后，再去加载50条（有加载效果），以此类推，直到数据全部展示。值得注意的是：我的需求是第一次请求数据就将全部数据都获取到，后期的数据加载实际上是不走后台接口的，是纯前端数据处理1、首先要确定加载数据的时机是：table中的滚动条滑动到底部的时候scrollEvent(event) { /** * 需要判断滚动条是否到达table底部，到

2021-08-27 10:50:47 2171 3

原创 vue作用域插槽

作用域插槽：在封装子组件的时候，通过 slot 标签在结构中预留出位置；父组件引用子组件的时候，通过slot 来将自己想要结构或者数据传入，这样就可以在子组件预留的位置出现对应的内容（简单说：子组件在自己的结构里挖了一个坑，父组件传递东西将这个坑填上）子组件：解释： slot 这个标签的位置决定了父组件传入东西出现的位置，name 代表着这个卡槽的名字（一个页面可以有多个卡槽，通过名字区分传入的是哪个卡槽）data 代表了传入的数据具名插槽：就是因为有了 name 属性

2021-07-20 15:04:46 141

原创做程序媛的一年

二本，非计算机相关专业，因为姐夫是做后端的，所以入了这一行，一入IT深似海，从此我过上了天天做数学题的生活。大四刚开学不久，在程序员节档口，姐夫给我报名了线上就业课程，本身的专业是跟计算机一点关系都没有的，刚开始学习的时候还很有劲头，觉得css + html 就很厉害了2020年6月17日，我入职了步入社会的第一家公司，...

2021-07-07 16:33:30 119

原创小程序跳转另一个小程序

使用uni-app 开发小程序跳转到另一个小程序的详情页面实现跳转需要的条件： **1. 另一个小程序的appId； 2. 准备跳转到的那个小程序必须是已经上线的** 3. 准备跳转到的那个小程序的哪个页面路径不写则默认首页点击事件方法函数 // 跳转到其他小程序中的相关页面 phone2Detail(id) { uni.navigateToMiniProgram({ appId: 'wx8c5.........dc',

2021-07-06 16:10:40 773

原创 uni-app中引入 iconfont 图标

uni-app中引入 iconfont 图标在iconfont 官网添加图标到购物车将图标下载到本地项目里在组件中新建文件夹 iconfont将下载的压缩包中这两个文件放进来将iconfont.css 文件内容处理一下 //at 前都加上 https:在 app.vue 中引入页面中使用最终效果：...

2021-07-06 12:10:05 198

原创关于vue中点击不同菜单传递不同参数进入同一个页面内页面不刷新的问题

当vue中点击两个菜单共用一个页面传递一个参数进行区分时配置路由{ child_name: "添加（部门）", id: "3-2", path: "/officeSystem/database/add", query: { openstatusId: 1 }, // 此参数为区分页面的参数 class: "el-icon-plus", },{ child_name: "添加（公共）", id: "3-5", path: "/officeSy.

2020-11-26 16:24:35 4519

原创文件的上传下载以及回显

文件上传与下载以及文件回显##文件下载关键：动态创建 a 标签及其点击事件设置name 和文件的url 二者缺一不可添加 responseType:‘blob’ 可以将二进制流转换成正常文件使下载的文件不乱码 //下载文件 download(){ request({url:'api/meeting/download',method:'get'},{ responseType: 'blob' }).then(res=>{ const

2020-11-26 16:07:43 1369

原创 FullCalendar插件的使用

FullCalendar 插件使用使用方法使用方法插件依赖jquery来使用比较方便使用 FullCalendar插件引入引入css和js 样式，若想要将日历上的备注进行拖拽，可以引入jquert-ui 文件附文件地址：https://pan.baidu.com/s/19396jzGxPMf_wibFfp2evQ提取码：LYZB我是在OA办公系统里面引用，这个项目的架构比较特殊，将势不两立的vue 和jquery结合使用了所以代码混合成这样，一般来说直接依赖jquery在

2020-09-15 15:39:05 343

原创用vue和element-ui搭配写页面所遇到的问题

介绍作为刚刚工作第五天，vue的新手，只学习了培训课程中vue的一半就出来找了工作，自然水平不够就会遇到很多其实简单但自己就是解决不好的问题，记录一下自己曾犯的傻吧一、记录vue+element-ui所遇问题1、怎么改变el-input框默认的白色背景这个问题其实特别简单，但是由于当时脑袋宕机，试了好几种方法都没有实现效果，后来去网上请教，总结了一下，终于解决了。解决办法：element-ui中的el-input标签，里面有一个el-input__inner类根据这个默认样式表，在自己的css

2020-06-22 16:50:11 731

qq_44754016的博客