首页问答专栏课程
Puxiao

Puxiao 查看完整档案

32声望
郑州编辑郑州轻工业学院  |  计算机辅助设计 编辑无业  |  全栈 编辑 puxiao.com 编辑
编辑

每天进步一点点

加关注 发私信
关注了10 人
粉丝0 人

高分内容

概览提问回答文章

(ﾟ∀ﾟ　)
暂时没有任何数据

查看全部 提问、回答、文章 →

个人动态

Puxiao 关注了用户 · 11月3日

上线前夕 @shangxianqianxi

前端攻城狮，持续技术分享

微信公众号：上线前夕

关注 277

Puxiao 报名了系列讲座 · 10月15日

Puxiao 回答了问题 · 9月26日

taro tabbar切换页面 首次刷新 之后不刷新？

你应该用的是 类组件，commentDidmount 是第一次挂载完成 对应的生命周期。
所以第一次访问那个页面时没问题，但是当你切换到其他页面后，微信小程序并没有“销毁”那个页面，而是放入了“后台”，所谓重新切换到到那个页面，其实就是微信小程序把那个页面从 后台 调回到前台，并没有执行你想象中的 刷新。

你可以把 commentDidmount 改为 componentDidUpdate，这样确保每一次数据更新，页面都会更新。

当然更加的做法是推荐你使用 函数组件，对应的可以使用 useEffect() 来处理数据更新。

关注 4 回答 4

Puxiao 回答了问题 · 9月24日

typescript里怎么合并枚举enum

对外部来说，他们不知道(也没必要知道) 合并后的 ZONE_TYPE_ALL 究竟是 enum 还是 const 定义的。

export const ZONE_TYPE_ALL = { ...ZONE_TYPE_1, ...ZONE_TYPE_2 }
或者
export const ZONE_TYPE_ALL = Object.assign( {}, ZONE_TYPE_1, ZONE_TYPE_2 )

关注 3 回答 3

Puxiao 关注了用户 · 8月12日

荒山 @_sx_

专注WEB端开发。
欢迎关注我的掘金专栏, 最新干货文章在这里首发。

关注 26

Puxiao 回答了问题 · 7月4日

解决TypeScript Interface 疑惑？

interface Opts {
  method: string;
  header: object;
  body: object;
}
const defaultOpts:Opts = {
  method='get',
  header= {},
  body={}
}
function request(url: string, opts: Opts) {
  opts = Object.assign(defaultOpts,opts)
  //或者
  opts = {...defaultOpts,...opts}
  
}

请注意

上面答案存在一个潜在隐患：无论 assign还是结构赋值，都只能进行第1层的替换，无法对比第2层属性值。
像上面代码中，假设默认 defaultOpts.body = {a:1,b:2}，但是传递过来的参数中，props.body = {a:3}，那么2者合并之后的值是不存在 xxx.body.b 这个属性的。

关注 4 回答 4

Puxiao 报名了系列讲座 · 6月18日

Puxiao 关注了用户 · 6月13日

三毛 @sanmao_58e1f28560e06

读书，码农，民谣。

微信公众号：「九十年代的码农」

关注 26

Puxiao 赞了文章 · 6月10日

（4.5w字🔥建议收藏）“可能是” 2020最值得看的小程序系列实战教程

（4.5w字🔥建议收藏）“可能是” 2020最值得看的小程序系列实战教程

作者：一只图雀

仓库：Github

图雀社区主站（首发）：图雀社区

博客：掘金、知乎、慕课

公众号：图雀社区

联系我：关注公众号后可以加图雀酱微信哦

原创不易，❤️点赞+评论+收藏 ❤️三连，鼓励作者写出更好的教程。

源起

2017 年 1 月 9 日凌晨，张小龙一身牛仔裤黑衬衫，对着聚光灯，在万众瞩目的场合下发布了 “微信小程序”，自那时起，小程序就开启了群雄割据的乱战局面，并且其流行程度也愈发高涨，我们生活中无时不刻的被小程序接管者，京东购物、滴滴打车、摩拜单车等；然而，正因为小程序如此方便：“无需安装，触手可及，用完即走” 的特性，大大降低了用户的接受门槛，让巨头们从移动互联网消逝的红利愁苦中幡然醒悟，“所有的生意都值得用小程序再做一遍”，于是阿里、字节跳动、百度等巨头纷纷加入到小程序的竞争中来，在自家的巨型 App 里构建小程序的梦。

