MayanDev

这是一个极简日程小助手，目前以小程序的形式发布。用户喂给它一段文字，它会帮你解析文字里的时间信息，并且创建一个含有通知的日程，用以备忘一些活动或者会议事项。当然如果你在没有人的环境，你可以直接：????：Hey, Siri. 帮我创建一个 xxx 日程而这个小程序的作用就是让用户在不方便使用语音助手的场景下，能够方便快捷地创建日程。另外，小程序支持分享日程到群组，因此如果你是活动组织人员或者群管理员，你可以将日程进行分享，邀请他人订阅，起到备忘的作用。小程序针对 PC 端做了兼容，在 PC

内容整理自 @ravikmmr 的 Twitter Thread。1、Developer-roadmap初学者如果想学习前端开发，但是不知道从何学起，推荐查看此仓库。你可以获得有关开发的所有学习路线，笔者在之前的文章中对其进行过翻译。2、FreeCodeCamp一个友好的社区，为 Web 开发人员提供了大量的视频讲座以及课程资源，可以在其中免费学习编程。3、Ebook foundation一个非常大的计算机电子书资源库，所有的资源均为免费。4、30 seconds of code.

GitHub 去年推出了一个 Codespace 功能，提供线上的编程环境，可以编写或者运行 GitHub 仓库中的代码。但此功能一直处于内测阶段，未对外开放。直到今天，GitHub 在 Twitter 上宣布 Codespaces 现在已经开放给 GitHub Teams 和 GitHub Enterprise Cloud 上的所有人使用，可以为团队快速获得即用即付的托管开发环境。如果满足资格的用户，可以在仓库的首页的 Code 按钮，看到这样的提示。遗憾的是，此功能暂未对个人用户的仓库开放。.

摘要：在响应式网页设计中，保持一致的宽高比，即所谓的长宽比，对于防止布局累积偏移至关重要。在 Chromium 88、Firefox 87 和 Safari Technology Preview 版本中推出了 aspect-ratio 属性，我们有了更直接的方法来实现这一目标。Aspect ratio长宽比最常见的表示方式是两个整数和一个冒号，尺寸为：宽：高，或x：y。摄影最常见的长宽比是4:3和3:2，而视频和最近的消费类相机则倾向于16:9的长宽比。随着响应式设计的出现，保持长宽比对Web开.

最近入手了一台 Kindle，阅读幸福指数大大提升。有时候连续看上一个小时，倒也不觉得疲惫。很快用它阅读完之前没看完的《硅谷钢铁侠: 埃隆·马斯克的冒险人生》，意犹未尽。另外，在摸索的过程中，笔者也慢慢地发现了 Kindle 的一些使用技巧。# 订阅 newsletter笔者的 Gmail 上面订阅了一些还不错的 newsletter，例如 Λ-reading、阮一峰的网络日志等等。通过 Instapaper 可以实现将邮件转换成电子书，并定时发送到自己的 Kindle 上。教程可以参考这一篇.

笔者毕业以后大概率是选择前端这个方向，这里列一下今年准备学习的内容，算作一个 Learning List 吧。每一项都尽量给自己定一个小目标，有的可以浅尝辄止，有的则需要深入学习。1、DockerDocker 容器的概念火了很久了，一直没有接触过。刚好在公司需要频繁的使用云机，项目的初始化环境配置比较复杂，想着是否能够使用 docker 来简化这些配置，提高工作效率。目标：学会配置、构建镜像、推送镜像学习一点 k8s 的知识把 linux 的一些常用命令以及 vim 的常用快捷键给

在平时的工作和生活中，时常会有一些值得我们关注和期待的日子。还信用卡还有多少天？发工资还有多少天？宝宝出生已经多少天等等…很多时候，我们会选择一些 “倒数日” 类的 App 来记录这些重要的日子，让期待值更加的直观。今天要推荐的是朋友开发的一款倒数日小程序：「倒数鸭」。可以扫描下方二维码体验：外观上，小程序的 UI 设计简洁大方，配色和谐。首页的倒数日卡片和 iOS 桌面小组件有异曲同工之妙，支持 5 种不同尺寸的外观。一些大号的 emoji 表情设计，也让整个小程序的变得生动活波起来。也支持跟

在字节实习有一段时间，期间有很多次都想写点什么东西记录一下，但每日重复性的工作似乎也没什么值得记录的。索性就新建一个备忘录，开始想到一点记录一点。????字节的工区分散在世界的各地，所有的办公场地都是租赁过来的，去年才在北京买了一栋属于自己公司的办公楼。笔者所在工区位于上海科技绿洲园区，一栋 3 层楼的大平层，还算宽敞。到特定的节假日，公司里面会装饰一些摆件，烘托节日氛围。上午一般十点左右到公司，泡上一杯茶，枸杞、菊花、柠檬，换着花样来，再拿个小面包当作早餐。啃面包的同时，打开电脑，快速过一下

刚成为世界首富的男人 Elon Musk，在上周发了一条 Tweet：Use Signal.之后短短的一天时间内，这个名为 Signal 的 IM 通讯软件便登上了 AppStore 以及 Google Play 下载排行榜的 No.1，全球累计下载量约为750万。更夸张的是，一家和这个 App 同名但是毫无关联的公司，也因为老马的这一条推特，股票大涨 438%，这乌龙闹的…马斯克发推的原因，很大一部分和 Facebook 最近的政策调整有关。此前有消息称，Facebook 旗下的消息应用 W

