基于Vue-CLI 3.0配置webpack的跨域限制代理功能devServer.proxy

接口跨域一直是个头疼的问题,之前的业务页面都基于一套限制比较少的接口在交互,所以大部分还是写完静态页面然后替换数据部分,直接打包到测试环境即可,所以一直不太在意本地调试的问题。

基于Vue-CLI 3.0的骨架屏实现方案

大型Project的首次载入速度一般会比较慢,虽然Vue可以配置路由懒加载,但有时候打包出来的chunk还是会比较大,这个时候可以结合骨架屏来提高用户等待加载时的体验。

Vue路由params丢失、错误路由白屏的解决方案

使用带params的路由的时候,如果params不正确,路由就不会渲染,导致页面出现空白,本来想跟query一样,指定其中一个query为默认值,没想到并不能如己所愿,不过最终问题还是解决了,采用了一个路由的api来判断当前路由是否存在,顺带解决了其他非正常路由的指向问题。

Github发布项目与删除文件夹操作指令

Git的指令还是记不太住,发篇文帮助记忆,记录起来方便查阅。

原生JS实现带动画的返回顶部按钮

添加的第一个参数destination,终点位置,含义是指终点坐标与窗口顶部的Y轴距离,非必须,默认为0,也就是直接返回到窗口顶部。通过window.scrollY > destination的条件判断,如果当前窗口滚动距离比预设的终点距离大,就执行滚动,否则就结束,到达目的地。

针对document.write渲染的优化方案(适用webpack按需加载)

write方法去渲染html,更多情况是适合手写页面的年代,现在前端开发都是通过node+webpack工程化打包,那么遇到必须write又不想write的情况应该怎么办?最近刚好对手里的一个项目做了渲染优化,在这里顺便做个总结,讲一下对`document.write`渲染html的一个优化思路,可以结合到MVVM框架(如Vue.js)里去使用。

移动端真机debug调试神器 vConsole的引入说明(原生态与WebPack)

距离这个神器发布第一个版本的时间,已经过去3年了,不过还是有蛮多新同学不知道他的存在,在做项目的时候,移动端真机调试还是用alert来弹,不仅调试起来很烦,也蛮不好定位问题的。安利过的每个人,都对vConsole有着100%的好评哈哈哈,写个博文记录下吧,好东西应该持续推荐。

Vue-CLI脚手架3.0升级小结(含Win版Node升级与PowerShell踩坑记录)

Vue脚手架3.0出来也蛮久了,秉着前人先踩坑的习惯,最近才开始升级。整个过程还是蛮顺利的,不过也有一些小小的问题,简单记录起来。

微信浏览器input/textarea回收键盘后界面错位bug的解决办法

最近在处理一个H5页面的时候,有一个需要用户填写昵称信息的环节,模拟器一切正常,结果到了真机上发现输入信息完毕后,无法点击确认按钮emmm,黑人问号了半天,联系QA又深度测试了一下,发现只有iOS的微信浏览器才会。

低成本实现“猜你喜欢”需求的几种思路(本质为随机数与“换一换”)

这个话题的第一次出现,是在2017年8月份的时候,到现在也蛮久了,之所以想起来说要小结一下,是因为这一年里不少新同学都过问过这么个问题,自己虽然做的不算多,但也通过几种情况完成了各类需求,写个笔记也方便以后用。那会自己第一次遇到一个需求是做一个“猜你喜欢”,然后没有后端的支持,也就是实际上这个“猜你喜欢”本质并不是“猜”,而是一个随机展示,也就是所谓的“换一换”。