随笔分类 -  前端开发常用技巧

在开发过程中常用到的技术
实现大屏适配方案
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文
posted @ 2024-05-20 16:02 采姑娘的小蘑菇呀 阅读(43) 评论(0) 推荐(0)
uniapp怎么获取元素高度，获取元素节点信息，获取界面剩余高度
摘要：一、在uniapp项目开发的过程中，常常需要获取元素的高度信息，来更容易的实现元素的布局控制，使用场景：列入动态的计算容器的高度，设置组件的最小高度等等 在获取元素节点信息中，通常有两种情况：①获取单个 ②获取v-for循环元素的节点信息，话不多说，直接上代码 注意：需要在onReady（）之后获取 阅读全文
posted @ 2024-03-21 14:23 采姑娘的小蘑菇呀 阅读(1426) 评论(0) 推荐(0)
获取当前时间，星期几
摘要：this.timer = setInterval(this.getTime, 1000); //实时刷新时间 getTime() { const date = new Date(); const year = date.getFullYear(); const month = date.getMon 阅读全文
posted @ 2023-09-05 10:11 采姑娘的小蘑菇呀 阅读(54) 评论(0) 推荐(0)
前端构建项目 vite和vue
摘要：1.安装node.js环境，版本在14或16以上 使用vite搭建项目 npm init vite@latest 使用vue搭建项目 npm init vue@latest 项目名称，一直yes 阅读全文
posted @ 2023-07-25 16:38 采姑娘的小蘑菇呀 阅读(59) 评论(0) 推荐(0)
解决uniapp写微信小程序不支持table的问题
摘要：<view class="table"> <view class="tr "> <text class="th ft16">股金</text> <text class="th ft16">份额</text> <text class="th ft16">分成</text> <text class="t 阅读全文
posted @ 2023-05-25 20:26 采姑娘的小蘑菇呀 阅读(1369) 评论(1) 推荐(0)
antd-vue的date-picker限制不能选择今天之前的时间
摘要：antd-vue的date-picker限制不能选择今天之前的时间 我们在使用antd-vue的日期选择组件时，有时需要限制今天以前的日期不可选中，要怎么实现呢？官方给出的参数，用 disabledDate 传入不可选择的日期 前提确保安装了moment npm i moment 废话不多说，直接上 阅读全文
posted @ 2023-05-19 10:55 采姑娘的小蘑菇呀 阅读(1181) 评论(0) 推荐(0)
mock.js模拟数据
摘要：1.npm install mockjs 2.在src目录下创建个mock文件夹 3.mock文件夹下准备json数据（json数据必须格式化，不能留有空格）json需要的图片资源放在public文件夹下，会随dist打包原封不动的打包过去 4.在mock文件夹下建mockServe.js文件夹用来 阅读全文
posted @ 2023-01-04 15:52 采姑娘的小蘑菇呀 阅读(180) 评论(0) 推荐(0)
vue网页随高度变化相应图片放大
摘要：script代码 data() { return { toShow5: false, scale_3: '0' }; }, mounted() { window.addEventListener('scroll', this.handleScrollx, true); window.addEvent 阅读全文
posted @ 2022-11-18 10:40 采姑娘的小蘑菇呀 阅读(135) 评论(0) 推荐(0)
vue网页滚动到一定程度出现动画效果
摘要：script代码（不推荐：不适配） data() { return { toShow3:false, }; } mounted() { window.addEventListener('scroll', this.handleScrollx, true); }, methods: { handleS 阅读全文
posted @ 2022-11-17 11:24 采姑娘的小蘑菇呀 阅读(1146) 评论(0) 推荐(0)
圆圈由小变大的动画效果
摘要：<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2022-11-10 14:50 采姑娘的小蘑菇呀 阅读(93) 评论(0) 推荐(0)