定义用法： 1、<details> 标签用于描述文档或文档某个部分的细节（类似下拉框效果） 2、与 <summary> 标签配合使用可以为 details 定义标题 注：仅Chrome, Safari 8+ 和Opera 26+支持此标签，UC浏览器也支持了此标签 <details> <summar ...
分类：
Web程序 时间：
2020-03-20 22:18:16
阅读次数：
99
HTML5学堂（码匠）：在自学WEB前端或者任何一种技术的过程中，视野都是极其重要的影响因素，视野决定着我们努力的方向，纵然我们多么努力，走错了方向也是枉然。 视野的重要性 (我与前端系列-02) 1.书籍问题导致自学效率不高 通过一段时间的自学，已经清晰了解了HTML与CSS的书写方法，也能够动手 ...
分类：
其他好文 时间：
2020-03-20 22:15:06
阅读次数：
78
WebSocket通信协议 是 HTML5 开始支持的一种在单个 TCP 连接上进行全双工通讯的协议。在 WebSocket 技术架构中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。 ...
分类：
其他好文 时间：
2020-03-20 22:05:45
阅读次数：
230
对于响应式，前端工程师应该不会陌生，响应式网站是老外在2010年提出来的，是为了能让网页在不同设备下兼容多个终端，而不是为每个终端特定一种版本。优点如下：1.在不同设备下能有不同的页面排版，这也是响应式最大的优点，在分辨率不同，设备环境进行一些不同的设计，所有开发维护和运营上，相对多个版本成本会降低 ...
分类：
Web程序 时间：
2020-03-20 20:22:00
阅读次数：
92
创建一个Vue实例每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的：var vm = new Vue({ // 选项})数据与方法当一个 Vue 实例被创建时，它将 data 对象中的所有的属性加入到 Vue 的响应式系统中。当这些属性的值发生改变时，视图将会产生“响应”，... ...
分类：
其他好文 时间：
2020-03-20 19:59:04
阅读次数：
48
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 <title></title ...
分类：
其他好文 时间：
2020-03-20 17:02:51
阅读次数：
65
H5为我们提供了以 "data-" 为前缀定义需要的属性即可设置自定义属性
分类：
Web程序 时间：
2020-03-20 14:22:33
阅读次数：
91
1.H5文档类型: <!DOCTYPE html> 2.HTML5新增标签 1)header:<header>是一种具有引导和导航作用的结构元素，通常用来放置整个页面或页面内的一个内容区块的标题，但也可以包含搜索表单或logo。 2)nav:是一个可以用作页面导航的链接组，其中导航元素链接到其他页面 ...
分类：
Web程序 时间：
2020-03-20 12:20:55
阅读次数：
77
1、HTML5 Canvas粒子模拟效果 这是一款利用HTML5 Canvas模拟出来的30000个粒子动画，当你用鼠标在canvas画布上移动时，鼠标周围的一些粒子就会跟着你移动，并形成一定的图案，就像你在玩沙画一样，效果非常不错。这里，我们应用了一些HTML5的特性，让这个粒子动画显得相当动感。 ...
分类：
其他好文 时间：
2020-03-20 10:53:28
阅读次数：
66
HTML5 SVG SVG是什么？ SVG是一种图像文件格式，其英文全称为Scalable Vector Graphics，意思为可缩放的矢量图形。它是基于XML，由W3C联盟进行开发的。严格来说应该是一种开放标准的矢量图形语言，可让你设计激动人心的、高分辨率的Web图形页面。用户可以直接用代码来描 ...
分类：
Web程序 时间：
2020-03-19 21:50:32
阅读次数：
90
