随笔分类 - html/css
摘要：你想成为一名Web开发人员，但现在你面前有这样一个问题，那就是你没有在高科技行业工作的经验。你上了一些课程，也花了时间在个人编码项目上，但是你的简历上关于“经验”的部分仍然不为企业承认。过渡到一个新的领域从来就不是一件简单的事。你不知道你是否准备好了，不知道是否有人会认真对你，也不知道你是否能得到工
阅读全文
posted @ 2020-10-19 17:25
酷儿q
摘要：说明 本文中所说的QQ登录功能，是采用官方的OAuth2.0来实现的，这样有更多的自主权。另一种较为简单的js-SDK开发方式，虽然非常简便，但自主性不够，所以没有采用。 下文中所构造的URL，均使用了JavaScript的ES6语法。 注册开发者 先登录QQ互联官网，登录时所用的QQ号会和相关信息
阅读全文
posted @ 2020-10-19 17:24
酷儿q
摘要：前言 浏览器缓存是浏览器端保存数据用于快速读取或避免重复资源请求的优化机制，有效的缓存使用可以避免重复的网络请求和浏览器快速地读取本地数据，整体上加速网页展示给用户。浏览器端缓存的机制种类较多，总体归纳为九种，这里详细分析下这九种缓存机制的原理和使用场景。打开浏览器的调试模式——Applicatio
阅读全文
posted @ 2020-10-19 17:22
酷儿q
摘要：背景 一般的项目需求都会要求统一的输出结构，特别是对于api应用而言。因此，如果有beforeResponse的功能，则可以在数据输出之前对response进行统一格式化处理。 假设这么一种场景，应用做api开发，使用抛异常的方式(自定义异常类ApiException)返回无效非法请求的情况。正常请
阅读全文
posted @ 2020-10-19 17:21
酷儿q
摘要：css中的background属性想必大家已经用了无数遍，但是对于css3属性background-clip你可能还不太了解，那么今天我们就专门来聊聊这个属性。 clip，英文意为 “裁切，修剪”，所以很显然，background-clip属性肯定与背景裁切有关，而事实也正是如此。 backgrou
阅读全文
posted @ 2020-10-19 17:19
酷儿q
摘要：在本文中，我将介绍常用的安全头信息设置，并给出一个示例。在本文的最后，我将介绍用于常见应用程序和web服务器的安全头信息示例设置。 Content-Security-Policy 内容安全策略（CSP）常用来通过指定允许加载哪些资源来防止跨站点脚本攻击。在接下来所介绍的所有安全头信息中，CSP 可能
阅读全文
posted @ 2020-10-19 17:18
酷儿q
摘要：什么是跨域访问 这里说的js跨域是指通过js在不同的域之间进行数据传输或通信，比如用ajax向一个不同的域请求数据，或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同，都被当作是不同的域。如果进行跨域访问，浏览器会报跨域访问异常 NO ‘Access Co
阅读全文
posted @ 2020-10-19 17:16
酷儿q
摘要：css中：focus伪类的使用，即给已获取焦点的元素设置样式 示例一 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>:focus</title> <style> *{ margin: 0; padding:
阅读全文
posted @ 2020-10-19 17:15
酷儿q
摘要：学习前端的几个个阶段： 一阶段：html标签、html5新增标签、css样式、css3样式、媒体查询等二阶段：JavaScript、jQuery、ajax、面向对象、http传输协议等三阶段：canvas、js高级应用、js-SDK、H5新增技术四阶段：node.js、vue.js 第一阶段——HT
阅读全文
posted @ 2020-10-19 17:12
酷儿q
摘要：一、服务端渲染 - 简介 所谓服务端渲染就是将代码的渲染交给服务器，服务器将渲染好的html字符串返回给客户端，再由客户端进行显示。 服务器端渲染的优点 有利于seo搜索引擎优化，因为服务端渲染是将渲染好的html字符串返回给了客户端，所以其可以被爬虫爬取到； 加快首屏渲染时间，不会出现白屏； 服务
阅读全文
posted @ 2020-10-19 17:10
酷儿q
摘要：写过挺多项目都需要改变滚动条的默认样式 并不想单独下载和引入插件 因此纯css修改默认滚动条的样式 这次算统一整理下方法，直接上代码。 &::-webkit-scrollbar { // 滚动条的背景 width: 16px; background: #191a37; height: 14px; }
阅读全文
posted @ 2020-10-19 17:08
酷儿q
摘要：现在找工作越来越难难，而且一年比一年就业压力大，为什么学习web前端却如此火爆呢？转行首选web前端呢？ IT技术的革命首先就是前端技术的革命 IT技术虽然经历了数次浪潮的迭代，从最早的大型机到PC机，PC机到浏览器，从浏览器再到当前的智能手机，但每一次IT技术革命首先是前端技术的革命，每一次前端技
阅读全文
posted @ 2020-10-19 17:07
酷儿q
摘要：服务端转换 服务端转换是什么意思呢？直接把内容和需要的字体传递给服务端，服务端提供一个文字转图片的接口，将字体转换成图片，然后在canvas中直接绘制图片，这样就能保证绘制网络字体不会有问题，不会有任何的兼容性问题，但是这样做也就意味着服务端的工作会变多，同时如果文字内容是可以被用户编辑修改的，那就
阅读全文
posted @ 2020-10-19 17:05
酷儿q
摘要：前言： 71%用户希望在手机上打开网页能跟电脑一样快； 5秒钟被认为是用户能忍受的最长响应时间，如果响应时间超过5秒，50%的移动用户会放弃； 33%失望的用户会使用竞品替代； 用户尝试三次出现同样性能问题，50%的人不会再使用该应用。 基于此，我们今天就一起来探讨一下Web性能测试测试点。（写的略
阅读全文
posted @ 2020-10-19 17:04
酷儿q
摘要：老生常谈之display: none 相信小伙伴们都被问过这样一个问题：让一个元素隐藏起来，有多少种方法呢？常规来讲，我们有三种方法display: none、opacity: 0和visibility: hidden ，基于display: none的副作用，已经是个被说烂的问题，主要是有以下缺点
阅读全文
posted @ 2020-10-19 17:02
酷儿q
摘要：相关API简介 在前面的章节中，已经对WebRTC相关的重要知识点进行了介绍，包括涉及的网络协议、会话描述协议、如何进行网络穿透等，剩下的就是WebRTC的API了。 WebRTC通信相关的API非常多，主要完成了如下功能： 信令交换 通信候选地址交换 音视频采集 音视频发送、接收 相关API太多，
阅读全文
posted @ 2020-10-19 17:01
酷儿q
摘要：1.文本对齐方式（水平方向） text-align 这个属性能控制标签内文本的对齐方式，还能控制子元素中行内元素和行内块级元素的对齐方式（水平方向） 它有三个值： left：左对齐（默认）center：居中对齐right：右对齐 <!DOCTYPE html> <html> <body> <div>
阅读全文
posted @ 2020-10-18 14:33
酷儿q
摘要：什么是浏览器内核？ 网页上所用到的语言有：html, css, JavaScript等，其中，前两者通常决定了该页面长什么样，它们是可以说都是约定的规范。不同的浏览器在获取到某页面的代码文件后，负责根据这套规范将代码渲染出来呈现给用户，浏览器内核所做的就是这个渲染工作。因此，浏览器内核，也被称为排版
阅读全文
posted @ 2020-10-18 14:31
酷儿q
摘要：如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。 实现方法： overflow: hidden; text-overflow:ellipsis; white-space: nowrap; 效果如图： 但
阅读全文
posted @ 2020-10-18 14:29
酷儿q
摘要：什么是WEB前端呢？就是用户电脑的浏览器所做的一切事情。我们来看看用户访问网站，浏览器都做了哪些事情：输入网址 –> 解析域名 -> 请求页面 -> 解析页面并发送页面中的资源请求 -> 渲染资源 -> 输出页面 -> 监听用户操作 -> 重新渲染。 通过上面的路径可以看出浏览器分为请求、传输、渲染
阅读全文
posted @ 2020-10-18 14:26
酷儿q
浙公网安备 33010602011771号