记录－交流－Web开发知识分享
nginx + php做服务，在高并发的时候会出现一些错误 connect() to unix:/var/run/php-fpm.sock failed (11: Resource temporarily unavailable) 。
目前有两种方法可以试试。
环境： ubuntu + nginx + php7.4
一、修改参数：
1、内核修改
sudo vim /etc/sysctl.conf net.ipv4.tcp_max_syn_backlog = 4096 net.core.netdev_max_backlog = 4096 sudo sysctl -p生效.
2、php-fpm配置修改
修改 /etc/php/7.4/fpm/pool.d/www.conf listen.backlog = 4096
上一篇文章我写了koa-static的源码解析，其中用到了HTTP的缓存策略，给返回的静态文件设置了一些缓存的头，比如Cache-Control之类的。于是我就跟朋友讨论了一下HTTP的缓存策略：
朋友说：“HTTP里面控制缓存的头(header)太多了，啥Cache-Control，ETag，Last-Modified，一大堆，乱七八糟的，而且之间逻辑关系不强，要掌握基本靠背！”
我有点惊讶：“为什么要去背这个呢？所有的技术都是为了解决问题而存在的，不了解问题而去单纯的学习技术，去，背，去，死记，确实很枯燥，而且效果不好。HTTP缓存策略只是为了解决客户端和服务端信息不对称的问题而存在的，客户端为了加快速度会缓存部分资源，但是下次请求时，客户端不知道这个资源有没有更新，服务端也不知道客户端缓存的是哪个版本，不知道该不该再返回资源，其实就是一个信息同步问题，HTTP缓存策略就是来解决这个问题的。如果我们跳出这种纯粹的技术思维，我们会发现生活中这种信息同步问题也很常见。而我们解决这些问题的思路很多时候都是司空见惯了，如果从这个角度来说，这个问题就很好理解！”
于是我给他讲了一个我小时候租光碟看奥特曼的故事。…
对于互联网公司来说，随着用户量和数据量的不断增加，慢查询是无法避免的问题。一般情况下如果出现慢查询，意味着接口响应慢、接口超时等问题。如果是高并发的场景，可能会出现数据库连接被占满的情况，直接导致服务不可用。
慢查询的确会导致很多问题，我们要如何优化慢查询呢？…
在讨论今天的主角之前，我们要先了解一下浏览器的渲染机制。以Google,Firefox,Safari为例，Firefox 使用Geoko——Mozilla 自主研发的渲染引擎，Safari 和Chrome 都使用 webkit。
我们主要以 Webkit的主流程为例
HTML 生成 DOM 树CSS 生成CSSOM 规则树DOM 树与 CSSOM 规则树合并在一起生成渲染树-----------
我先开一会儿吐槽大会，Git 这东西我用了两年，根本尼玛用不明白。
我搞不明白的一个重要原因就是，命令的功能太杂，有时候一个需求可以用好几种命令解决，而且有的命令还 tm 有别名。这导致什么问题呢，我在网上找到的答案五花八门，竟然都能达成目的，难以找到规律，毫无套路可言。对于我这种不喜欢动脑子，只喜欢玩套路的人来说，简直不能接受。
以前我用 Git，就知道 add .，然后 commit -m，最后 push origin master 一套带走，或者就是把 Git 作为下载器，去 clone 别人的项目。但是在工作中呢，和别人一起开发代码，就需要处理一些复杂情况，比如解决冲突，比如手残恢复，等等等实用场景，这些我在后文都会列举。
对于工具的学习，我认为应该多做减法，只捡最有用的学，那些奇技淫巧不学也罢，应该把时间投入更有价值的事情中。…
Here is my cheat sheet I created along my learning journey. If you have any recommendations (addition/subtraction) let me know. <?php //Naming convention $first_name = 'Mike'. // all lower case with underscore separators function updateProduct() // camelCase class ProductItem //…
html table表格固定列效果实现
css代码：…
需求：有时候table表格内容比较多时，通过滚动条横向滚动不是太方便查看溢出内容，如果可以通过鼠标左右拖拽查看内容就方便多了。故有此demo
如果问，CSS 中 position 属性的取值有几个？
大部分人的回答是，大概是下面这几个吧？
|
1
2
3
4
5
6
|
{ position: static; position: relative; position: absolute; position: fixed;} |
额，其实，我们还可以有这 3 个取值：…
Mercure是一种用于实时通信的开放协议，旨在快速，可靠和节省电池。它是Websocket API和依赖它的高级库和服务的一种现代便捷的替代方法。
Mercure在将流和异步功能添加到REST和GraphQL API时特别有用。由于它是HTTP和SSE之上的薄层，因此现代Web浏览器，移动应用程序和IoT设备都原生支持Mercure 。…
近期评论