艺灵设计

全部文章
×
@vue/cli3项目开发之前端一键自动部署代码到服务器并播放随机音乐以便提醒

@vue/cli3项目开发之前端一键自动部署代码到服务器并播放随机音乐以便提醒

摘要:上次的一键打包代码并部署到服务器工具在实践过程中确实帮助艺灵节省了很多不必要的时间,但在用户体验上还有待改进。于是,艺灵先是使用了彩色日志,在视觉上做了改善。但后来工作起来还是容易忘记啥时候上传完毕,于是又在听觉上添加了自动......

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2021-09-21 - 阅:2 - 积分:0

 @vue/cli3项目开发之记一次手动配置前端一键自动部署代码到服务器上的经历

@vue/cli3项目开发之记一次手动配置前端一键自动部署代码到服务器上的经历

摘要:@vue/cli3脚手架的出现,大大提高了前端的开发效率。但每次打包后通过WinSCP等工具手动上传代码到服务器上也挺浪费时间的,在网上也有一些相关的自动化部署插件,比如:deploy-cli-service。一般插件都是支持密码上传,今天我们来手写一个使用......

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2021-06-05 - 阅:66 - 积分:0

uni-app跨端开发微信小程序之动态配置自定义tabBar那点儿坑

uni-app跨端开发微信小程序之动态配置自定义tabBar那点儿坑

摘要:微信小程序原生的tabBar虽丝滑顺畅,但无法做到动态增删,只能通过几个API做简单的修改,很难满足实际的项目需求。但自定义的tabBar虽灵活,但在用户体验上始终会有所欠缺。不是随页面飘动就是在页面切换时会闪一下,而使用tab的方式虽可以做到......

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2021-05-31 - 阅:144 - 积分:0

uni-app跨端开发微信小程序之nodejs与后端通信并动态打包项目以适应多环境开发

uni-app跨端开发微信小程序之nodejs与后端通信并动态打包项目以适应多环境开发

摘要:这篇文章主要的目的是分享一个可与后端接口通信的自动化脚本插件,实现不同环境下可打包成不同配置的微信小程序源码。全程靠命令行自动发起请求、修改配置文件、自动编译,解放双手不是梦!......

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2021-05-22 - 阅:70 - 积分:0

uni-app跨端开发微信小程序之手把手带你写一个用程序自动打开微信开发者工具的小插件

uni-app跨端开发微信小程序之手把手带你写一个用程序自动打开微信开发者工具的小插件

摘要:本文通过获取微信开发者工具安装路径、调用shelljs执行vue-cli编译命令、fs和path组合来读取编译后的目录、动态修改AppId和title这四个方面入手,一步步带领看官制作一个自动打开微信开发者工具的小插件,完美解决日常多环境开发的硬性需......

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2021-05-04 - 阅:95 - 积分:0

uni-app跨端开发微信小程序之HBuilderX项目实现多环境开发

uni-app跨端开发微信小程序之HBuilderX项目实现多环境开发

摘要:由于市场的需求不断变化,原有的开发环境和生产环境已经无法满足需求,多环境开发已经是越来越多的公司要面临的问题。本文先介绍如何将HBuilderX创建的uni-app项目转换成vue-cli项目,紧接着通过cross-env实现多环境的配置,最后通过配置文件......

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2021-05-02 - 阅:187 - 积分:0

买车初体验

买车初体验

<b>摘要:</b>回顾自己的买车经历,分享自己的心理路程。包括:全款或分期比较、必要险种、贴膜存在收费项目、车子质量检测视频、如何争取应有的保养服务等,各位即将买车的看官且读且珍惜............

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2021-04-24 - 阅:124 - 积分:0

2021年集五福攻略之万能福沾福卡敬业福等10余种玩法全在这儿

2021年集五福攻略之万能福沾福卡敬业福等10余种玩法全在这儿

摘要:话说2021年集五福活动早就开始了,但我却装死迟迟没有发动态。今天是第3天,我发现今年集五福的玩法实现在太多了,真是玩出了新高度!去年拥有沾沾卡简直不要太爽,但今年沾沾卡只能是个弟弟,万能福才是王者!而且今天才3号,万能福疯狂大放水............

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2021-02-03 - 阅:140 - 积分:0

uni-app跨端开发之生成小程序码和调试scene参数爬坑指南

