跳到主要内容

· 阅读需 6 分钟
编程范儿

是不是在日常开发中经常遇到实现网格的需求,网格通常对网页中展示的元素能起到很好的定位和对齐作用。

这里介绍如何只通过 CSS 来实现这个需求?

使用背景图

这里我们的背景图使用 SVG 来创建,首先,创建绘出一个正方形,填充白色;然后通过矩形实现垂直和水平的线条,进而分别对它们进行定位居中。

<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40'>
<rect width='40' height='40' fill='#fff'></rect>
<rect x='50%' width='1' height='100%' fill='rgb(203 213 225)'></rect>
<rect y='50%' width='100%' height='1' fill='rgb(203 213 225)'></rect>
</svg>

· 阅读需 3 分钟
编程范儿

今天 Docusaurus v3 的 beta 版本发布了,意味着离正式版本发布不远了。很期待!

关注 Docusaurus 也快小半年了,个人体验特别好,是我目前使用过的最好的建站工具了。会一直持续下去。

下面是官方的一些 release 信息,我也没有做特别的解读,简单翻译了下,等正式版出来,我会做个升级,然后分享详细的升级指南和新版本的特性以及功能点。

Docusaurus v3 目前已经至少被3个主要的站点使用:Docusaurus (https://docusaurus.io)、Jest (https://jestjs.io) 和 React - Native (https://reactnative.dev)。

在这个过程中,我们解决了遇到的所有小问题。

现在是时候将 v3 移至 beta 阶段了!

· 阅读需 6 分钟
编程范儿

为什么说英语学习对于我们每个人都很有必要,虽然现在高考对于英语的比重在降低,但是我们不应该为此感到庆幸,我们仍然不能放松对于英语的学习。我们要认识到一点,学好英语不仅仅是为了高考。

我们来看一组数据:

维基百科显示,截至2020年3月25日,W3Techs 预测前一百万互联网网站使用的语言文字百分比排名前十:

· 阅读需 4 分钟
编程范儿

最近网站将 Google AdSense 平台的广告申请下来了,申请过程经历了一些小曲折。

现在来讲讲我申请的过程:

注册账号

首先在 Google AdSense 平台注册自己的账号,如果已经有 Google 账号可以直接登录。

管理站点

在侧边栏菜单网站一栏中管理您的站点。

  1. 点击新建网站按钮,将你的网站域名输入进去。

· 阅读需 6 分钟
编程范儿

这篇标题的由来是今天看到 MacTalk 公众号的写的关于 Vim 文本编辑器作者 Bram Moolenaar 因病离世的文章。里面讲到 Bram Moolenaar 是一个对技术纯粹热爱并且特别善良的一个人。 为了将自己所有的精力 All in 在工作和自己创造的开源软件上,他直到去世都是一个人而没有选择另一半组建家庭。而他的善良体现在用自己的开源软件(Vim)募集捐款捐赠给乌干达的贫困儿童帮助他们完成从 小学到大学的教育。

能够一辈子沉浸在自己热爱的产品的创造中,无疑是幸运和幸福的。对于很多人来说,工作只是一份谋生的手段。谈不上任何的热爱可言,驱使他们的永远都是一份微博的薪水而已。这样又怎么能做好事情呢。内驱力永远 来自内心的热爱。

· 阅读需 7 分钟
编程范儿

今年已然过半了,乘着中午午休时间,写点感想吧,或许可作为今年的年中总结。

目前现状

话题来源于中午吃饭和同事的闲聊,问及平时都有些什么爱好。我们双方细想了一阵后都噗嗤一笑,发现人到了中年好像很难再有真正的兴趣爱好。 平时除了工作,下班后回家陪陪孩子,再加上处理一些家庭琐事。几乎抽不出什么时间做一些自己感兴趣的事了。

究其原因,我觉得有两点:

  1. 精力不足,时间不够用
  2. 随着时间的消磨,渐渐对曾经感兴趣的事没有了热情

如果是第一点,我觉得还好,时间不够用,还可以通过规划,提高效率来解决。但如果一旦是对生活和工作没有了激情,那就很危险了。需要我们来做个自我反思了。

· 阅读需 4 分钟
编程范儿

最近连着上线了两款在线小工具,乘着热度(是学习的热度,当然最近的温度也是很高,南方到了一年最难熬的湿热天气)抓紧熟练 React 开发,巩固学习的知识点。同时也是为了不断丰富站点的内容, 把网站的流量搞上去,早点通过 Google Ads 广告的申请。

下面就来介绍下这两款工具:

优雅的分隔线生成器

地址

网页中的信息区块之间为了避免单调的直线分隔或者空白间距,设计师经常会设计一些过度效果,而波纹是其中的一种。