摘要：
最近由于工作的原因碰到一个问题，就是在一个弹窗宽度不定的情况下还能是该弹窗居中显示，思考许久未找到合适办法，于是在网上找到一些办法在此总结记录下来方便以后的学习。 方法一：兼容IE67，但是当元素宽度大于50%时，会出现滚动条。 <div class="father"> <div class="ch 阅读全文
posted @ 2020-10-19 17:32
酷儿q
阅读(482)
评论(0)
推荐(0)
摘要：
box-shadow属性是一个css3属性，允许我们在几乎任何元素上来创建阴影效果，类似于在设计软件中的”drop shadow”。这些阴影效果允许我们在原本平面的、二维的页面上面创建出深度（第三维）的错觉。 定义和用法 box-sizing属性定义了如何计算元素的宽度和高度：它们是否包括填充和边框 阅读全文
posted @ 2020-10-19 17:29
酷儿q
阅读(195)
评论(0)
推荐(0)
摘要：
viewport <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> 这个是移动端页面开发必备的标签，用来调整布局视口同视觉视口一致，禁止 阅读全文
posted @ 2020-10-19 17:28
酷儿q
阅读(111)
评论(0)
推荐(0)
摘要：
高度坍塌 成因 父元素 div 未设置高度 子元素全部设置浮动（float: left | right;），浮动元素 脱离文档流 且 不占页面空间 由于父元素为设置高度，高度靠内部子元素撑开，而今子元素全部脱离文档流，所以此时父元素的高度为 0，给父元素和子元素设置 边框（border: 1px s 阅读全文
posted @ 2020-10-19 17:27
酷儿q
阅读(329)
评论(0)
推荐(0)
摘要：
1.温习JavaScript 这些日子，开发人员掌握JavaScript总不会错。JavaScript能力是目前为止被高层执行人员和招聘人员誉为最频繁的追捧技能。JavaScript已被证明是当今市场中高度可移植和宝贵的技能。 2.了解大数据 大数据项目相较于去年继续扩大，而且在这几年里也没有放缓的 阅读全文
posted @ 2020-10-19 17:26
酷儿q
阅读(137)
评论(0)
推荐(0)
摘要：
你想成为一名Web开发人员，但现在你面前有这样一个问题，那就是你没有在高科技行业工作的经验。你上了一些课程，也花了时间在个人编码项目上，但是你的简历上关于“经验”的部分仍然不为企业承认。过渡到一个新的领域从来就不是一件简单的事。你不知道你是否准备好了，不知道是否有人会认真对你，也不知道你是否能得到工 阅读全文
posted @ 2020-10-19 17:25
酷儿q
阅读(100)
评论(0)
推荐(0)
摘要：
说明 本文中所说的QQ登录功能，是采用官方的OAuth2.0来实现的，这样有更多的自主权。另一种较为简单的js-SDK开发方式，虽然非常简便，但自主性不够，所以没有采用。 下文中所构造的URL，均使用了JavaScript的ES6语法。 注册开发者 先登录QQ互联官网，登录时所用的QQ号会和相关信息 阅读全文
posted @ 2020-10-19 17:24
酷儿q
阅读(402)
评论(0)
推荐(0)
摘要：
前言 浏览器缓存是浏览器端保存数据用于快速读取或避免重复资源请求的优化机制，有效的缓存使用可以避免重复的网络请求和浏览器快速地读取本地数据，整体上加速网页展示给用户。浏览器端缓存的机制种类较多，总体归纳为九种，这里详细分析下这九种缓存机制的原理和使用场景。打开浏览器的调试模式——Applicatio 阅读全文
posted @ 2020-10-19 17:22
酷儿q
阅读(561)
评论(0)
推荐(0)
摘要：
背景 一般的项目需求都会要求统一的输出结构，特别是对于api应用而言。因此，如果有beforeResponse的功能，则可以在数据输出之前对response进行统一格式化处理。 假设这么一种场景，应用做api开发，使用抛异常的方式(自定义异常类ApiException)返回无效非法请求的情况。正常请 阅读全文
posted @ 2020-10-19 17:21
酷儿q
阅读(252)
评论(0)
推荐(0)
摘要：
css中的background属性想必大家已经用了无数遍，但是对于css3属性background-clip你可能还不太了解，那么今天我们就专门来聊聊这个属性。 clip，英文意为 “裁切，修剪”，所以很显然，background-clip属性肯定与背景裁切有关，而事实也正是如此。 backgrou 阅读全文
posted @ 2020-10-19 17:19
酷儿q
阅读(347)
评论(0)
推荐(0)
摘要：
在本文中，我将介绍常用的安全头信息设置，并给出一个示例。在本文的最后，我将介绍用于常见应用程序和web服务器的安全头信息示例设置。 Content-Security-Policy 内容安全策略（CSP）常用来通过指定允许加载哪些资源来防止跨站点脚本攻击。在接下来所介绍的所有安全头信息中，CSP 可能 阅读全文
posted @ 2020-10-19 17:18
酷儿q
阅读(501)
评论(0)
推荐(0)
摘要：
什么是跨域访问 这里说的js跨域是指通过js在不同的域之间进行数据传输或通信，比如用ajax向一个不同的域请求数据，或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同，都被当作是不同的域。如果进行跨域访问，浏览器会报跨域访问异常 NO ‘Access Co 阅读全文
posted @ 2020-10-19 17:16
酷儿q
阅读(135)
评论(0)
推荐(0)
摘要：
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
阅读(406)
评论(0)
推荐(0)
摘要：
学习前端的几个个阶段： 一阶段：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
阅读(179)
评论(0)
推荐(0)
摘要：
一、服务端渲染 - 简介 所谓服务端渲染就是将代码的渲染交给服务器，服务器将渲染好的html字符串返回给客户端，再由客户端进行显示。 服务器端渲染的优点 有利于seo搜索引擎优化，因为服务端渲染是将渲染好的html字符串返回给了客户端，所以其可以被爬虫爬取到； 加快首屏渲染时间，不会出现白屏； 服务 阅读全文
posted @ 2020-10-19 17:10
酷儿q
阅读(159)
评论(0)
推荐(0)
摘要：
写过挺多项目都需要改变滚动条的默认样式 并不想单独下载和引入插件 因此纯css修改默认滚动条的样式 这次算统一整理下方法，直接上代码。 &::-webkit-scrollbar { // 滚动条的背景 width: 16px; background: #191a37; height: 14px; } 阅读全文
posted @ 2020-10-19 17:08
酷儿q
阅读(291)
评论(0)
推荐(0)
摘要：
现在找工作越来越难难，而且一年比一年就业压力大，为什么学习web前端却如此火爆呢？转行首选web前端呢？ IT技术的革命首先就是前端技术的革命 IT技术虽然经历了数次浪潮的迭代，从最早的大型机到PC机，PC机到浏览器，从浏览器再到当前的智能手机，但每一次IT技术革命首先是前端技术的革命，每一次前端技 阅读全文
posted @ 2020-10-19 17:07
酷儿q
阅读(225)
评论(0)
推荐(0)
摘要：
服务端转换 服务端转换是什么意思呢？直接把内容和需要的字体传递给服务端，服务端提供一个文字转图片的接口，将字体转换成图片，然后在canvas中直接绘制图片，这样就能保证绘制网络字体不会有问题，不会有任何的兼容性问题，但是这样做也就意味着服务端的工作会变多，同时如果文字内容是可以被用户编辑修改的，那就 阅读全文
posted @ 2020-10-19 17:05
酷儿q
阅读(417)
评论(0)
推荐(0)
摘要：
前言： 71%用户希望在手机上打开网页能跟电脑一样快； 5秒钟被认为是用户能忍受的最长响应时间，如果响应时间超过5秒，50%的移动用户会放弃； 33%失望的用户会使用竞品替代； 用户尝试三次出现同样性能问题，50%的人不会再使用该应用。 基于此，我们今天就一起来探讨一下Web性能测试测试点。（写的略 阅读全文
posted @ 2020-10-19 17:04
酷儿q
阅读(213)
评论(0)
推荐(0)
摘要：
老生常谈之display: none 相信小伙伴们都被问过这样一个问题：让一个元素隐藏起来，有多少种方法呢？常规来讲，我们有三种方法display: none、opacity: 0和visibility: hidden ，基于display: none的副作用，已经是个被说烂的问题，主要是有以下缺点 阅读全文
posted @ 2020-10-19 17:02
酷儿q
阅读(493)
评论(0)
推荐(0)
浙公网安备 33010602011771号