uni-app跨端开发之生成小程序码和调试scene参数爬坑指南

<b>摘要:</b>生成微信小程序码的前提条件是小程序必须要上线,相信很多开发者光是看到这一条就已经震惊到了。而且小程序码中的scene最多可以携带32个字符,关键是难调试。另外,虽然前端也可以自己生成微信小程序码,但有坑......<br>......

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2020-12-26 - 阅:1523 - 积分:0

历时两个月的PMP备考,我大意了!

历时两个月的PMP备考,我大意了!

摘要:一晃两个月过去了,今天也结束了12月份的PMP考试。总体来说不咋样,考试完全不在状态。下面做下回顾,希望后面备考的看官别再踩坑............

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2020-12-05 - 阅:838 - 积分:0

uni-app跨端开发之记一次通过上传日志分析APP内嵌H5网页定位展示异常的原因

uni-app跨端开发之记一次通过上传日志分析APP内嵌H5网页定位展示异常的原因

摘要:因业务需求,上次开发的H5生鲜代码需要内嵌到某APP中。在定位这个问题上,跟APP端达成共识。用户在进入APP内嵌的H5页面后,H5会通过调用bridge.callHandler('jsInNative')来获取APP经纬度数据,然后H5端调用高德的API进行逆地理编码并显示......

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2020-10-24 - 阅:291 - 积分:0

uni-app跨端开发之微信公众号中调用分享sdk时成功但无法唤醒分享的弹窗?

uni-app跨端开发之微信公众号中调用分享sdk时成功但无法唤醒分享的弹窗?

摘要:上次开发的生鲜类小程序要打包成H5放到微信公众号中,由于部分页面有分享的按钮,所以需要实现分享功能。经过测试和搜索后发现,现在的微信jssdk虽然在调用wx.updateAppMessageShareData时会进入success方法但并不会触发弹窗操作。最终的解......

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2020-10-22 - 阅:335 - 积分:0

uni-app跨端开发微信小程序之打包成H5后加载缓慢、定位不准到底是怎么回事?

uni-app跨端开发微信小程序之打包成H5后加载缓慢、定位不准到底是怎么回事?

摘要:在微信小程序端,通过调用wx.chooseLocation这个API可以快速实现定位和搜索的功能。但到了微信公众号中,事情远比想像的要复杂的多。无论是腾讯地图还是高德地图还是百度地图,都存在定位不准的问题。除去各家自身的因素,定位不准最核心的原......

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2020-10-05 - 阅:1295 - 积分:0

uni-app跨端开发微信小程序之wx.chooseLocation打开地图并实现定位功能

uni-app跨端开发微信小程序之wx.chooseLocation打开地图并实现定位功能

摘要:wx.chooseLocation API可以方便的唤醒地图并实现搜索、定位的功能。但使用前需要校验scope.userLocation权限,此时需要用到wx.getSetting来检测权限。当用户首次进来时直接拒绝了授权,则需要使用wx.openSetting引导用户授权,否则将无法使......

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2020-10-04 - 阅:1349 - 积分:0

uni-app跨端开发微信小程序之页面栈超过10层时无法跳转的解决方案

uni-app跨端开发微信小程序之页面栈超过10层时无法跳转的解决方案

摘要:正常情况下,一个微信小程序中的页面栈是不会超过10层的。如果在商品详情面添加相关商品,链接处理不当时就会出现页面栈超10层导致页面无法点击的情况。在上一篇提到的提前购流程中,由于链接太长,必然也会出现页面栈超10层的现象。但又考虑......

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2020-10-02 - 阅:1134 - 积分:0

复盘自己在开发生鲜类小程序时犯下的几个错

复盘自己在开发生鲜类小程序时犯下的几个错

摘要:万万没想到,为了开发一款生鲜类的小程序,我竟然用了两个半月的时间!现在再回顾这两个多月,我走了不少弯路也犯了不少错。由于一直没太多的时间,所以网站的周新也断了。趁国庆期间,今日来复盘一下此次开发中遇到的坑及一此问题......

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2020-10-01 - 阅:115 - 积分:0

@vue/cli3+typescript项目实战之二级导航菜单的实现及潜在的坑

@vue/cli3+typescript项目实战之二级导航菜单的实现及潜在的坑