也正因为如此，使得开发者需要疲于应对多个小程序端的多份代码，于是小程序框架就开始井喷式的涌现，到 2020 年，小程序开发生态百花齐放，我们可以通过 2020 年的 GMTC 上关于小程序技术的 PPT 进行一览：

image.png

题图引用自 2020 年 GMTC 大前端会议的 PPT

而 Taro 因其开放的理念，坚持在 1）多端适配 2）开发体验 3）社区共建 等上下苦功夫，使得 Taro 得到了社区的广泛认可，截止 2020 年 3 月 8 日，在 Github 上已有 24.2K 颗 Stars 以及 271 名贡献者，且在最新发布的 Taro Next 版本，在原有的对 React 支持上，新增了对 Vue，Nerve 的支持，未来还可能会支持 Flutter，Angular 这样的框架和技术，这就意味着我们可以使用自己熟悉的技术写小程序，还能获得跨端的体验。

努力与收获

文章本身

为了响应 Taro 的 “社区共建” 理念，我们图雀社区（加速技术的传播）以社区技术布道者的视角希望为加速 Taro 的传播贡献一份力量，于是从 2019 年 12 月 26 日，开始了 Taro 小程序开发大型实战系列教程的规划，并发布了第一篇教程《Taro 小程序开发大型实战（一）：熟悉的 React，熟悉的 Hooks》，到 2020 年 2 月 21 日，正式发布系列最后一篇，也是整个系列的第八篇 《Taro 小程序开发大型实战（八）：尝鲜 LeanCloud Serverless 云服务》，历时 55 天，一共产出了 4.5 万字，获得点赞 231 个，阅读 11665 次，评论 55 条。

意外之喜

期间 《Taro 小程序开发大型实战系列》还荣获好几项荣誉：

  1. 系列文章八篇全部被 Taro社区官方微信公众号转载，我们放个第一篇和第八篇：第一篇，第八篇。
  2. 系列文章第六、第七篇被腾讯云云开发官方微信公众号转载，目前发了第六篇：如何在 Redux Saga 中使用云开发
  3. 系列文章第八篇被 LeanCloud 通讯官方微信公众号转载：Taro 多端小程序开发实战

编组.png


一图胜千言 ：）

读者的支持

自 Taro 小程序教程发布之后，也收获了很多来自读者的好评和感谢：

编组 3.png

小小的鼓励

LeanCloud 官方的运营小姐姐很热心，在知道我们使用 LeanCloud 技术来做小程序开发之后，不仅联系我们转载了文字，还给我们图雀社区送了一份 LeanCloud 周边：


加星的代码仓库

因为图雀社区所有的实战技术教程都是使用图雀社区自研的开源写作工具：Tuture 写作而成，且都是基于一个项目进行写作的，所以 Taro 小程序教程系列背后的源码也是经过验证的且可以直接运行的，这也鼓励了很多读者去下载源码，自己跑服务，也因此给仓库点了 Star，在这里感谢你们的鼓励：

仓库地址：https://github.com/tuture-dev/ultra-club

image.png

图雀酱悄咪咪告诉你，代码仓库有完整的 README 哦！可以帮助你快速把项目跑起来，所以无论是对源码有需求的同学还是希望结合代码看教程的同学，我们都可以满足你啦😋

当然如果读到这里的你忍不住冲动想点 Star 的话，图雀酱也是非常欢迎的哦 （づ￣3￣）づ╭❤～

会总结的运气都不会太差

为了帮助掘友们更好的学习小程序开发，整理是一种很好的方式，经过掘友的反馈和建议，图雀社区决定将之前发的文章做一个总结，方便查漏补缺和系统学习，下面会列一个大纲，然后给出对应的摘要，接着给出对应的可视化图数据，展示此文章收获的：阅读、点赞、评论，以及对于的字数，帮助掘友建立一个体系化的同时，还能很方便的了解每篇文章的一个概要和数据详情。

大纲

我们将在下面放上每篇文章的封面、链接和摘要，供读者欣赏：

字数总览

文字数据

其中一共写作字数：4.5万字，在各篇分布如下：

图示

image.png

图雀酱的话

大家看那个柱状图，是不是有点像 ”🤟“ 的手势呢，我们写得文章都是爱你的模样❤️。

阅读数总览

文字数据

其中一共收获阅读数：11665次，在各篇分布如下：

图示


图雀酱的话

怎么系列文章，越往后阅读量越低呢？o(╥﹏╥)o 有没有大佬能捞我一下呀😭

