一、使用之前，我们先来掌握3个东西是用来干什么的。 npm: Nodejs下的包管理器。 webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备，比 ...

博客地址：https://ainyi.com/60 纯 css 写瀑布流 1.multi-columns 方式： 通过 Multi-columns 相关的属性 column-count、 ...

Chrome开发者工具详解(2)-Network面板 注： 这一篇主要讲解面板Network，参考了Google的相关文档，主要用于公司内部技术分享。 Chrome开发者工具面板 面板上包含了E ...

H5是HTML5的简称。HTML5是HTML最新的修订版本，是一种超文本标记语言。H5有两大特点：首先，强化了 Web 网页的表现性能。其次，追加了本地数据库等 Web 应用的功能。 H5页面就是利 ...

Websocket 1.websocket是什么？ WebSocket是为解决客户端与服务端实时通信而产生的技术。其本质是先通过HTTP/HTTPS协议进行握手后创建一个用于交换数据的TCP连接， ...

页面添加锚点的三种方式 　　HTML中的链接，正确的说法应该称作"锚点"，它命名锚点链接（也叫书签链接）常常用于那些内容庞大繁琐的网页，通过点击命名锚点，不仅让我们能指向文档，还能指向页面里的特定段 ...

Chrome开发者工具详解(1)-Elements、Console、Sources面板 Chrome开发者工具面板 面板上包含了Elements面板、Console面板、Sources面板、Net ...

如果需要在移动浏览器中实现拨打电话，发送email，美国服务器，调用sns等功能，移动手机WEB页面(HTML5)Javascript提供的接口是一个好办法。采用url链接的方式，实现在Safari ...

博客地址：https://ainyi.com/52 H5 新特性 语义化标签：header、footer、section、nav、aside、article 增强型表单：input 的多 ...

XMLHttpRequest Level2 添加了一个新的接口——FormData 。【 主要用于发送表单数据,但也可以独立使用于传输键控数据。与普通的Ajax相比，它能异步上传二进制文件 】 利用 ...