摘要:这篇我们以实现给二级导航添加激活样式为主。通过mouseenter和mouseleave的组合使用,来实现鼠标滑过和离开时显示和隐藏子菜单的效果。通过多个添加click事件来监听用户点击操作,然后遍历整个数组并给当前对象添加checked=true属性来实......

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2020-08-02 - 阅:82 - 积分:0

移动端页面适配之iPhoneX的安全区域

移动端页面适配之iPhoneX的安全区域

说起有关iPhoneX的适配问题,网上资源一搜一大把,而这些资源文章中的代码中或多或少会出现viewport-fit=cover和safe-area-inset-bottom的影子。之前我对这块的认知也是比较浅显的,毕竟不是壕没有壕机。前段时间在工作中又遇到了此类问题,当时......

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2020-07-26 - 阅:683 - 积分:0

@vue/cli3+typescript项目实战之给无限级嵌套的导航添加激活样式(上)

@vue/cli3+typescript项目实战之给无限级嵌套的导航添加激活样式(上)

摘要:由于无限级嵌套导航比较复杂,所以打算分三篇来写。这一篇主要先实现一级导航菜单,然后优化代码,最后通过路由前置守卫实现动态修改路由对应页面的标题title............

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2020-07-19 - 阅:101 - 积分:0

@vue/cli3项目实战之后端返回动态路由后前端使用router.addRoutes无效?

@vue/cli3项目实战之后端返回动态路由后前端使用router.addRoutes无效?

摘要:之前在开发@vue/cli3项目时遇到一个动态导航的需求,部分导航菜单由后端返回。正常情况下,我们的导航对应的路由都是写死的,存放在router文件夹中。这回要动态的,不太好办呀!经过一番搜索和踩坑,axios请求后端获取数据,然后循环遍历数组生成符......

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2020-07-15 - 阅:289 - 积分:0

关于鄙站在2020.7.8~7.12号之间无法访问的说明

关于鄙站在2020.7.8~7.12号之间无法访问的说明

万万没有想到,鄙站会因为在6年前分享了一篇有关科学上网的文章而被强行关闭。这也是网站在2020年7月8号下午到7月12号之间一直无法访问的原因............

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2020-07-14 - 阅:179 - 积分:0

一张设计图让我对history.back()和href跳转有了新的认知

一张设计图让我对history.back()和href跳转有了新的认知

摘要:由于之前没有怎么在意history.back(),所以潜意识里也没把他当回事儿。直到我遇到了一个需求,当地址栏中的链接出现#号时,浏览器的回退结果可能并不是我们想要的。此时若使用href强行跳转到指定页面,在此页面中执行history.back()时就会进......

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2020-07-05 - 阅:203 - 积分:0

微信小程序从入坑到放弃三十三:当LocalHistory遇上微信小程序开发者工具,坑你我们是认真的!

微信小程序从入坑到放弃三十三:当LocalHistory遇上微信小程序开发者工具,坑你我们是认真的!

Local History是Vscode编辑器中的一款插件,主要功能就是将修改过的文件自动备份到本地,当我们操作不当导致数据丢失时,可以从<code>.history</code>这个文件夹中恢复数据。插件是个好插件,就是跟微信小程序开发者工具配合使用时,小程序总是有点......

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2020-06-25 - 阅:543 - 积分:0

微信小程序从入坑到放弃三十二:兼容ios且自动增高的底部评论框

微信小程序从入坑到放弃三十二:兼容ios且自动增高的底部评论框

前面的文章已经多次提到底部评论框了,毕竟这个功能经常会在某些情况下被系统软键盘遮挡。艺灵也提供了相应的解决方案,但无奈客户的需求是多变的。之前的输入框都是固定了高度,今天来一篇自动增高的,毕竟这也是一个坑哦~......

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2020-06-20 - 阅:185 - 积分:0

微信小程序从入坑到放弃三十一:scroll-view组件在评论功能中的应用

微信小程序从入坑到放弃三十一:scroll-view组件在评论功能中的应用

上周我们使用view + wx.pageScrollTo实现了在评论前后,页面滚动到指定评论位置的需求。除此之外,利用scroll-view组件也可以实现,但是步骤变多了。因为我们要计算出scroll-view的最佳高度............

作者:艺灵设计 - 来源:http://www.yilingsj.com - 发布时间:2020-06-18 - 阅:411 - 积分:0

216123456789>>>