- 博客(23)
- 收藏
- 关注
RSS订阅原创 Vue.js学习笔记（八）H5性能优化——首屏加载速度提升
使用import在路由加载函数中实现组件或模块的动态导入，这样，只有当路由被访问时，对应的资源才会被加载。H5的首屏加载速度提升，性能优化方法总结，注：项目使用vue-cli3进行创建。避免在 main.js 文件中全局导入组件，以Vant4为例。3、图片懒加载、提示等根据需要在 main.js 单独引入。1、安装以下两个插件，可以自动引入组件和样式。2、在 vue.config.js 文件中配置。2、在 vue.config.js 文件中配置。
2025-02-12 16:16:32
414
原创 Vue.js学习笔记（七）使用sortablejs或el-table-draggable拖拽ElementUI的el-table表格组件
使用sortablejs或el-table-draggable拖拽ElementUI的el-table表格组件。
2024-08-20 16:59:06
1719
1
原创 Vue.js学习笔记（六）element表单校验规则
本文主要介绍element 表单组件校验如何使用，包括对象、对象数组、自定义校验规则等情况。
2024-08-02 10:16:42
669
原创 Vue.js学习笔记（四）抽奖组件封装——九宫格抽奖
由于业务需求，需要手动开发九宫格抽奖组件，特此记录学习宫格组件开发。以上就是今天要讲的内容，本文仅仅简单介绍了九宫格抽奖组件的基本实现，仅供学习参考。
2024-03-04 17:36:43
1263
原创 问题记录（一）——使用NVM安装node时，无法下载对应版本的npm，导致使用该node版本时出现npm不存在的报错
本栏目主要记录使用NVM管理node版本时遇到的一些问题和解决方法，仅供学习使用。
2023-12-18 12:28:34
2396
1
原创 react开发笔记(一)：渲染验证码图片报错data:image/svg+xml；base64,undefined net::ERR_INVALID_URL
刚进入页面的时候img的src会报错data:image/svg+xml;base64,undefined net::ERR_INVALID_URL，解决办法就是在请求返回的时候拼接好src再赋值到img。
2022-11-19 13:21:02
1711
原创 Vue.js学习笔记（三）：隐藏a标签鼠标悬浮状态下浏览器左下角出现的链接地址
系列文章目录 提示：这里可以添加系列文章的所有文章的目录，目录需要自己手动添加Vue.js学习笔记（三）：隐藏a标签鼠标悬浮状态下浏览器左下角出现的链接地址提示：写完文章后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录系列文章目录前言前言提示：这里可以添加本文要记录的大概内容：当a标签悬浮时浏览器左下角会出现链接地址，为了隐藏链接地址，除了使用用点击事件代替以外，我们还可以一次性解决页面所有a标签悬浮出现链接的问题。mounted() { this.deleteMsg();
2022-04-22 15:06:21
4376
转载 vue-pdf组件报错vue-pdf Cannot read properties of undefined (reading ‘catch‘)
项目场景：使用vue-pdf组件实现文件预览功能问题描述：安装依赖后报错vue-pdf Cannot read properties of undefined (reading 'catch')TypeError: Cannot read properties of undefined (reading 'catch') at PDFJSWrapper.renderPage (pdfjsWrapper.js?a068:196) at VueComponent.resize (co
2022-02-22 13:56:24
8224
8
原创 css:比较函数（min(),max(),clamp()）
CSS 比较函数根据CSS规范，比较函数是关于比较多个值并取其一。这些CSS函数最大的作用就是可以为我们提供动态布局和更灵活设计组件方法。Min() 函数min() 函数支持一个或多个表达式，每个表达式之间使用逗号分隔，以最小的表达式的值作为返回值，可以使用min()为元素设置最大值。例如：设置元素的最大宽度为 500px 。.element{ width: min(50%, 500px)}浏览器需要在(50%, 500px)取一个最小值，第一个值是指当前视口...
2020-08-20 17:58:19
2777
1
原创 CSS:文本字数不一致 实现文本两端对齐——text-align属性
在我们制作表单或者个人信息的时候，经常会遇到类别名称字数不一致的问题，为了使网页更加美观我们一般使其两端对齐，或许我们都经历过使用空格处理阶段，现在用css就可以解决啦。text-align 属性text-align属性可以指定元素文本的水平对齐方式。属性值值 描述 left 把文本排列到左边。默认值：由浏览器决定。 right 把文本排列到右边。 center 把文本排列到中间。 justify 实现两端对齐文本效果。 inherit
2020-08-14 17:25:02
5626
1
原创 HTML：利用data自定义属性进行传值
data-* 属性用于存储私有页面后应用的自定义数据，可以在所有的 HTML 元素中嵌入数据。自定义的数据可以让页面拥有更好的交互体验（不需要使用 Ajax 或去服务端查询数据）。data-* 属性由以下两部分组成：属性名不要包含大写字母，在 data- 后必须至少有一个字符。 该属性可以是任何字符串注意：自定义属性前缀 "data-" 会被客户端忽略。语法：<elementdata-*="somevalue">为一个元素分配data属性存储数据 <...
2020-07-18 18:42:12
2955
原创 CSS：线性渐变——背景渐变、文字渐变、边框渐变、鼠标移入背景色向上切换、浏览器内核、渐变色彩搭配
好的颜色搭配加渐变其实是非常网站加分的，你还在用纯色背景吗？快来试一下渐变的带来的快乐吧~现在就让我们先来熟悉一下语法吧！线性渐变：为了创建一个线性渐变，你必须至少定义两种颜色结点。颜色结点即你想要呈现平稳过渡的颜色。同时，你也可以设置一个起点和一个方向（或一个角度）。从上到下的线性渐变：#grad { background-image: linear-gradient(#e66465, #9198e5); }从左到右的线性渐变：#grad { height: 200px;
2020-06-09 16:26:05
1254
原创 JQ动态监听滚动条位置
JQ动态监听滚动条位置并执行指定命令例如：给div添加类或移除类我一本用来改变头部的样式。第一步：引入jq文件<script src="style/js/jquery.min.js"></script>第二步：设置变量等于滚动条当前位置，并做出判断 $(window).scroll(function(){ var st = $(window).scrollTop(); if(st>80){
2020-06-08 11:55:03
2755
原创 Vue.js学习笔记（二）：点击展开、收缩div之折叠面板效果
本例涉及：绑定点击事件、动态切换类、动态改变dom样式效果图：点击按钮展开，再次点击按钮收缩 代码：为了方便查看学习，只上传关键代码语句Vue实例代码：可视区域的高度需根据自己的需求调整。此文章仅供学习交流使用，如果有更好的方法欢迎评论交流~...
2020-06-08 11:31:29
7739
原创 Vue.js学习笔记（一）：双层V-for循环渲染元素之轮播图
v-for：基于源数据多次渲染元素或模板块。此指令之值，必须使用特定语法alias in expression，为当前遍历的元素提供别名：<div v-for="item in items"> {{ item.text }}</div>另外也可以为数组索引指定别名 (或者用于对象的键)：<div v-for="(item, index) in items"></div><div v-for="(val, key) in o...
2020-06-06 13:04:20
2088
1
原创 swiper自定义分页点击跳转指定页面
swiper自定义分页点击跳转指定页面mySwiper.slideTo(index, speed, runCallbacks)，控制Swiper切换到指定slide。参数名类型是否必填描述indexnum必选指定将要切换到的slide的索引speednum可选切换速度(单位ms)runCallbacksboolean可选设置为false时不会触发transition回调函数（更多方法见Swiper官网）效果图如下：<!--banne
2020-05-26 12:27:24
4939
1
空空如也
H5嵌入APP适配安卓机无效
2023-12-26
midwayjs的Context怎么通过pipe()传输呢
2023-07-07
在react使用swiper的时候,a标签失灵
2023-02-18
在umi+react项目中按需引入ant组件样式失败
2022-11-08
在react+umi項目中使用百度地圖，坐標點加不上去
2022-11-03
TA创建的收藏夹 TA关注的收藏夹
TA关注的人