记录－交流－Web开发知识分享
含义：
PO 是 Portable Object (可移植对象)的缩写形式；MO 是 Machine Object (机器对象) 的缩写形式。
PO 文件是面向翻译人员的、提取于源代码的一种资源文件。当软件升级的时候，通过使用 gettext 软件包处理 PO 文件，可以在一定程度上使翻译成果得以继承，减轻翻译人员的负担。
MO 文件是面向计算机的、由 PO 文件通过 gettext 软件包编译而成的二进制文件。程序通过读取 MO 文件使自身的界面转换成用户使用的语言。
文件相互转换：
po->mo msgfmt abc.po -o abc.mo
mo->po msgunfmt abc.mo -o abc.po
…
最近有些朋友问到：为什么我的网页 code 有 class="no-js" ？
<!DOCTYPE html>
<html dir="ltr" lang="en-US" class="no-js">
<head>
<meta charset="utf-8">其实，这个 no-js
网格布局（Grid）是最强大的 CSS 布局方案。
它将网页划分成一个个网格，可以任意组合不同的网格，做出各种各样的布局。以前，只能通过复杂的 CSS 框架达到的效果，现在浏览器内置了。
上图这样的布局，就是 Grid 布局的拿手好戏。
Grid 布局与 Flex 布局有一定的相似性，都可以指定容器内部多个项目的位置。但是，它们也存在重大区别。
Flex 布局是轴线布局，只能指定"项目"针对轴线的位置，可以看作是一维布局。Grid 布局则是将容器划分成"行"和"列"，产生单元格，然后指定"项目所在"的单元格，可以看作是二维布局。Grid 布局远比 Flex 布局强大。…
本文最后更新于 2018年11月20日。推荐姊妹篇：Flexbox 布局完全指南(图解 Flexbox 布局详细教程)
CSS Grid 布局是 CSS 中最强大的布局系统。与 flexbox 的一维布局系统不同，CSS Grid 布局是一个二维布局系统，也就意味着它可以同时处理列和行。通过将 CSS 规则应用于 父元素 (成为 Grid Container 网格容器)和其 子元素（成为 Grid Items 网格项），你就可以轻松使用 Grid(网格) 布局。…
在这篇文章中，我将教你如何使用 CSS Grid 来创建一个超酷的图像网格图，它将根据屏幕的宽度来改变列的数量。最精彩的地方在于：所有的响应特性被添加到了一行 css 代码中。这意味着我们不必将 HTML 与丑陋的类名(如col-sm-4, col-md-8)混杂在一起，也不必为每个屏幕创建媒体查询。ok，让我们发车吧。
你是否曾经为大文件上传而苦恼？如果文件上传的过程中，因为某种原因中断了，是否可以从中断的位置继续上传，而不用重新上传整个文件？如果你有这样的困惑，那么请继续阅读下面的内容。
在现代网站应用中，上传文件是非常常见的。在任何语言中，通过使用一些工具，都可以实现文件上传的功能。但是，如果处理大文件上传的需求，还是有点麻烦的。
假如你此时正在上传一个很大的文件，大约一个小时过去了，进度是 90%。突然断网了或者浏览器崩溃了，上传的程序退出，你要再全部重新来过。真的很不爽，对不对？还有更让人郁闷的是，如果你的网速很慢，那么，无论你重来多少次，你都不可能上传成功。…
原生HTML实现带搜索框的select下拉框
可以用 HTML <datalist> 标签实现
实例：
下面是一个 <input> 元素，<datalist> 中描述了其可能的值：
<form action="demo-form.php" method="get"> <input list="browsers" name="browser"> <datalist id="browsers"> <option value="Internet Explorer"> <option value="Firefox"> <option value="Chrome"> <option value="Opera"> <option value="Safari"> </datalist> <input type="submit"> </form>
<datalist> 标签规定了 <input> 元素可能的选项列表。
<datalist> 标签被用来在为 <input>
大多数WordPress搜索表单设置了一个名为's'的查询字符串参数：
<form method="get" action="<?php bloginfo('url'); ?>">
<fieldset>
<input type="text" name="s" value="" placeholder="search…一个非常有用的 VSCode 插件Settings Sync，备份和同步 VSCode 的设置，操作系统和多端同步不用再折腾 VSCode 配置。
在扩展商店中搜索并安装插件 setting sync
…setting sync 是vscode中同步设置和安装插件的小工具
近期评论