跳到主要内容

· 阅读需 2 分钟

阿里巴巴尺量图 iconfont的另一种使用方法

官方文档说的两个方法

  1. unicode引用
  2. font-class引用

· 阅读需 2 分钟

vue-ssr 部署上线

学习了这么久,终于部署上线,在外网也能访问自己的网站了,这一刻的感觉很兴奋很开心,说说需要的环境或者遇到的坑

1 域名

配好域名,能正常解析。其他什么实名制就不说了。然后解析对应的服务器ip地址

2 服务器

一般有带node的,但是版本太低了。必须要升级 说说网上搜到的有用办法,仅限我自己有用,其他人我不知道。

  1. 安装n

    npm install -g n

    2.安装最新node版本

    n latest
  2. 这个时候node -v应该还是旧版的,所以这个时候必须要去重启一下服务器,重启完,查看版本就是最新的了

  3. 在腾讯云后台系统那边,要配置好服务器的安全组,添加你的开放端口

3 代码包

下载项目的git包到服务器,然后下载好项目所需的npm包,然后,打包好项目,运行pm2 start pm2.yml 服务就跑起来了,建议查看pm2 ls看看项目有没有问题,我的就是查看到项目有error了,所以ip+端口访问不了项目

· 阅读需 8 分钟

小程序项目最近要改版,底部是tab导航栏,对应切换各个页面。这样的需求看起来也是比较简单的,就配置个tabbar,然后改改ui就可以。但是有个tab比较特殊,是扫一扫功能。 ui效果图 image 中间橙色部分为扫一扫

无法按照设计图的tab中间图片需要突出的效果

因为用的小程序提供的tabbar导航栏,只能在app.json文件配置一些tab的图标和文字,所以没有办法在tabbar里面做到移动图片的位置。虽然也有在网上找到自定义tabbar,但是引入进来小程序开发工具直接报错了,看到的github issue也有人提出问题,不过作者还没解决。所以这个ui效果只能放弃。

· 阅读需 5 分钟

前几天在项目上遇到了IOS滚动无效的问题。其实不能说完全无效,测试发现在IOS9的版本滚动没有明显出现无效的问题,但是在IOS10的版本却很明显,加载完页面,上下滚动页面就是滚不了。分几个点来排查以及解决问题

  1. IOS10版本无法上下滚动页面