点赞总览

文字数据

其中一共收获点赞：231赞，在各篇分布如下：

图示

image.png

图雀酱的话

辛苦付出的系列文章，大家给的赞👍有点低啊，能不能让我看到你们的欢呼ヾ(@^▽^@)ノ

评论总览

文字数据

其中一共收获评论：55条，在各篇分布如下：

图示


图雀酱的话

道路千万条，（友善）评论第一条，虽然这个图画出来草稿了点，且因为第八篇评论为 0，导致画图的时候都卡死了，大家能不能给个力，把第八篇的鸭蛋给我击破了💪╭(╯^╰)╮💪

总结和展望

关于小程序商业

小程序的群雄割据战争才刚刚开始，现有的小程序玩家们之前的明争暗战会愈演愈烈，新的玩家又会加入这个战场，听说京东小程序也在路上，在 2020 年伊始，又会有多少小程序玩家加入呢？让我们拭目以待。

关于小程序技术

技术的发展与革新永远是动态变化的，Taro Next 提出来的理念也许是一个在很长时间内都不会过时的方向，未来可能还会有很多新的小程序技术冒出来，无论是老牌的 uniapp，还是新贵 Remax，亦或是正当年的 Taro，技术的本质是不会变的，那就是 ”提效“，给开发者减负，帮助开发者更高效率的开发跨端小程序。

关于图雀社区

Github CEO 曾说过：”开源已经胜利“。是的，世界各地的大大小小的厂商、个人、团体都在进行着开源活动，使用者开源产品；开源技术发展日新月异，然而与技术相匹配的文档/教程的发展却不那么乐观，永远是 ”铁打的技术，流水的文档/教程“。

很多技术会发展很多年，技术的根基不会变化，但是文档/教程的更新速度远远比不上技术的迭代速度，所以产生了技术出来，没有好的文档和教程，很多人就学不懂，不知道如何操作，导致技术传播的很慢。

而图雀社区带着 ”加速技术的传播“ 的使命，以能快速写作技术实战教程的 Tuture 开源写作工具作为载体，于 2019 年年底被发起，如今已经在掘金、知乎、慕课等平台小有名气，短短2-3个月，使用图雀社区自主研发的 Tuture 写作工具就已经写作了近 30 篇高质量技术实战教程，其中对于 React/Vue 更是各有长达 8 篇的系列教程，教程一经发布就广受欢迎，目前参与的人数也有 6 人，并且 Tuture 写作工具最近发布了 3.0.0，正在内测阶段，能够大大减轻写作技术实战教程的繁琐细节。我们在这里发起呼吁，希望能有更多的热爱分享和传播开源技术的人加入进来，一起改进 Tuture 写作工具，一起快速为开源技术产出教程，让我们一起为 ”予力内容创作，加速技术的传播， 构建一个更加美好的世界“ 的愿景而奋斗！

如果你也想参与这场开源技术内容创作运动，可以通过以下渠道联系和加入我们：

图雀社区主站：http://tuture.co/

Gitter聊天室：https://gitter.im/tuture-dev/tuture#
图雀社区反馈邮箱：feedback@mail.tuture.co
图雀社区微信公众号，可以关注并加图雀社区客服 图雀酱哦：

微信公众号（真）.png

参考资料

Taro GMTC大会的微信推文：https://mp.weixin.qq.com/s/5pdUD9YNojgvZBSve5-2EA
草稿式图表绘制：https://github.com/jwilber/roughViz#Scatter
Taro Next 发布预览吧：https://mp.weixin.qq.com/s/XDj1xs8IPok7irb94vrHXg

查看原文

赞 4 收藏 1 评论 0

Puxiao 关注了专栏 · 6月10日

图雀社区

我们图雀社区是一个供大家分享用 Tuture 写作工具撰写教程的一个平台。在这里，读者们可以尽情享受高质量的实战教程，并且与作者和其他读者互动和讨论；而作者们也可以借此传播他们的技术知识，宣传他们的开源项目。

关注 1000

查看全部 个人动态 →

认证与成就

  • 获得 26 次点赞
  • 获得 4 枚徽章 获得 0 枚金徽章, 获得 0 枚银徽章, 获得 4 枚铜徽章

擅长技能
编辑

开源项目 & 著作
编辑

(ﾟ∀ﾟ　)
暂时没有

注册于 2019-12-28
个人主页被 205 人浏览