happyWang

技术人的博客, 说技术人的事

如何使得Svelte项目输出ES5代码

为什么需要ES5的代码最近在开发公司的一个项目时,为了最小化代码文件,就上手尝试了一下svelte,这个目前号称编译后代码包最小的框架,通过把大部分的计算放在编译时进行,而不是在运行时进行,从而极大程度上减少了运行时库文件的大小 目前来说,效果很棒,完成一些简单的功能开发之后,整个product..


一个发票挂账月份修改功能引发的小重构

今天在做一个发票列表的页面,整个项目是基于TypeScript, React, AntDesign来开发。 有个功能是这样的:对于其中的每一个发票,在此发票拥有指定状态,同时访问此页面的用户拥有指定权限的时候。改用户可以变更发票的挂账月份。 这个功能在开发的时候,我就注意到了,在我之前做发票的详..


Mac的终端下如何快速前进后退一个单词

TLDR: Alt/Option + B 是后退一个单词Backward。 Alt/Option + F 是前进一个单词Forward 在终端下,一直会用的几招是 Ctrl + A 回到命令的最开始 Ctrl + E 回到命令的末尾 Ctrl + U 是清空当前命令 可是很多时候也需要快..


人可以为所欲为,但却不能得偿所愿

最近在看爱因斯坦的«我的世界观»这本书,里面有一段特别困惑: 我认为,在哲学意义上,人类根本没有任何自由可言。每个人的行为不仅受制于外在压力,还受限于内在需求。叔本华说过:「人虽然可以为所欲为,但却不能得偿所愿。」从青年时代起,这句话就让我深受启发。每当自己或他人经历种种磨难时,这句话总能给我..


2019博客迁移

为什么要迁移我的这个博客从17底年迁移到vultr上(参看博客搬迁2017)到现在已经运行了一年多,一直也算是正常运行。不过要说问题,那也是很有一些的。 首先是基于docker配置的Wordpress和mysql,经常会莫名的挂掉。有些时候能自动重启,而有些时候只能自己手动上服务器上重启两个co..


React里面是如何区分Class和Function的

针对文章https://overreacted.io/how-does-react-tell-a-class-from-a-function/的摘录 为什么要区分从两种形式的Component中获取node节点的方式不一样,Function的直接调用,Class的需要实例化,再调用实例的rend..


@reach/router的嵌套路由失效的可能原因

TL;DR请确认失效路由的上一级路由配置path的时候,附带了后缀/* 出错代码// App.tsx const NotFound = (props: RouteComponentProps) => <p>Sorry, nothing here</p> <..


网站出现Connection refused的可能原因

今天,网站又一次挂了,基于docker跑的mysql不知道怎么就坏了。 登上服务器,试过stop, kill, restart,都不能正确重启这个docker container。无奈之下,只要拿出重启大法 执行reboot命令,ssh断开,间隔三分钟之后重新登录。 使用docker st..


用pixi.js开发微信小游戏:移动端多屏适配实现

一直都是做网页开发,对于移动端的多屏适配可以说是比较有经验了,不管是用rem还是vw。不过在写游戏的时候,有点头疼了,完全不知道如何着手。 游戏里面元素的位置变化比较频繁多变,一开始是想的所有的位移都是基准屏幕(iPhone 6)的尺寸加上屏幕变化的比率。可这样,光想想就很头疼,这种不优雅的解..


canvas里面如何基于随机点绘制一个多边形

起因今天在学习《HTML5+Javascript动画基础》这本书的时候,在第八章的第三节讲到如何用三个弹簧连接三个点来做拉伸运动。 在做完例子之后,就想到如果是四个点,五个点,怎么样。 就改写了一下代码,把点的数目变量化。最终的效果是能实现各个点最终的拉伸运动到平衡,可是点之间的连线不是很好..