是的，现在实现页面实时聊天主要使用Websocket，在此之前，还有其它的一些技术，比如：AJAX 轮询、Flash XMLSocket等。

其中Ajax轮询就是定时向服务器发起请求，例如1秒钟请求一次看有没有最新的数据，如果有就读取渲染到页面上来。这种方式需要消耗非常多的服务器资源，无法应用于多人聊天的场景，而且还有一定的延迟，这是由于轮询的间隔时间造成的。

一般我们常见placeholder伪类选择器用来修改默认样式及文案，忽然发现placeholder-shown伪类选择器，比较官方的解释是

CSS伪类表示任何显示占位符文本的form元素。

简单来说就是当输入框的placeholder内容显示的时候，输入框干嘛干嘛。

兼容性如下，在移动端没什么问题

placeholder-show是如何工作的？

Vue基础入门，第21节，表单数据的收集与提交

1、定义1个表单

    <form>
        <p>姓名：<input type="text" v-model.trim="account"></p>
        <p>密码：<input type="text" v-model="password"></p>
        <p>网龄：<input type="number" v-model.number="age"></p>
        <p>
            性别：
            <input type="radio" name="sex" v-model="sex" value="male">男
            <input type="radio" name="sex" v-model="sex" value="female">女
        </p>
        <p>明星：
            <input type="checkbox" name="star" v-model="star" value="linagjinru">梁静茹
            <input type="checkbox" name="star" v-model="star" value="rongzuer">容祖儿
            <input type="checkbox" name="star" v-model="star" value="youhongming">游鸿明
        </p>
        <p>
            旅游：
            <select v-model="city">
                <option value="">你去过哪里？</option>
                <option value="bejing">西藏</option>
                <option value="shanghai">新疆</option>
                <option value="chongqing">内蒙</option>
                <option value="guangzhou">云南</option>
            </select>
        </p>
        <p>
            其他：
            <textarea v-model.lazy="other"></textarea>
        </p>
        <p><input type="checkbox" v-model="yes"> 确定你说的没有问题吗？</p>
        <p><input type="button" value="提交" @click.prevent="submit"></p>
    </form>

我们熟悉的标准HTML输入控件包括input,select,textarea等；比如通过改变input的value属性值，就可输入内容到文本输入框中。
有些网页表单为了实现特殊的效果和功能，可以不使用这些控件，通过客户端脚本生成特殊的输入方式。手工填表不受影响，如果自动填表就需要使用特殊的方式。

作者： 京东科技 牛志伟

一、让人又爱又恨的Web Components

Web Components是一种用于构建可重用的Web元素的技术。它允许开发者创建自定义的HTML元素，这些元素可以在不同的Web应用程序中重复使用，并且具有自己的样式、行为和功能。

Web Components并非一项新技术，而是一组持续演进的、由W3C标准化的组件化API。最早可以追溯到2011年左右，大约在2016年左右各个浏览器才实现了Custom Element V1版本。然而，在同一时期，诸如Vue和React等组件化框架已经开始主导前端开发生态。

前言

前端文件系统api（The File System Access API）让web应用可以读写用户本地的文件或文件夹。使我们可以开发出能够和用户本地文件交互的web应用，比如IDE，图片和视频编辑器，文字编辑器等等。

uni-app 项目中，页面有两种：.vue 和 .nvue 文件。两者差异在于 .vue 文件使用 webview 进行渲染，.nvue 会使用原生进行渲染。

一个页面就是一个符合 vue 的单文件组件(SFC)规范的 .vue 或 .nvue 文件。

页面文件为实现多端兼容，综合编译速度、运行性能等因素，依旧遵循 vue 单文件组件规范。

“复制到剪贴板”是一个极为常见的web功能。多年来，我们一直依赖一个略显“古老”的 API——

救命！这10个Vue3技巧藏太深了！性能翻倍+摸鱼神器全揭秘

引言

前端打工人集合！是不是经常遇到这些崩溃瞬间：Vue3项目越写越卡，组件通信像走迷宫，复杂逻辑写得脑壳疼？别慌！作为在一线摸爬滚打多年的老前端，今天直接甩出10个超实用的 Vue3实战技巧，手把手教你从“加班狗”变身“效率怪”，话不多说，直接上硬货！

WebView2 是越来越香了。

WebView2 不但是 Win11 自带的系统组件，Win10 也已经自动推送安装。即使是少量没有安装 WebView2 的系统 —— 使用 aardio 中的 web.view 也会自动安装（ 不需要写任何代码 ）。