让超链接痛快地把我们送到终点把现如今的各个 App 以及网站，总是会想尽一切办法，将流量以及内容牢牢地捆绑在自己的护城河之中。举个例子，如果我们不登陆或者注册账号，我们无法看到知乎的所有回答；手机用户如果不下载 App，也没办法看到大部分网站的完整内容。这让笔者不禁思考，我们在平台所产生的内容到底属于平台，还是用户自己？答案似乎很明显。现在的互联网，看起来一点也不“互联”。今天要讲的也是一个不“互联”的案例，就是超链接，变得“超不链接”。当我们在网站阅读文章时，作者会给出一些链接让读者去..

现在很多平台分享出来的链接都使用了一种短链接（Short URL）的技术，例如新浪的 t.cn，Telegram 的 t.me，Twitter 的 t.co。这些链接的后缀往往非常简短，只有几个随机的字符或者数字。可以设置为自增长，也可以通过 Hash 算法生成，只要唯一即可。然后在服务器的数据库中，通过唯一的随机码，找到对应的网址进行重定向。因此，如果我们需要搭建自己的短链接服务，通常都需要有一台独立的服务器或者数据库。不过在 GitHub 上有人提供了一种思路，可以使用 Github Pages 来

今天，来聊聊 Google，的替代品。Google 是一家伟大的科技公司，推出过很多具有时代意义的产品。这些产品被应用到互联网的各个场景，为用户工作和生活带来了很多便捷。Google Search，最强大的搜索引擎；Gmail，体验最好的邮箱系统；Google Docs，成熟的多人协同文档工具；Google Chrome，性能最好、市场份额最高的浏览器；Google Translate，精确度最高的翻译软件，支持一百多种语言进行互译 ；Youtube，全球最大的视频网站；Android.

现在很多平台分享出来的链接都使用了一种短链接（Short URL）的技术，例如新浪的 t.cn，Telegram 的 t.me，Twitter 的 t.co。这些链接的后缀往往非常简短，只有几个随机的字符或者数字。可以设置为自增长，也可以通过 Hash 算法生成，只要唯一即可。然后在服务器的数据库中，通过唯一的随机码，找到对应的网址进行重定向。因此，如果我们需要搭建自己的短链接服务，通常都需要有一台独立的服务器或者数据库。不过在 GitHub 上有人提供了一种思路，可以使用 Github Pages 来

2020 前端学习路线总结在 GitHub 看到一个很不错的前端学习路线图（roadmap），从前端基础到前端工程化，再到跨端，都有知识点的覆盖，非常推荐阅读。图下面是我翻译的一个文字版，可以先看图再看文字。✔︎ 表示个人推荐学习✔︎ 表示可选择学习✔︎ 表示不需要严格按照路线的先后顺序，可在任何时间补充这一块的知识✘ 表示个人不再推荐计算机网络掌握计算机网络的基础是一名前端工程师的基本素养，建议先学习以下的知识： ✔︎ Internet 如何工作 ✔..

前端面试手写题整理前端面试常见的手写题，面试出现概率极高，建议每个都过自己过一遍。你也可以提交 PR，提供你面试遇到的题目。高频：★★★ 中频：★★ 低频：★ JavaScript 原理实现 bind() ★★实现 apply() ★★实现 call() ★★实现 instanceof ★实现 new ★实现 jsonp ★★★实现 Promise ★★★实现 Promise.all() ★★★实现 Promise.race() ★实现 EventEmitter 订阅监听模

Ant Design Table 组件自定义 render 的作用域，解决找不到 this 问题。今天在使用 Ant Design Table 组件时遇到了一个问题，当我自定义一个 colunm 的 render 函数时，这个render 函数里找不到 this.state 中的状态。简单复现一下：class Demo extends React.Component { state = { action: 'delete', columns: [ { t

DOM 事件和 React 事件的区别，如何正确的阻止冒泡DOM 的事件一般会先后经历捕获与冒泡两个阶段，捕获事件是沿着 DOM 树由上往下传递，到达触发事件的元素（target）后，事件开始冒泡，沿着 DOM 树继续向上传递。IE 9 之前的只支持冒泡以这段代码为例：<div class="outer"> <div class="inner"> inner </div></div>如果点击了 inner，事件是如何传递的呢？

前端面试手写题整理前端面试常见的手写题，面试出现概率极高，建议每个都过自己过一遍，加深印象。你可以 watch 一下这个 GitHub 仓库，会持续收集、整理和维护。实现 bind()Function.prototype.MyBind = function (context, ...args) { let self = this; return function() { return self.apply(context, args); }}// testlet a =

1、git fetch 和 git pull 的区别在执行 git pull 后，代码会自动 merge 到本地的分支中，而 git fetch 会忽略掉这个 merge 操作，因此简单来说：git pull = git fetch + git merge2、git pull 和 git pull --rebase 区别git pull 命令默认包含了一个 --merge 参数，因此二者的区别其实就是 merge 和 rebase 的区别。mergemerge 会创建一个新的 commit，如

npm update 命令这个命令会将所有列出的包更新到最新的版本（由 package.json 中的版本号决定），并且是根据 Semver 语义化版本控制模块。举个简单的例子："react": "^15.6.1","react-dom": "~15.6.1",^: b允许在不修改 [major, minor, patch] 中最左非零数字的更改（匹配大于 X、Y、Z 的更新 Y、Z 的版本号）~: 匹配大于 X.Y.Z 的更新 Z 的版本号因此在执行 npm update 后，上面的