记一次成功把Vue2后台项目改造成Vite2的踩坑经历
摘要：公司后台项目基于@花裤衩大神的vue-element-admin，随着项目功能的不断完善和需求不断增加，项目启动也变的越来越慢。慢到什么程度呢？我i7-10代16G内存的本本跑项目最快也需要近3分钟，实在难以忍受。几经折腾，终于成功改造成了vite。现在跑......
作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2022-05-15 - 阅:4084 - 积分:0
记一次在优化Axios请求方式中遇到的坑团经历
摘要：一个项目可以从多个方面进行优化，这篇笔记主要记录的是我上周在思考不够成熟的情况下，贸然对公司项目中的Axios请求方法进行了大量的优化而导致不停踩坑不断坑自己坑同事的狗血经历。虽然改造的出发点是好的，但执行起来并没有那么顺利，......
作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2022-04-17 - 阅:307 - 积分:0
行车记录仪是选降压线还是微波雷达线？也许并没有你想像中的那么好
摘要：自从上次车被人刮蹭后，我花了不少时间和精力在研究如何防范车辆被刮蹭。艺灵测试了几款带降压线的行车记录仪，也测试了微波雷达感应线的效果，对碰撞报警也有过思考，还请内行朋友不吝赐教。本文多为个人观点，并非权威，仅供参考和交流。......
作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2022-04-10 - 阅:690 - 积分:0
记一次车停在地下车库被人刮蹭后的追凶经历
摘要：这事儿说起来挺尴尬的，我的车停在地下车库中竟然被人刮蹭了。由于小区监控设备老化等原因，整个破案过程花了我5天时间，异常煎熬和无奈！最终，我幸运的找到了刮蹭者，通过交警来处理了此事。......
作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2022-04-08 - 阅:536 - 积分:0
@vue/cli3项目开发之前端一键自动部署代码到服务器并播放随机音乐以便提醒
摘要：上次的一键打包代码并部署到服务器工具在实践过程中确实帮助艺灵节省了很多不必要的时间，但在用户体验上还有待改进。于是，艺灵先是使用了彩色日志，在视觉上做了改善。但后来工作起来还是容易忘记啥时候上传完毕，于是又在听觉上添加了自动......
作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2021-09-21 - 阅:321 - 积分:0
@vue/cli3项目开发之记一次手动配置前端一键自动部署代码到服务器上的经历
摘要：@vue/cli3脚手架的出现，大大提高了前端的开发效率。但每次打包后通过WinSCP等工具手动上传代码到服务器上也挺浪费时间的，在网上也有一些相关的自动化部署插件，比如：deploy-cli-service。一般插件都是支持密码上传，今天我们来手写一个使用......
作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2021-06-05 - 阅:595 - 积分:0
uni-app跨端开发微信小程序之动态配置自定义tabBar那点儿坑
摘要：微信小程序原生的tabBar虽丝滑顺畅，但无法做到动态增删，只能通过几个API做简单的修改，很难满足实际的项目需求。但自定义的tabBar虽灵活，但在用户体验上始终会有所欠缺。不是随页面飘动就是在页面切换时会闪一下，而使用tab的方式虽可以做到......
作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2021-05-31 - 阅:1869 - 积分:0
uni-app跨端开发微信小程序之nodejs与后端通信并动态打包项目以适应多环境开发
摘要：这篇文章主要的目的是分享一个可与后端接口通信的自动化脚本插件，实现不同环境下可打包成不同配置的微信小程序源码。全程靠命令行自动发起请求、修改配置文件、自动编译，解放双手不是梦！......
作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2021-05-22 - 阅:793 - 积分:0
uni-app跨端开发微信小程序之手把手带你写一个用程序自动打开微信开发者工具的小插件
摘要：本文通过获取微信开发者工具安装路径、调用shelljs执行vue-cli编译命令、fs和path组合来读取编译后的目录、动态修改AppId和title这四个方面入手，一步步带领看官制作一个自动打开微信开发者工具的小插件，完美解决日常多环境开发的硬性需......
作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2021-05-04 - 阅:982 - 积分:0
uni-app跨端开发微信小程序之HBuilderX项目实现多环境开发
摘要：由于市场的需求不断变化，原有的开发环境和生产环境已经无法满足需求，多环境开发已经是越来越多的公司要面临的问题。本文先介绍如何将HBuilderX创建的uni-app项目转换成vue-cli项目，紧接着通过cross-env实现多环境的配置，最后通过配置文件......
作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2021-05-02 - 阅:1647 - 积分:0
买车初体验
<b>摘要：</b>回顾自己的买车经历，分享自己的心理路程。包括：全款或分期比较、必要险种、贴膜存在收费项目、车子质量检测视频、如何争取应有的保养服务等，各位即将买车的看官且读且珍惜............
作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2021-04-24 - 阅:451 - 积分:0
2021年集五福攻略之万能福沾福卡敬业福等10余种玩法全在这儿
摘要：话说2021年集五福活动早就开始了，但我却装死迟迟没有发动态。今天是第3天，我发现今年集五福的玩法实现在太多了，真是玩出了新高度！去年拥有沾沾卡简直不要太爽，但今年沾沾卡只能是个弟弟，万能福才是王者！而且今天才3号，万能福疯狂大放水............
作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2021-02-03 - 阅:711 - 积分:0
uni-app跨端开发之生成小程序码和调试scene参数爬坑指南
<b>摘要：</b>生成微信小程序码的前提条件是小程序必须要上线，相信很多开发者光是看到这一条就已经震惊到了。而且小程序码中的scene最多可以携带32个字符，关键是难调试。另外，虽然前端也可以自己生成微信小程序码，但有坑......<br>......
作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2020-12-26 - 阅:3963 - 积分:0
历时两个月的PMP备考，我大意了！
摘要：一晃两个月过去了，今天也结束了12月份的PMP考试。总体来说不咋样，考试完全不在状态。下面做下回顾，希望后面备考的看官别再踩坑............
作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2020-12-05 - 阅:1634 - 积分:0
uni-app跨端开发之记一次通过上传日志分析APP内嵌H5网页定位展示异常的原因
摘要：因业务需求，上次开发的H5生鲜代码需要内嵌到某APP中。在定位这个问题上，跟APP端达成共识。用户在进入APP内嵌的H5页面后，H5会通过调用bridge.callHandler('jsInNative')来获取APP经纬度数据，然后H5端调用高德的API进行逆地理编码并显示......
作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2020-10-24 - 阅:994 - 积分:0
uni-app跨端开发之微信公众号中调用分享sdk时成功但无法唤醒分享的弹窗？
摘要：上次开发的生鲜类小程序要打包成H5放到微信公众号中，由于部分页面有分享的按钮，所以需要实现分享功能。经过测试和搜索后发现，现在的微信jssdk虽然在调用wx.updateAppMessageShareData时会进入success方法但并不会触发弹窗操作。最终的解......
作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2020-10-22 - 阅:1946 - 积分:0
uni-app跨端开发微信小程序之打包成H5后加载缓慢、定位不准到底是怎么回事？
摘要：在微信小程序端，通过调用wx.chooseLocation这个API可以快速实现定位和搜索的功能。但到了微信公众号中，事情远比想像的要复杂的多。无论是腾讯地图还是高德地图还是百度地图，都存在定位不准的问题。除去各家自身的因素，定位不准最核心的原......
作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2020-10-05 - 阅:4740 - 积分:0
uni-app跨端开发微信小程序之wx.chooseLocation打开地图并实现定位功能
摘要：wx.chooseLocation API可以方便的唤醒地图并实现搜索、定位的功能。但使用前需要校验scope.userLocation权限，此时需要用到wx.getSetting来检测权限。当用户首次进来时直接拒绝了授权，则需要使用wx.openSetting引导用户授权，否则将无法使......
作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2020-10-04 - 阅:5747 - 积分:0
uni-app跨端开发微信小程序之页面栈超过10层时无法跳转的解决方案
摘要：正常情况下，一个微信小程序中的页面栈是不会超过10层的。如果在商品详情面添加相关商品，链接处理不当时就会出现页面栈超10层导致页面无法点击的情况。在上一篇提到的提前购流程中，由于链接太长，必然也会出现页面栈超10层的现象。但又考虑......
作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2020-10-02 - 阅:4335 - 积分:0
复盘自己在开发生鲜类小程序时犯下的几个错
摘要：万万没想到，为了开发一款生鲜类的小程序，我竟然用了两个半月的时间！现在再回顾这两个多月，我走了不少弯路也犯了不少错。由于一直没太多的时间，所以网站的周新也断了。趁国庆期间，今日来复盘一下此次开发中遇到的坑及一此问题......
作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2020-10-01 - 阅:252 - 积分:0
@vue/cli3+typescript项目实战之二级导航菜单的实现及潜在的坑
摘要：这篇我们以实现给二级导航添加激活样式为主。通过mouseenter和mouseleave的组合使用，来实现鼠标滑过和离开时显示和隐藏子菜单的效果。通过多个添加click事件来监听用户点击操作，然后遍历整个数组并给当前对象添加checked=true属性来实......
作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2020-08-02 - 阅:411 - 积分:0
移动端页面适配之iPhoneX的安全区域
说起有关iPhoneX的适配问题，网上资源一搜一大把，而这些资源文章中的代码中或多或少会出现viewport-fit=cover和safe-area-inset-bottom的影子。之前我对这块的认知也是比较浅显的，毕竟不是壕没有壕机。前段时间在工作中又遇到了此类问题，当时......
作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2020-07-26 - 阅:1564 - 积分:0
@vue/cli3+typescript项目实战之给无限级嵌套的导航添加激活样式（上）
摘要：由于无限级嵌套导航比较复杂，所以打算分三篇来写。这一篇主要先实现一级导航菜单，然后优化代码，最后通过路由前置守卫实现动态修改路由对应页面的标题title............
作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2020-07-19 - 阅:299 - 积分:0
@vue/cli3项目实战之后端返回动态路由后前端使用router.addRoutes无效？
摘要：之前在开发@vue/cli3项目时遇到一个动态导航的需求，部分导航菜单由后端返回。正常情况下，我们的导航对应的路由都是写死的，存放在router文件夹中。这回要动态的，不太好办呀！经过一番搜索和踩坑，axios请求后端获取数据，然后循环遍历数组生成符......
作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2020-07-15 - 阅:1169 - 积分:0
关于鄙站在2020.7.8~7.12号之间无法访问的说明
万万没有想到，鄙站会因为在6年前分享了一篇有关科学上网的文章而被强行关闭。这也是网站在2020年7月8号下午到7月12号之间一直无法访问的原因............
作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2020-07-14 - 阅:411 - 积分:0