文章正文
反向Ajax技术，又称为服务器推技术，server push等。一般用于“在线客服”、“消息推送”、“即时通信”等功能中，比如新浪微博的私信功能，就是客户端不断的请求服务器并创建连接，去查看服务器有没有返回的信息，建立连接比较浪费服务器资源，下面我将根据客户端创建连接的不同性来介绍一下实现反向Ajax的三种思路。
如何优雅的选择默认字体(font-family)
大家都知道，在不同操作系统、不同游览器里面默认显示的字体是不一样的，并且相同字体在不同操作系统里面渲染的效果也不尽相同，那么如何设置字体显示效果会比较好呢？下面我们逐步的分析一下：…
移动端字体设置最佳实践
字体设置
body {
font-family: -apple-system, BlinkMacSystemFont, "PingFang SC","Helvetica Neue",STHeiti,"Microsoft Yahei",Tahoma,Simsun,sans-serif;
}iOS 4.0+ （iOS 9以下系统已经非常少） 使用英文字体 Helvetica Neue，之前的iOS版本降级使用 Helvetica。 中文字体设置为华文黑体STHeiTi。…
最标准的系统字体规范font-family
最标准的系统字体规范font-family
注意系统默认字体和浏览器默认字体这个差别。
直接提供方案：
font: 14px/1.6
/*西文*/-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Helvetica Neue,Helvetica,Arial,
/*中文*/PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Source Han Sans CN,sans-serif;这些都是些什么字体？
1、-apple-system, BlinkMacSystemFont：
在Web内容中使用系统字体
某天（2016.07.12）发现GitHub的字体比原来宽了一些，打开开发者工具一看，字体设置中多了两个奇怪的玩意：
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
-apple-system，BlinkMacSystemFont是什么东东？根据Webkit博客，-apple-system…
原各大主流网站使用的字体
各大主流网站使用的字体
#字体 font: 12px/1.5 tahoma, arial, Microsoft YaHei, Hiragino Sans GB, sans-serif; .简书: font-family: -apple-system, SF UI Text, Arial, PingFang SC, Hiragino Sans GB, Microsoft YaHei, WenQuanYi Micro Hei, sans-serif; .微博: font-family: Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",…
关于Ubuntu中snap安装软件太慢解决办法
关于Ubuntu中snap安装软件太慢解决办法
两种方法,一是下载好包手动安装,二设置snap的代理.
下载安装包方式
- 到 https://uappexplorer.com/snaps 搜索需要的 snap 包,然后下载
- 下载的时候选择对应的平台. 如
amdarm64.. - 到下载snap的目录里面执行
sudo snap install xxx.snap --dangerous
设置snap 的代理
- 修改配置
sudo systemctl edit snapd - 添加如下内容
[Service]
Environment="http_proxy=http://代理ip:代理的端口"
Environment="https_proxy=漂亮的代码语法高亮插件Prism.js简单使用文档－微信公众平台文档在用
网页代码高亮插件真的是非常多。例如：SyntaxHighlighter ，Google Code Prettify，Highlight.js等等。
今天介绍一个漂亮而且小巧的JS插件：Prism.js
官网地址：http://prismjs.com/index.html
原文链接：http://weiya.me/item/65.html
为什么选用Prism.js？
除了简单，小巧之外，还有以下优点…
原响应式图像正确设置方法
响应式图像正确设置方法，代码如下：
PC,平板，手机显示良好：
我们用<picture>标签来实现同时适配不同像素密度、不同大小的屏幕。srcset属性用来指定多张图像，适应不同像素密度的屏幕。
通过 媒体查询，来为不同宽度的屏幕设置不同的图片。
其中，1x 2x 3x 代表设备像素比。
通常 pc的设备像素比为1，iphone7为2，iphone7 plubs为3，一些手机为4，还有一些为1.5，3.65等非整数值。
在下面，所有的设备像素比都要用同一张图片，这样才能显示正常。
最后更新于 2019年9月25日 …
原wordpress图片加“no-referrer”标签解决防盗链问题
自从微博图床开防盗链后，好多图片都挂了，找了一堆资料，终于发现在head标签没添加一行代码meta就能解决，但是会造成百度统计数据异常，请谨慎使用。
代码
- <meta name="referrer" content="no-referrer" />
referrer的状态
标签内使用no-referrer
- <a href="http://example.com" referrer="no-referrer|origin|unsafe-url">xxx</a>
- <img referrerpolicy="no-referrer|origin|unsafe-url" src="{{item.src}}"/>
- <image referrerpolicy="no-referrer|origin|unsafe-url" src="{{item.src}}"></image>
经测算，标签内使用此方法可以解决百度统计问题，又可突破图片的防盗链。
自动给所有图片加 referrerpolicy属性，请用以下代码
下面的代码直接加到 functions.php 中即可
/**…
近期评论