随笔分类 - html/css
摘要：权重的五个等级及其权重 种类权重 !important 10000 行内样式 1000 id选择器 100 class、属性选择器、伪类选择器 10 标签选择器、伪元素选择器 1 规则总结 行内样式总会覆盖外部样式表的任何样式(除了!important) 单独使用一个选择器的时候，不能跨等级使css
阅读全文
posted @ 2021-07-12 23:44
酷儿q
摘要：1、变量 $ 使用 我们可以通过变量来复用属性值，比如颜色、边框大小、图片路径等，这样可以做到更改一处，从而进行全局更改，从而实现“换肤”的功能。 实例1：我们的组件库，利用变量配置，进行统一更改组件的颜色、字体大小等（换肤）： $color-primary: #3ecacb; $color-suc
阅读全文
posted @ 2021-07-12 23:42
酷儿q
摘要：1.培养编程思想 高级前端需要掌握的不只是前端知识的一亩三分地，前端开发也是程序员的一种，软件编程是一个系统化的、工程化的项目，前端亦然。 一名高级开发者， 一**定要掌握一定的编程思想 。他不应该是随随便便写写代码实现了功能就敷衍了事的。 比如说，前端的JavaScript是一门面向对象的动态类型
阅读全文
posted @ 2021-07-12 23:40
酷儿q
摘要：前言 会写出这篇是因为我一个朋友在Front-End Developers Taiwan里面问了这个问题，完整原文如下： 诚心请问：前端工程师的价值在哪？我是很想走前端、视觉、美感的人。但是一边在路上，一边却不自主的质疑着这些东西的价值在哪？ 比方说前端就是一些画面、表单，boostrap套一下或是
阅读全文
posted @ 2021-07-12 23:38
酷儿q
摘要：安装Certbot客户端 Certbot是一个EPEL安装包，如果没有配置EPEL库，需要提前将库配置好。 运行以下命令安装Certbot: $ sudo yum install certbot-nginx 2.使用Certbot生成证书 $ sudo certbot --authenticator
阅读全文
posted @ 2021-07-12 23:36
酷儿q
摘要：在项目开发的过程中，基于有限的时间内保质保量的完成开发任务无疑是一场挑战。在这场挑战中我们不但要快速处理自己的问题，还需要与别人协同合作，以避免两者之间的冲突。 针对于大型项目的开发，css 如何组织和管理才能让我们用更少的时间写出更强大的功能。这篇文章来表述一些我对 css 组织和管理的理解。当然
阅读全文
posted @ 2021-07-05 19:45
酷儿q
摘要：一、概念 1、什么是 UUID UUID 的全称是 Universally Unique Identifier，中文为通用唯一识别码。 构成：由一组32位数的16进制数字所构成。 格式：以连字号分为五段，表现形式为8-4-4-4-12的32个字符，如下所示： xxxxxxxx-xxxx-Mxxx-N
阅读全文
posted @ 2021-07-05 19:44
酷儿q
摘要：微前端开发常见问题汇总，前端应用可以独立运行、独立开发、独立部署。微前端不是单纯的前端框架或者工具而是一套架构体系。其在开发中会有各种问题，今天小编整理了一下分享给大家! 1、微前端只是Web端 为什么只是Web?到目前为止我们接触到的主要是Web，但其概念和想法可以应用于任何类型的应用程序(移动应
阅读全文
posted @ 2021-07-05 19:43
酷儿q
摘要：md文件是markdown的一种标记语言，和html比较起来，更简单快捷，主要体现在：标记符的数量和书写上。 标记符的数量：html文档需要用到数量繁多的标记符，再辅以css来控制样式和排版，而markdown文档只需要四个基本的标记符号就能完成同样的事。标记符的书写：HTML文档内容需要同时标记开
阅读全文
posted @ 2021-07-05 19:41
酷儿q
摘要：一、项目背景 SVG 表示可伸缩矢量图形，这是一门用于描述 2D 图形的语言，图形应用使用 XML 编写，然后 XML 由 SVG 阅读器程序呈现。支持三种类型的图形对象：矢量图形形状（例如，由直线和曲线组成的路径），图像和文本。图形对象可以进行分组，样式设置，转换和合成。功能集包括嵌套转换，剪切路
阅读全文
posted @ 2021-07-05 19:39
酷儿q
摘要：前言 相信做过网页的对css都不是很陌生，它可以帮助我们重铸网页中很多绚丽的特效，尤其是现在css已经发展3.0版本，很多功能更是丰富多彩，让我们的开发时间不仅大大缩短，而且还可以轻松做出许多华丽的特效，需要注意的是，Css相当于html的一个美化装置，所以它必须依赖于html才能发挥作用，那么今天
阅读全文
posted @ 2021-06-26 00:01
酷儿q
摘要：1.引入所需的依赖文件 https://github.com/SheetJS/sheetjshttps://github.com/eligrey/FileSaver.js <script src="https://cdn.bootcss.com/FileSaver.js/2014-11-29/Fil
阅读全文
posted @ 2021-06-25 23:59
酷儿q
摘要：在这篇文章中，主要介绍10种快速提高网站性能的方法，你只需5分钟内就可以将它应用到你的网站上，废话不多说，让我们进入正题吧 。 1. 文件压缩 文件压缩，可以减少网络传输的字节数。有几种压缩算法。Gzip是最流行的，但是对于Brotli，你可以使用一种更新的、甚至更好的压缩算法。如果想检查您的服务器
阅读全文
posted @ 2021-06-25 23:58
酷儿q
摘要：前言 毫无疑问，现在是短视频、直播的时代。视频内容逐渐代替图文形式成为网友们获取新鲜事物以及展现自我的一大媒介。随着5G的到来，2020年属于直播短视频爆发式增长的一年，电商平台也都涌入直播营销的大风口，成为了各自平台引流转化的关键。不管是用户还是开发者，我们处于这个风口中。本文将带你探索浏览器视频
阅读全文
posted @ 2021-06-25 23:57
酷儿q
摘要：背景 由于项目需要，需要使用摄像头预览功能，设备型号为海康威视。目前已存在的基于 FFmpeg 的方案延迟都太高，所以项目最终选择基于此方案。 方案 方案选用为基于 WebRTC 的视频即时通讯，它原生支持对 RTP 协议的解码，所以能够做到延迟很低，大概0.2-0.4秒左右，其他方案都有大于1秒的
阅读全文
posted @ 2021-06-25 23:56
酷儿q
摘要：问题是这样的： 当你兴高采烈的写完一个tab，并且把swiper嵌入到每一个tab item 觉得大功告成的时候，你会发现，永远只有第一个tab上的swiper生效了，其余的不管你怎么切换，swiper总是初始化失败，是的，就是不能愉快的滚动了~ 方法一、官网给出的解决方案是，使用observer：
阅读全文
posted @ 2021-06-25 23:55
酷儿q
摘要：Web前端技术由 html、css 和 JavaScript 三大部分构成，是一个庞大而复杂的技术体系，其复杂程度不低于任何一门后端语言。而我们在学习它的时候往往是先从某一个点切入，然后不断地接触和学习新的知识点，因此对于初学者很难理清楚整个体系的脉络结构。本文将对Web前端知识体系进行简单的梳理，
阅读全文
posted @ 2020-12-09 20:12
酷儿q
摘要：文件上传漏洞及危害 文件上传漏洞是指网络攻击者上传了一个可执行的文件到服务器上，当开发者没有对该文件进行合理的校验及处理的时候，很有可能让程序执行这个上传文件导致安全漏洞。大部分网站都会有文件上传的功能，例如头像、图片、视频等，这块的逻辑如果处理不当，很容易触发服务器漏洞。这种漏洞在以文件名为 UR
阅读全文
posted @ 2020-12-09 20:06
酷儿q
摘要：无障碍 Web “Accessibility”，在 Web 发展的初期，人们习惯把它翻译成“无障碍”，因为它主要考虑如何让残障人士更容易地访问 Web 内容。诸如有行动障碍的人难以完成需要用鼠标进行的精确手部动作，他们更多的需要靠键盘；有视觉障碍的人（低视力、色盲、失明）需要使用屏幕放大镜（物理放大
阅读全文
posted @ 2020-12-09 20:04
酷儿q
摘要：这篇文章所实现的动画效果起源于一个小小的想法，这个想法来自于另一个网站的一篇文章，它介绍了如何在网页中使用css、图片和JavaScript创建立体的柱状图。在阅读了那篇文章之后，我想挑战一下，尝试使用纯css来实现相同的效果。一开始的难点在于创建一个六面半透明的立方体，而后面的难点在于如何创建一个
阅读全文
posted @ 2020-12-09 20:00
酷儿q
浙公网安备 33010602011771号