Month: 九月 2019

PHP使用反向Ajax技术实现在线客服系统

PHP使用反向Ajax技术实现在线客服系统

文章正文

PHP使用反向Ajax技术实现在线客服系统

反向Ajax技术,又称为服务器推技术,server push等。一般用于“在线客服”、“消息推送”、“即时通信”等功能中,比如新浪微博的私信功能,就是客户端不断的请求服务器并创建连接,去查看服务器有没有返回的信息,建立连接比较浪费服务器资源,下面我将根据客户端创建连接的不同性来介绍一下实现反向Ajax的三种思路。

最标准的系统字体规范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-systemBlinkMacSystemFont是什么东东?根据Webkit博客-apple-system

关于Ubuntu中snap安装软件太慢解决办法

关于Ubuntu中snap安装软件太慢解决办法

两种方法,一是下载好包手动安装,二设置snap的代理.

下载安装包方式

  1. 到 https://uappexplorer.com/snaps 搜索需要的 snap 包,然后下载
  2. 下载的时候选择对应的平台. 如 amd arm64 ..
  3. 到下载snap的目录里面执行 sudo snap install xxx.snap --dangerous

设置snap 的代理

  1. 修改配置
    sudo systemctl edit snapd
  2. 添加如下内容
[Service]
Environment="http_proxy=http://代理ip:代理的端口"
Environment="https_proxy=

漂亮的代码语法高亮插件Prism.js简单使用文档-微信公众平台文档在用

网页代码高亮插件真的是非常多。例如:SyntaxHighlighter ,Google Code PrettifyHighlight.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等非整数值。

在下面,所有的设备像素比都要用同一张图片,这样才能显示正常。…