酷儿q

2020年10月19日

摘要：前言： 71%用户希望在手机上打开网页能跟电脑一样快； 5秒钟被认为是用户能忍受的最长响应时间，如果响应时间超过5秒，50%的移动用户会放弃； 33%失望的用户会使用竞品替代；用户尝试三次出现同样性能问题，50%的人不会再使用该应用。基于此，我们今天就一起来探讨一下Web性能测试测试点。（写的略阅读全文

posted @ 2020-10-19 17:04 酷儿q 阅读(213) 评论(0) 推荐(0)

html元素隐藏的实现方案

摘要：老生常谈之display: none 相信小伙伴们都被问过这样一个问题：让一个元素隐藏起来，有多少种方法呢？常规来讲，我们有三种方法display: none、opacity: 0和visibility: hidden ，基于display: none的副作用，已经是个被说烂的问题，主要是有以下缺点阅读全文

posted @ 2020-10-19 17:02 酷儿q 阅读(493) 评论(0) 推荐(0)

WebRTC：一个视频聊天的简单例子

摘要：相关API简介在前面的章节中，已经对WebRTC相关的重要知识点进行了介绍，包括涉及的网络协议、会话描述协议、如何进行网络穿透等，剩下的就是WebRTC的API了。 WebRTC通信相关的API非常多，主要完成了如下功能：信令交换通信候选地址交换音视频采集音视频发送、接收相关API太多，阅读全文

posted @ 2020-10-19 17:01 酷儿q 阅读(344) 评论(0) 推荐(0)

2020年10月18日

css文本操作

摘要： 1.文本对齐方式（水平方向） text-align 这个属性能控制标签内文本的对齐方式，还能控制子元素中行内元素和行内块级元素的对齐方式（水平方向）它有三个值： left：左对齐（默认）center：居中对齐right：右对齐 <!DOCTYPE html> <html> <body> <div> 阅读全文

posted @ 2020-10-18 14:33 酷儿q 阅读(149) 评论(0) 推荐(0)

不同浏览器的内核

摘要：什么是浏览器内核？网页上所用到的语言有：html, css, JavaScript等，其中，前两者通常决定了该页面长什么样，它们是可以说都是约定的规范。不同的浏览器在获取到某页面的代码文件后，负责根据这套规范将代码渲染出来呈现给用户，浏览器内核所做的就是这个渲染工作。因此，浏览器内核，也被称为排版阅读全文

posted @ 2020-10-18 14:31 酷儿q 阅读(318) 评论(0) 推荐(0)

CSS实现单行、多行文本溢出显示省略号

摘要：如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。实现方法： overflow: hidden; text-overflow:ellipsis; white-space: nowrap; 效果如图：但阅读全文

posted @ 2020-10-18 14:29 酷儿q 阅读(125) 评论(0) 推荐(0)

如何从请求、传输、渲染3个方面提升Web前端性能?

摘要：什么是WEB前端呢？就是用户电脑的浏览器所做的一切事情。我们来看看用户访问网站，浏览器都做了哪些事情：输入网址 –> 解析域名 -> 请求页面 -> 解析页面并发送页面中的资源请求 -> 渲染资源 -> 输出页面 -> 监听用户操作 -> 重新渲染。通过上面的路径可以看出浏览器分为请求、传输、渲染阅读全文

posted @ 2020-10-18 14:26 酷儿q 阅读(114) 评论(0) 推荐(0)

了解HTML及运行原理

摘要：了解html html（HyperText Marked Language）即超文本标记语言，是一种用来制作超文本文档的简单标记语言。我们在浏览网页时看到的一些丰富的影像、文字、图片等内容都是通过HTML表现出来的。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台，一直被用作W 阅读全文

posted @ 2020-10-18 14:25 酷儿q 阅读(957) 评论(0) 推荐(0)

CSS3 动画的实现

摘要：任务我们最近在SeatGeek更新了我们的“跟踪"图标，以匹配我们的新iPhone应用程序。首席设计师在PSD中创建了具有不同状态的心脏图标，并在下面创建了动画：什么是css3动画？在css中，动画是一种让元素逐渐改变样式的效果。您可以使用@keyframes关键字创建动画，后跟动画的名称阅读全文

posted @ 2020-10-18 14:24 酷儿q 阅读(162) 评论(0) 推荐(0)

HTML5的<progress>标签怎么用？

摘要： <progress> 标签表示任务的进度（进程），例：可定义完成多少工作，还有多少工作可以下载等等。该标签可与JavaScript结合使用，来显示任务的进度，创建动态的进度条。注释：<progress> 标签不适合用来表示度量衡（例如，磁盘空间使用情况或查询结果）。如需表示度量衡，请使用 <met 阅读全文

posted @ 2020-10-18 14:23 酷儿q 阅读(317) 评论(0) 推荐(0)

公告