coderYYY的博客

Vue+echarts做的一个中国疫情数据可视化网站，附源码和论文参考

3种方法实现el-select传递除了value的其他参数

最近做了一个Vue大屏可视化项目，原本计划是在电视上用网页打开，但是由于各种原因，最后只能用app原先已经用Vue开发好，如果改技术栈肯定很麻烦，时间也来不及，所以最好的方式肯定就是直接把原先做好的网页嵌入app里面。

一开始只设了图片的发现还是不能完全显示图片，发现问题所在是swiper高度得设，不然默认就是150px，超出部分会被截掉，不会被图片自动撑开的。而轮播图片有时候是后台维护，不是固定的，这个高不能写死。网上其他教程思路是对的，但是是通过css的calc写死计算，不灵活本教程将动态获取图片宽高和适配不同屏幕计算出swiper的高我们可以获取图片在设备上的宽作为swiper高度就可以了首先，图片比例是固定的，比例=swiper 宽度 / swiper 高度 = 原图宽度 / 原图高度那么。

uniapp根据角色动态显示tabbar，适配h5和微信小程序，代码算比较简洁。

业务需求需要计算商家到客户的两点路线距离（非直线距离），直接公式计算不准，所以准备调用腾讯地图结合`chooseLocation`选点，总结了3种方法

基于 Element UI 实现了一个支持单元格编辑、键盘导航和动态增删行的表格组件。通过自定义指令实现了输入框和下拉框的自动聚焦

对el-dialog进行封装是一个不错的选择。本文将介绍两种封装el-dialog的方法：一种是使用$emit触发父组件事件，另一种是使用.sync实现双向绑定。本文介绍了两种封装el-dialog组件的方法：一种是使用$emit触发父组件事件，另一种是使用.sync实现双向绑定。这两种方法各有优缺点，开发者可以根据具体需求选择适合的方法。

有时候我们的应用需要加入一点音效，比如PDA扫码枪扫描结果，需要语音提示“扫码成功”等等，这种音效内容是固定的。如果用文字转语音接口，还需要购买接口额度今天就教大家在我们的app中免费使用音效使用场景：音效内容固定。

前端技术栈Vue+后端技术栈PHPMysql鉴权以及存储信息用的sessioncookie服务器：宝塔Linux、Nginx以上为所用的技术，在本地开发没问题，但是部署到服务器就报错首先是跨域问题。

实用的日期星期函数

在页面A生成分享链接（携带参数），分享到微信聊天后，好友点击链接可跳转到页面B，页面B可获取到参数。

使用sortable.js实现el-table行拖拽

uniapp使用安卓原生语音合成插件，免费无限次数

原理其实就是检测触底，就把页码+1，然后对数据进行拼接

原生微信小程序（uniapp同理）实现详情页左右滑动无限切换到上/下页，结合后端请求动态渲染，带流畅的滑动动画效果。

前端把获取到的code传给后端，后端获取access_token和前端传过来的code，请求服务器接口，即可获取到手机号。

【element-ui】 el-table 表格动态合并相同数据单元格最全教程，可指定列+自定义合并条件，附完整代码

点击“新增一行”可以在表格最后新增一行，单元格内容可编辑

有时候后端返回的数据不适合前端，我们就需要进行转换，比如我想用elementUI的级联选择器，而这个组件对数据格式有要求，本篇文章将介绍如何将一层级对象数组数据格式转为三层级嵌套children数组，JavaScript、Vue、小程序等都适用，使用情景为多级分类，嵌套数据。

微信小程序向用户发送订阅消息详细教程

效果预览

uniapp PDA扫码枪获取扫码数据APP（通俗易懂），频繁弹软键盘等各种坑完美解决方法

微信小程序版Todolist，腾讯云小程序官方课程中的项目之一

学成在线网站首页，只有一张首页，适合刚学HTML，CSS的同学练手，虽然只有一张静态页面，但是总体上还是很精致的。代码中我做了详细的注释，新手可以看看，里面还有PSD设计图，可以自己试试看切图和测量，体会一下前端项目开发。

Hexo是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。

使用Vue3+Vite+Koa2的一个前后端分离todolist记事本网站，功能较为简单，页面自己设计的（自我感觉良好），可能有些地方有点小bug，此项目当时主要是练习koa2的基本使用和项目自动化部署（之前有一篇文章有相关介绍，感兴趣可以翻一下）。觉得不错的话可以给个star哦~~要先把后端运行起来，数据库sql文件导入运行前端：https://gitee.com/yyy1203/yyy-todolist后端：https://gitee.com/yyy1203/todolist-node后端：在nav

参考了git上的一个开源项目，后续可能还有会一些改动，答辩完后我会把源码开源，接口用的腾讯疫情实时接口

技术栈项目展示在线体验(推荐）https://yangyanyan.top/echarts-jobmap/源码记得给个starhttps://gitee.com/yyy1203/echarts-jobmap.git笔记教程很详细喔，跟着我的教程来，很简单哒https://blog.youkuaiyun.com/qq_23073811/article/details/123425963文件架构以及部分源码展示文件架构架构其实就是简单的前端三剑客部分源码展示核心代码index.js，主

技术栈HtmlcssJavaScriptjQuery体验pc端打开：https://yangyanyan.top/pygshopping/源码（记得给我个star）：https://gitee.com/yyy1203/pyg-shopping.git效果除了页面布局，还结合了后面的js和jq，为网页增加一些特效，此网站目前只是前端静态首页轮播图电梯导航简单的seo优化详情页商品图片放大镜分类列表页购物车商品数量增减删除商品合计商品价格

技术栈htmlcss体验浏览器打开：jd-mobileGitee效果主要使用流式布局（百分比布局），页面较为简单