前端小码农.-CSDN博客

原创使用input框实现音频文件的上传与播放

最近的系统加的功能是越来越多了，前两天老板又让实现一个录音上传的功能，可以点击播放按钮打开音频播放器，点击暂停按钮暂定播放。想了想决定使用input框的file类型加上接收的参数为audio来实现此功能。

2024-06-18 15:43:36 1194

原创谈一谈Android系统和iOS系统的点击实现复制功能

谈到复制功能，想必大多数人都使用的navigator.clipboard.writeText（）来实现对文本的复制。但是这个方法却只能在Android系统中成功复制到剪切板，在iOS系统中却不行，下面就谈谈iOS系统中的问题和实现方法。

2024-06-15 11:09:37 483

原创每日小技巧：使用的flex布局时文字换行情况

很多小伙伴在写代码时可能都会有这样的一个烦恼，在屏幕尺寸进行缩放时或者在不同的手机屏幕尺寸不同时，使用的flex布局时文字有可能会掉下来。这时就有了这样的一个方法，flex-shrink。

2024-06-12 14:19:48 341

原创每日小技巧：解决在微信小程序中使用image时底部留白问题。

前段时间公司领导安排开发一款微信小程序，正当自以为大功告成时，测试反应了一个问题：在小程序中每个图片下方都有白色空白。这让我开心的心急剧下跌，立马检查代码处理问题。在检查完代码后发现代码本身并无问题，这时就开始纳闷是什么原因了。在查阅资料后发现原来是微信小程序开发文档image自身的原因，其实我也想不通为什么他们要设置每个图片下方都有白色空白。

2024-06-11 15:30:52 406

原创 Sass详解

Sass（Syntactically Awesome Stylesheets）是一种CSS预处理器，它扩展了CSS语言，引入了变量、嵌套规则、混合（mixins）、继承、函数、运算符等特性，使得编写CSS更加高效、模块化、易于维护。

2024-06-07 09:41:48 699

原创记录使用fastclick插件在ios系统中产生的bug

前段时间为了提高iOS端的性能和使用体验，安装了fastclick插件。fastclick插件确实在iOS端让点击事件和交互变的流畅，让用户体验感比较好。不过正当我感觉一切都大功告成的时候，用户反馈某个部分点击之后页面就卡着不动了，这让我安下的心又悬了起来，立马打开代码排查问题，果然bug存在而且是成对存在。

2024-06-06 10:54:35 579

原创带你玩转路由跳转并传值

在负责客户管理系统时，由客户列表页跳转入客户详情页时，需要传不同客户的id来渲染不同信息的客户详情信息，这时就需要 vue-router 的 route 进行传值。

2024-05-31 15:01:21 273

原创每日一个小技巧：解决使用vue3在苹果系统上滑动卡顿和缓慢问题

聊一聊最近使用vue3开发的新系统吧，在安卓系统上测试一切正常，但是上线之后苹果系统的一系列问题就出来了，用户首先就是反馈苹果系统页面滑动卡顿。

2024-05-30 16:44:19 485

原创每日一个小技巧：解决移动端使用vue3在iOS系统上点击事件卡顿和延迟情况

在最近开发的一款移动端客户管理系统时，使用组件naive UI开发和 vue的点击事件click时在iOS系统上点击非常卡顿和缓慢，用户体验感非常差。在查阅多个资料加上测试之后，寻到了一个方法使操作流程起来。

2024-05-28 16:41:03 380 2

原创《探索Web前端三大主流框架：React、Angular和Vue.js》

在当前的Web前端开发领域，React、Angular和Vue.js是三大主流框架，它们分别由领先的科技巨头Facebook、Google和著名工程师尤雨溪开发，为开发者们提供了强大的工具和技术支持。本文将深入探讨这三大主流框架的特点、优势以及适用场景，帮助读者更好地了解每种框架的特性和适用情况。

2024-05-28 09:04:48 322

原创干货分享：Vue 3和TypeScript结合进行API封装

在现代的前端开发中，使用Vue 3和TypeScript结合进行API封装已经成为一种流行的实践。通过将Vue 3的响应式性与TypeScript的静态类型检查相结合，我们可以更加安全和高效地管理和使用接口请求。本文将介绍如何在Vue 3项目中使用TypeScript进行API封装，以提高代码质量、可维护性和可读性。从创建API Service到定义接口类型，从封装请求方法到统一处理错误，本文将逐步引导您实现一个高度可扩展和可维护的API封装方案。

2024-05-27 17:27:15 857

原创 vue3之使用naive ui 书写日期选择器

前言：有些系统是需要筛选时间等插件，阅读文档却又一知半解，这里详解一下naive ui 的日期选择器n-date-picker。

2024-05-24 16:34:17 572 1

原创 Vue3使用Naive UI组件时如何使用n-select

在利用vue3框架进行开发时尤大大推荐使用naive ui组件进行开发。这里来详解n-select的具体使用方法和功能。

2024-05-24 16:05:04 346 3

原创 Vue3之使用echarts放置中国地图

3. 创建一个map.vue 引入 china.json 和 echarts 和 prop.ts。china.json文件包数据量过大，这里暂不展示，如有需要可搜索下载或私信博主分享给大家。前言：很多小伙伴在前端开发中有时需要中国地图来点击查看每个省的数据这样的需求，博主也是调式了几天完成了这样的效果。4.注册中国地图,这里展示完整了map.vue代码，props为父组件传来的数据。2.为地图设定一个自适应的宽度和可自行改变的高度。这里创建引用prop.ts。5.父组件使用map.vue。

2024-05-23 10:10:00 455

原创 vue3移动端滑动翻页效果

在对接接口时后端返回的参数内有 page(页数)pagesize(一页的数据条数),想要接口的数据不直接全部展示在页面上，实现分页展示效果减少服务器响应时间。下面使用vue3setup来进行演示。

2024-05-22 15:17:27 376

原创解决如何使用微信小程序使用自定义底部导航栏

2.在pages同级目录下新建custom-tab-bar文件夹，文件夹内的文件命名为index.js、index.json、index.wxss、index.wxml。4.最关键一步，在你选择为底部导航栏的tabbar页面的js文件中添加以下代码，首页的selected = 0 商城为1 购物车为2 我的为3。前两天接手微信小程序时，领导让把原有小程序的底部导航栏大换样，改成自定义形式。3.在index.js、index.json、index.wxss、index.wxml内分别写下以下代码。

2024-05-22 09:21:59 601

Cy01234的博客