一个基于vue2的h5项目,被嵌套在安卓APP和iOS APP中使用。因为某些原因无法在webview中使用缓存,也无法使用cdn方式。 在经过分包、按需加载、代码清理、压缩资源文件、减少并发请求等常规手段优化后,网络较差的情况下较长的白屏时间仍然很尴尬。于是在index.html中加上了默认loading动画效果,这样用户在加载完入口文件后就可以直接看到动画,待vue初始化完成时再关闭loading动画,体验更佳。 辣么问题来了,在PC和Android设备上进行测试,都能达到预期效果。但是在iOS设备上,不管是 Safari 还是基于 iOS的WebView中,ind...
有时候我们的开源项目需要同时发布到github和gitee等多个平台,如果每个平台都去单独提交推送显然是很费时费力的,那么能不能一次推送到多个不同的平台呢?答案当然是可以的。 假如已有github的https://github.com/aaa/bbb.git和gitee的https://gitee.com/aaa/bbb.git仓库 首先git clone git@github.com:aaa/bbb.git到本地(github经常被墙,使用SSH方式好一些) 然后进入本地该仓库的文件夹,右键打开小乌龟的设置面板 然后切换到“Gi...
一般在拉取github上的仓库时大多采用https方式,但是在不搭梯子的情况下很容易出现长时间拉不下来或者提交代码的时候推不上去的情况,速度快慢完全看运气,这是一个极不友好的体验。 某天听闻用ssh的方式会提升拉取和推送的速度,于是尝试了下,嗯,,果然很丝滑。至于“SSH是什么、为什么会提升拉取和推送的速度”,有需要的朋友请自行搜索。 由于SSH是通过公钥密钥的方式来验证身份的(密钥放在本地,公钥存到平台),所以我们需要先生成自己的密钥和公钥。 1、检查本地是否已经存在ssh key 一般存放于C:\Users\用户名\.ssh文件夹,例如C:\...
node应用部署到nginx服务器的nginx配置
[ 2021/10/20, 4196阅, 0评 ]
假设website.com和www.website.com需要绑定一个端口为8888的node应用,api.website.com绑定端口为8887的应用,首先需要将这三个域名解析到服务器ip,然后nginx添加配置内容如下: server { listen 80; listen 443 ssl; server_name website.com www.website.com; #SSL-START SSL相关配置 #301-START if ($host ~ '^www.website.com') { r...
从1栋到3栋的搬家emm
[ 2021/09/16, 1943阅, 0评 ]
自16年12月初到此,恍然间已有近5年之久了。。。 再见,1栋的0903。 你好,3栋的顶楼emm
使用之前别忘了先安装clipboard(npm i clipboard -S) 1、调用方法 this.$store.commit('emitCopy', '复制内容') 2、App.vue文件中 <template> <div class="app-root"> <router-view /> <!-- 复制面板 --> <ClipboardPanel ref="clipboardRef" /> </div> </template> <script> ...
某日被告知某个系统在低版本火狐浏览器打开时一片空白,要求尽快修复,于是卸载本机firefox,安排上表现异常的版本Firefox 42.0,打开目标系统果然一片空白,然后打开控制台,发现提示如下: SyntaxError: let is a reserved identifier 嗯,看提示是低版本还不支持let语法,按照经验转成 var 就行,于是给安排上babel-polyfill再加上各种转换折腾了一上午,无果emmm,,, 嗯,看来还是想当然了(手动捂脸)。于是换个思路,从抛错点入手,从控制台中打开抛错的文件,发现该function有添加"u...
svn常用操作整理
[ 2021/01/11, 2150阅, 1评 ]
启动svn服务 svnserve -d -r /data/svn/(多库) svnserve -d -r /data/svn/test123(单库) 详情参考:SVN启动模式 关闭svn服务 使用ps aux|grep svn找到对应线程id,然后kill id 重启svn服务 先关闭,再启动 创建版本库 tips:本例以多库svnserve方式启动SVN,设置用户admin并赋予读写权限。 执行命令svnadmin create /data/svn/t...
vue2组件间的各种常用通信方式总结
[ 2020/12/12, 1219阅, 1评 ]
1、vuex 不论是父子关系、兄弟关系、层层嵌套关系还是八竿子打不着的关系,都可以使用vuex来进行数据的传递或是做做中间处理。 vuex是vue的状态管理器,存储的数据是响应式的,但是并不会保存起来,刷新之后就回到了初始状态,一般在vuex里数据改变的时候存一份到localStorage或sessionStorage里面(看项目需求),刷新之后,如果localStorage里有保存的数据,取出来再替换store里的state即可。 ps:vuex最简单、最详细的入门文档 2、事件总线EventBus 通过新建一个js文件event...