解决 iOS 系统日期/时间输入框文字无法右对齐

由于 iOS 系统 safari 浏览器中,类型为日期/时间的 input 默认 css 样式为 display:-webkit-inline-flex,使用 text-align: right 时无法让 input 内的文字右对齐。

为了让其支持文字右对齐需要修改 css 样式 display: block,然后就支持 text-align: right 了。

input[type=date], input[type=time] {
  display: block;
  text-align: right;
}

PHP Web Server Demo

纯 Demo Web Server,一切 Web 请求均返回 HelloWorld 作为响应

<?php
$socket = socket_create(AF_INET, SOCK_STREAM, SOL_TCP);
socket_bind($socket, "0.0.0.0", 9501);
socket_listen($socket, 5);
for(;;) {
    $client = socket_accept($socket);
    $buffer = socket_read($client, 2048);
 
    socket_write($client, "HTTP/1.1 200 OK\r\n");
    socket_write($client, "Transfer-Encoding: chunked\r\n");
    socket_write($client, "\r\n");
    socket_write($client, "HelloWorld\r\n");
    socket_close($client);
}
socket_close($socket);

PHP Socket Server Demo

代码功能:在本地开一个 TCP 9501 端口,等待客户端连接,客户端连接上来之后,向客户端发送一个 HelloWorld,然后关闭这个连接,等待下一个客户端的连接。

<?php
$socket = socket_create(AF_INET, SOCK_STREAM, SOL_TCP);
socket_bind($socket, "0.0.0.0", 9501);
socket_listen($socket, 5);
for(;;) {
    $client = socket_accept($socket);
    socket_write($client, "HelloWorld\n");
    socket_close($client);
}
socket_close($socket);

JavaScript WebSocket Client Demo

纯 Demo 代码,和当年 XMLHttpRequest 似的,裸调 WebSocket:

var socket = new WebSocket('ws://localhost:9501');
socket.onopen = function(event) {
    socket.send('HelloWorld!');
    socket.onmessage = function(event) {
        console.log('Client received a message', event);
    };
    socket.onclose = function(event) {
        console.log('Client notified socket has closed', event);
    };
    //socket.close();
};

更换 Laravel 内置服务器监听端口

正常情况下,使用 php artisan serve 启动 Laravel 内置服务器,将会监听在 localhost 的 8000 端口上

$ php artisan serve
Laravel development server started on http://localhost:8000

假如我们希望更换监听的接口地址或端口号,可以使用 --host 参数与 --port 参数

$ php artisan serve --host=0.0.0.0 --port=8080
Laravel development server started on http://0.0.0.0:8080