SF
前端实战笔录
前端实战笔录
注册登录
关注博客
注册登录
主页
关于
RSS
为什么说rollup比webpack更适合打包库
fengxianqi
2020-12-29
阅读 4 分钟
15.9k
大概一年前写了个小小的js插件 remember-scroll,并且分享了一篇文章:用Class写一个记住用户离开位置的js插件,是一个纯js库,功能是在用户再次进入页面时能自动定位到上一次浏览的位置,使用webpack+babel打包,里面的webpack和babel的配置至今看来也算是很典型的。
微前端qiankun从搭建到部署的实践
fengxianqi
2020-09-23
阅读 20 分钟
15.9k
最近负责的新项目用到了qiankun,写篇文章分享下实战中遇到的一些问题和思考。示例代码: [链接]。在线demo:[链接]单独访问在线子应用:subapp/sub-vuesubapp/sub-react为什么要用qiankun项目有个功能需求是需要内嵌公司内部的一个现有工具,该工具是独立部署的且是用React写的,而我们的项目主要技术选型是vue,因此需...
前端部署和提效:从静态到node再到负载均衡
fengxianqi
2020-01-21
阅读 9 分钟
6.7k
相信很多前端同学对 vue 或 react 的开发很熟悉了,也知道如何去打包生成一个生产环境的包,但对于生产环境的部署可能有些同学了解比较少。小公司可能都是后端帮忙部署了,大公司会有专门的运维同学部署,对于生产环境的部署工作有些同学接触的不多,所以这次来分享和总结下前端项目部署相关的实战经验:从静态站点的部...
Centos8使用docker迁移typecho博客
fengxianqi
2019-12-26
阅读 9 分钟
4k
最近在学docker,先拿自己的博客来开下刀[手动狗头]。 安装docker 我是根据这个教程来安装的:Centos安装Docker。步骤如下: 卸载旧版本 {代码...} 安装依赖包 {代码...} 添加yum源(建议使用国内镜像) {代码...} 更新软件源缓存并安装docker-ce {代码...} sudo yum install docker-ce这一步可能会报错:containerd.io (&...
如何在前端中使用protobuf(node篇)
fengxianqi
2019-11-21
阅读 6 分钟
11.7k
前段时间分享了一篇:如何在前端中使用protobuf(vue篇),一直懒癌发作把node篇拖到了现在。上次分享中很多同学就"前端为什么要用protobuf"展开了一些讨论,表示前端不适合用protobuf。我司是ios、android、web几个端都一起用了protobuf,我也在之前的分享中讲了其中的一些收益和好处。如果你们公司也用到,或者以后可...
如何在前端中使用protobuf(vue篇)
fengxianqi
2019-11-19
阅读 9 分钟
19.7k
由于目前公司采用了ProtoBuf做前后端数据交互,进公司以来一直用的是公司大神写好的基础库,完全不了解底层是如何解析的,一旦报错只能求人,作为一只还算有钻研精神的猿,应该去了解一下底层的实现,在这里记录一下学习过程。
axios如何利用promise无痛刷新token(二)
fengxianqi
2019-11-13
阅读 11 分钟
14.3k
前段时间写了篇文章《axios如何利用promise无痛刷新token》,陆陆续续收到一些反馈。发现不少同学会想要从在请求前拦截的思路入手,甚至收到了几个邮件来询问博主遇到的问题,所以索性再写一篇文章来说说另一个思路的实现和注意的地方。过程会稍微啰嗦,不想看实现过程的同学可以直接拉到最后面看最终代码。
axios如何利用promise无痛刷新token
fengxianqi
2019-08-28
阅读 7 分钟
36.6k
最近遇到个需求:前端登录后,后端返回token和token有效时间,当token过期时要求用旧token去获取新的token,前端需要做到无痛刷新token,即请求刷新token时要做到用户无感知。
Nuxt.js实战和配置
fengxianqi
2019-08-05
阅读 8 分钟
29.2k
前段时间刚好公司有项目使用了Nuxt.js来搭建,而刚好在公司内部做了个分享,稍微再整理一下发出来。本文比较适合初用Nuxt.js的同学,主要讲下搭建过程中做的一些配置。建议初次使用Nuxt.js的同学先过一遍官方文档,再回头看下我这篇文章。
你可能不知道的mpvue性能优化技巧
fengxianqi
2019-04-17
阅读 9 分钟
5.7k
先上个优化前后的图:可以看到打包后的代码量从813KB减少到387KB,Audits体验评分从B到A,效果还是比较明显的。其实这个指标说明不了什么,而且轻易就可以做到,更重要的是优化小程序运行过程中的卡顿感,请耐心往下看。
用Class写一个记住用户离开位置的js插件
fengxianqi
2019-03-19
阅读 12 分钟
4.8k
在这篇文章,博主主要通过分享最近自己写的一个记住页面滚动位置小插件,讲一下如何用class语法配合webpack 4.x和babel 7.x封装一个可用的库。
mpvue开发音频类小程序踩坑和建议
fengxianqi
2019-03-12
阅读 10 分钟
3.9k
这是我第一次开发小程序,开发的产品是音频类的,在大佬的建议下采用了mpvue,一周时间把功能都做出来,由于不太熟悉mpvue和微信小程序,足足用了一周时间来改bug才出来一个能用的版本,在这里整理分享下我开发时遇到的一些问题和给出一些建议。
使用acme.sh撸一个免费且自动更新的HTTPS证书
fengxianqi
2019-02-22
阅读 3 分钟
15k
一直想撸一下https,最近刚好有点空,就实现了一下。之前看过一篇教你快速撸一个免费HTTPS证书的文章,通过Certbot来管理Let's Encrypt的证书,使用前需要安装一堆库,觉得不太友好。所谓条条大路通罗马,肯定还有其他方法可以做这个事情。
WebView与APP交互实战记录
fengxianqi
2019-02-19
阅读 4 分钟
8.7k
WebView与APP交互,即网页通过JSBrige调用APP的功能,APP也可以通过JSBrige调用网页提供的方法。最近刚好接触到这一块,记录一下前端侧的实际操作过程,这篇文章适合还没接触过这一块的同学们,这里不讲原理,直接开始实战的过程。