![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
A 风
这个作者很懒,什么都没留下…
展开
-
右键点击树组件中的节点,弹出增删改的菜单,要求菜单总是在点击位置的附近
【代码】右键点击树组件中的节点,弹出增删改的菜单,要求菜单总是在点击位置的附近。原创 2024-07-04 18:48:20 · 254 阅读 · 0 评论 -
解决el-table页面刷新高亮消失问题
【代码】el-table 添加合计,合计某一列。原创 2024-04-29 11:01:34 · 402 阅读 · 0 评论 -
el-table 添加合计,合计某一列
【代码】el-table 添加合计,合计某一列。原创 2024-04-12 10:35:30 · 479 阅读 · 0 评论 -
elementui的tree默认高亮显示无效的问题
这种就是设置默认值,也就是说不管你选择了哪个,刷新以后还是默认值。如果你想刷新以后保持你上一个点击的,就需要用缓存。4, this.$refs.xxx.setCurrentKey(‘id名称’)3, 设置 highlight-current 属性。elementui的tree默认高亮显示无效的问题。1, 设置node-key 属性。2, 使用nextTick。原创 2024-03-26 18:53:56 · 783 阅读 · 0 评论 -
实现简单的mini-router hash模式
【代码】实现简单的mini-router hash模式。原创 2024-03-07 15:09:15 · 467 阅读 · 0 评论 -
实现mini vuex
【代码】实现mini vuex。原创 2024-03-07 10:51:21 · 339 阅读 · 0 评论 -
新的代码组织方式:Composition API + <script setup> 到底好在哪里?
ref 和 computed 等功能都可以从 Vue 中全局引入,所以我们就可以把组件进行任意颗。可以让代码变得更加精简,这也是现在开发 Vue 3 项目必备的写。粒度的拆分和组合,这样就大大提高了代码的可维护性和复用性。用顶层的 await 去请求后端的数据等等,还有其它一些很好用的功能,比如能够使。除了我们上面介绍的功能,原创 2024-02-29 09:47:40 · 376 阅读 · 0 评论 -
uniappQQ登录是如何实现的,请说明其流程
QQ登录功能的实现分成以下几个步骤:原创 2024-02-22 14:01:20 · 1056 阅读 · 0 评论 -
uniapp 安卓app轮询订单处理
【代码】uniapp 安卓app轮询订单处理。原创 2023-03-30 14:45:28 · 397 阅读 · 0 评论 -
Vue — 详解mixins混入使用
当我们的项目越来越大,我们会发现组件之间可能存在很多相似的功能,你在一遍又一遍的复制粘贴相同的代码段(data,method,watch、mounted等),如果我们在每个组件中去重复定义这些属性和方法会使得项目出现代码冗余并提高了维护难度,针对这种情况官方提供了Mixins特性。【5.1】方法和参数在各组件中不共享,虽然组件调用了mixins并将其属性合并到自身组件中来了,但是其属性只会被当前组件所识别并不会被共享,也就是其他组件无法从当前组件中获取到mixins中的数据和方法。原创 2023-02-21 12:13:27 · 1215 阅读 · 0 评论 -
/*axios的取消的语法*/
【代码】/*axios的取消的语法*/原创 2023-01-31 09:41:50 · 80 阅读 · 0 评论 -
小程序图片默认保存到本地手机
【代码】小程序图片默认保存到本地手机。原创 2022-11-24 15:27:14 · 180 阅读 · 0 评论 -
关于微信小程序ios机上面左右滑动的问题
最开始ios页面左右晃动,由于当时上头要求必须要自适应长度,所以当时里面的长度都是按照百分比来的。},后来发现页面直接固定死了,安卓机不能向下拉取,就改成了overflow-x:hidden;才好,结果ios的又不行了左右滑动,自此纠结之路开始。后来搞了两个小时实在没辙,就采用本办法看看每个区块的大小是不是哪没写好,首先给每一块的模块全部写上边框。在最下面的有一个模块,长度超出了。后来就减了这块的一个长度。然后晃动的问题就解决了。是在最初学习的阶段出现的。希望能给大家提供个方向。原创 2022-11-08 14:38:33 · 700 阅读 · 0 评论 -
解决uView2.0 Picker 选择器 (u-datetime-picker) 背景滚动,页面穿透的问题
在组件的父级元素修改默认的事件。原创 2022-10-21 09:19:17 · 782 阅读 · 0 评论 -
element-ui上传组件bug
解决 上传组件必须外面独占一行 el-row 包裹才行,切记不能el-col。问题:就是没有预览和删除按钮遮盖层,很像个被禁用一样。原创 2022-10-19 18:04:40 · 742 阅读 · 0 评论 -
uView picker第二次才能选中 延迟导致选中问题
immediateChange:是否在手指松开时立即触发change事件。若不开启则会在滚动动画结束后触发change事件,只在微信2.21.1及以上有效。原创 2022-10-13 17:50:59 · 969 阅读 · 1 评论 -
wx.showToast() 在真机中一闪而过
为啥真机中一闪而过 因为uni.hideLoading();和wx.showToast用的同一个框子底层,解决办法还是用异步执行顺序来。原创 2022-09-30 10:26:33 · 259 阅读 · 0 评论 -
vue项目使用定时器每隔几秒请求一次接口
为啥要包装一个延时器,由于setInterval不会清除定时器队列,每重复执行1次都会导致定时器叠加,最终卡死网页。但是setTimeout是自带清除定时器的。原创 2022-09-27 10:22:27 · 2241 阅读 · 0 评论 -
卡片覆盖轮播图纯手写
【代码】卡片覆盖轮播图纯手写。原创 2022-09-23 10:23:57 · 115 阅读 · 0 评论 -
获取页面的区域可视高度
【代码】获取页面的区域可视高度。原创 2022-09-06 16:49:01 · 341 阅读 · 0 评论 -
uniapp地图组件
地图小程序原创 2022-06-25 18:09:53 · 262 阅读 · 0 评论 -
处理新闻资讯的时间格式化
新闻资讯时间格式化原创 2022-06-22 17:22:50 · 94 阅读 · 0 评论 -
x-www-form-urlencoded到底是什么?
x-www-form-urlencoded纸面翻译即所谓url格式的编码,是post的默认Content-Type,其实我觉得可以认为get和post的默认表单数据传递格式都一样,只是一个在url地址后面加 ?再加表单数据,另一个是把表单数据写在请求体內请求头內的Content-Type字段里,Content-Type:application/x-www-form-urlencodedget请求的请求体格式是什么?get请求是拼接在url后面请求的,一般如此username=tom&pwd=123,这样的格原创 2022-06-22 16:30:25 · 1933 阅读 · 2 评论 -
怎么去除apicloud顶部的阴影
api.safeArea 这个api可以获取顶部或者底部的阴影距离原创 2022-06-04 12:12:07 · 91 阅读 · 0 评论 -
apicloud 开发 图片预览功能
1.首先下载模块,经过市场调研PhotoBrowser符合条件,之后云编译,之后loader编译重新安装包放入模拟器中即可使用。原创 2022-06-04 12:09:50 · 227 阅读 · 0 评论 -
nginx反向代理实现测试、生产环境跨域问题
最近有朋友问我用 vue 开发前后端分离的项目怎么解决跨域;测试环境可以用自带的 proxy(非常方便),生产环境可以用nginx(非常香);一 :nginx官网下载nginx到本地, 解压到文件夹中(注意:不能解压到上一级目录为中文,不然会导致不能正常运行 );二:可以直接打开nginx.exe安装包或者cmd小黑窗切换到nginx.exe的文件目录下,执行start nginx.exe ; (如果不能正常可以查看logs里,有错误提示输出);(正常运行的话,默认端口80 ,可以在浏览器输入lo.原创 2022-05-18 18:00:04 · 497 阅读 · 0 评论 -
TypeScript tsc 不是内部或外部命令,也不是可运行的程序或批处理文件
原因:nodejs的环境没有配置好,(O_o)??不知道自己的环境时候配置好,那我们一起来检查下吧!此电脑 --> 右键 --> 属性 --> 高级系统设置 --> 高级 --> 环境变量–>系统变量–>新建变量名: NODE_PATH变量值: npm目录路径/nodejs路径(dos输入npm config get prefix 可以直接获取npm的路径 )如果 修改过全局包下载存放路径(node_global)和node缓存路径(node_cache原创 2022-05-02 14:20:08 · 1233 阅读 · 0 评论 -
什么是作用域
作用域的分类全局作用域(window)函数作用域(局部作用域)块级作用域({})动态作用域(this)全局作用域:变量在函数或者代码块{}外定义。函数作用域:变量在函数内部,函数作用域对外层是封闭的,外部的作用域无法直接访问内部的作用域...原创 2022-04-11 11:28:26 · 276 阅读 · 0 评论 -
js高级语法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>全局代码执行过程&l原创 2022-03-29 14:10:54 · 486 阅读 · 0 评论 -
element ui视频上传(已上线,拿去即用)
1.template 部分<template> <div class="editPage__video"> <div class="title">视频设置</div> <div class="img__con"> <el-upload class="avatar-uploader" :action="uploadImgUrl" :data="uploadImgD原创 2022-03-29 08:53:45 · 1936 阅读 · 0 评论 -
实现简易的 Vue 响应式
本文的目的是掌握 Vue2 中的 响应式原理,学习的过程是手写一个简易版的Vue。从数据劫持,到模板编译,再到依赖收集,完完整整的自己实现整套数据响应式的流程。一个最基础的响应式实现一个属性的响应式我们首先封装一个响应式处理的方法 defineReactive,通过 defineProperty 这个方法重新定义对象属性的 get 和 set 描述符,来实现对数据的劫持,每次 读取数据 的时候都会触发 get ,每次 更新数据 的时候都会触发 set ,所以我们可以在 set 中触发更新视图.原创 2022-03-23 11:11:48 · 1054 阅读 · 0 评论 -
vue-router的params和query传参的使用和区别
首先说下$router和$route的区别$router路由的操作对象(只写对象),$route路由的信息对象(只读对象)//操作 路由跳转this.$router.push({ name:'hello', params:{ name:'word', age:'11' }})//读取 路由参数接收this.name = this.$route.params.name;this.age = this.$route.原创 2022-03-09 17:24:07 · 738 阅读 · 0 评论 -
登录-QQ登录-按钮处理
第一步:参考文档:准备工作(opens new window)QQ互联JS_SDK(opens new window)总结一下:有一个网站,且已备案。网站需要有QQ登录的逻辑(登录页面,回跳页面)。然后在QQ互联上进行身份认证,审核通过。然后在QQ互联上创建应用,应用需要域名,备案号,回调地址。审核通过。得到:应用ID 应用key 回调地址。才能完成QQ登录。(以上四个步骤,工作后大概率由后台或运维完成)注意:id和uri都不能修改,否则无效。测试用appid100556005测试用原创 2022-03-07 16:51:18 · 330 阅读 · 0 评论 -
vue中fullPath和path的区别
vue中fullPath和path的区别字面意思,即带有参数的完整路径和不带有参数的路径的区别例如:一个地址:http://xxx/#/console/orderManage/editOrder?id=111xxxpath 是:/console/orderManage/editOrderfullPath 是:/console/orderManage/editOrder?id=111xxx...原创 2022-03-07 13:59:28 · 1198 阅读 · 0 评论 -
进阶进阶 复习50个JavaScript「进阶」知识点,金三银四
金三银四金三银四快要到来了,希望各位想找工作的朋友们要做好准备啊。上一次给大家分享了50个JS「基础」知识点——金三银四!我带你复习50个JavaScript「基础」知识点今天就带着大家来复习一下JavaScript的50个「进阶」知识点哦~~~开始复习1、undeclared 与 undefined的区别?undefined:声明了变量,但是没有赋值undecalared:没有声明变量就直接使用var a; //undefinedb; // b is not defined原创 2022-03-01 11:11:52 · 668 阅读 · 0 评论 -
[高级]pdf生成(可水印)、pdf预览(可分页)、pdf打印:全栈一条龙方案
前言每个前端开发者的一生中总会遇到一些与pdf有关的需求,但是搜寻网上的文章,大多都是部分功能的实现,想要获得与自身需求相契合的完整方案并不是一件容易的事情,基于此,我结合自身的相关工作经验,梳理出了一套包含前端pdf生成、前端pdf预览、前端pdf打印的完整技术方案,大家觉得有用的话可以收藏此文以便日后工作中借鉴。本文demo示例代码地址:https://github.com/Alansad/pdfArticlepdf生成一、方案比较生成pdf一般来说有两种方案,第一种在客户端生成,第二原创 2022-03-01 10:22:55 · 1431 阅读 · 1 评论 -
浅析虚拟列表高性能渲染大体量数据原理
在工作中,有时会遇到需要一些不能使用分页方式来加载列表数据的业务情况,对于此,我们称这种列表叫做长列表。比如,在一些外汇交易系统中,前端会实时的展示用户的持仓情况(收益、亏损、手数等),此时对于用户的持仓列表一般是不能分页的。在浅析如何利用时间分片高性能渲染十万级数据一文中,提到了可以使用时间分片的方式来对长列表进行渲染,但这种方式更适用于列表项的DOM结构十分简单的情况。本文会介绍使用虚拟列表的方式,来同时加载大量数据。一、为什么需要使用虚拟列表在实际的工作中,列表项必然不会仅仅只由一个li标签组成转载 2022-03-01 10:11:39 · 297 阅读 · 0 评论 -
createElement render选项与h函数
指定组件显示的内容:new Vue({选项}) el 选项,通过一个选择器找到容器,容器内容就是组件内容 template选项,<div>组件内容</div> 作为组件内容render选项,它是一个函数,函数回默认传人createElement的函数(h),这个函数用来创建结构,再render函数返回渲染为组件内容。它的优先级更高。//import App from './App.vue'//new Vue({// render:h=>h(App)//})..原创 2022-02-25 09:56:21 · 901 阅读 · 0 评论 -
介绍一个webAPI:IntersectionObserver
创建观察对象实例const observer = new IntersectionObserver(callback[, options])callback 被观察dom进入可视区离开可视区都会触发两个回调参数 entries , observerentries 被观察的元素信息对象的数组 [{元素信息},{}],信息中isIntersecting判断进入或离开observer 就是观察实例options 配置参数三个配置属性 root rootMargin thresholdroot 基原创 2022-02-24 11:57:36 · 444 阅读 · 0 评论 -
vueuse/core : 组合式API常用复用逻辑的集合
1.组件数据懒加载–到可视区域再发请求(vue3)关键:如何判断组件进入视口—useIntersectionObserver技术方案:我们可以使用 @vueuse/core 中的 useIntersectionObserver 来实现监听组件进入可视区域行为,需要配合vue3.0的组合API的方式才能实现链接:https://vueuse.org/core/useIntersectionObserver/步骤:1. 通过ref获取要监控的元素或组件原创 2022-02-24 08:55:46 · 2292 阅读 · 0 评论