随笔分类 - html/css
摘要：编写基本的css和html是我们作为Web开发人员学习的首要事情之一。然而，我遇到的很多应用程序显然没有人花时间真正考虑前端开发的长久性和可维护性。 我认为这主要是因为许多开发人员对组织css / html和JavaScript的策略缺乏深刻的理解。 在我和我们团队的观念中，编写可维护的前端代码非常
阅读全文
posted @ 2021-07-27 15:56
酷儿q
摘要：了解如何通过使用前端开发服务器中的代理配置来避免CORS。 在过去的十年中，单页应用程序已成为构建Web应用程序的标准技术。如今，诸如Angular，vue之类的框架以及诸如react之类的库主导着前端开发，为这些应用程序提供了基础平台。好消息是，它可以从一个域中为前台和后台API提供服务。但在某些
阅读全文
posted @ 2021-07-27 15:54
酷儿q
摘要：css可以使用user-select属性来设置不可复制，此属性可以设置或检索是否允许用户选中文本，将此属性的属性值设置为none可以使文本不可选中。 通过user-select属性设置不可复制的css代码： -moz-user-select:none; /* Firefox私有属性 */ -webk
阅读全文
posted @ 2021-07-27 15:54
酷儿q
摘要：选择文件 一般来说上传常见的操作就三种，单击、拖拽、粘贴。下面我们分别来说一下。 input 选择文件 我们无法获取用户本地的内容，需要通过 <input> 标签，让用户自己选取。 <input type="file" name="input" id="input" @change="inputHa
阅读全文
posted @ 2021-07-27 15:53
酷儿q
摘要：目前大多数网络摄像头都是通过 RTSP 协议传输视频流的，但是 html 并不标准支持 RTSP 流。除了 Firefox 浏览器可以直接播放 RTSP 流之外，几乎没有其他浏览器可以直接播放 RTSP 流。Electron 应用是基于 Chromium 内核的，因此也不能直接播放 RTSP 流。
阅读全文
posted @ 2021-07-27 15:51
酷儿q
摘要：css3的3d起步 要玩转css3的3d，就必须了解几个词汇，便是透视(perspective)、旋转(rotate)和移动(translate)。透视即是以现实的视角来看屏幕上的2D事物，从而展现3D的效果。旋转则不再是2D平面上的旋转，而是三维坐标系的旋转，就包括X轴，Y轴，Z轴旋转。平移同理。
阅读全文
posted @ 2021-07-27 15:50
酷儿q
摘要：1、服务器出口带宽不够用 本身服务器购买的出口带宽比较小。一旦并发量大的话，就会造成分给每个用户的出口带宽就小，访问速度自然就会慢。 跨运营商网络导致带宽缩减。例如，公司网站放在电信的网络上，那么客户这边对接是长城宽带或联通，这也可能导致带宽的缩减。 2、服务器负载过大，导致响应不过来 可以从两个方
阅读全文
posted @ 2021-07-27 15:49
酷儿q
摘要：前端开发 众所周知，做前端开发所依赖的核心技术就是 html、css 和 js，就像好基友一样形影不离，我们将它们仨亲切地并称为「三剑客」。 经过这二十多年，尤其是在 V8 引擎及 Node.js 出现之后，以「三剑客」为基础的衍生技术如雨后春笋般大量出现，前端及其关联社区与前端工程师这个职业得到了
阅读全文
posted @ 2021-07-27 15:48
酷儿q
摘要：使用过css3属性的同学都知道，css3属性都需要带各浏览器的前缀，甚至到现在，依然还有很多属性需要带前缀。这是为什么呢？ CSS3的前缀是一个浏览器生产商经常使用的一种方式。它暗示该CSS属性或规则尚未成为W3C标准的一部分。 浏览器厂商以前就一直在实施CSS3，但它还未成为真正的标准。 前缀浏览
阅读全文
posted @ 2021-07-27 15:47
酷儿q
摘要：服务端渲染 谈起服务端渲染，对于动态服务而言，这个世界上跑的大多数页面都经历过服务端的数据渲染，接口->前端赋值->模版渲染 。这一切都在服务器完成，我们查看源码时候，可以看到完整的html代码，包括每个数据值。 常用的php模版有，Smarty,Blade,Mustache,如果你们团队使用Sma
阅读全文
posted @ 2021-07-27 15:46
酷儿q
摘要：优秀的网站要对用户的互动做出反应。做到这一点的一个很好的方法就是对有人向下滚动你的页面做出反应。 除了视差组件和滚动事件外，添加响应式触摸的一种好方法是使元素在滚动视图时淡入。 在本技巧中，将介绍如何使用滚动事件和css转换在vue3中实现此功能。 这是我们将学习如何在本教程中进行构建的屏幕截图。
阅读全文
posted @ 2021-07-13 00:10
酷儿q
摘要：1.使用最新特性不是优先事项 在一个新项目的初期阶段，它用到的可能只是几条CSS规则，但随着项目的持续更新和迭代，项目中使用到的规则就会变得越来越复杂，CSS也会越来越复杂尺寸也会随之不断膨胀。因此，作为项目优化的第一要务，作为资源的CSS需要尽可能的精简和减少复杂度，第一是为了便于更好地理解和维护
阅读全文
posted @ 2021-07-13 00:06
酷儿q
摘要：本节我们学习 Less 中的嵌套，嵌套应该很容易理解，html 语言中就支持标签的嵌套。我们在使用 css 时，如果想要为多层嵌套的元素设置样式，要么给元素加上一个类选择器或ID选择器，要么使用后代选择器。例如： .xkd{ font-size: 14px; } .xkd p{ line-heigh
阅读全文
posted @ 2021-07-13 00:03
酷儿q
摘要：元素添加初始参数 以上图中的动画为例，添加俩个左右容器，将内容放置在容器内部。 添加初始数据，默认透明度0、左右分别移动100px。 //左侧容器 .item-leftContainer { opacity: 0; transform: translateX(-100px); } //右侧容器 .i
阅读全文
posted @ 2021-07-13 00:00
酷儿q
摘要：使用 :is() 减少重复 你可以使用 :is() 伪类来删除选择器列表中的重复项。 /* BEFORE */ .embed .save-button:hover, .attachment .save-button:hover { opacity: 1; } /* AFTER */ :is(.emb
阅读全文
posted @ 2021-07-12 23:58
酷儿q
摘要：一 . 安装 在命令行中执行： 使用npm或者cnpm安装 npm install animate.css --save 或 cnpm install animate.css --save 使用yarn安装 yarn add animate.css 二. 引入 在main.js全局引入 import
阅读全文
posted @ 2021-07-12 23:56
酷儿q
摘要：诞生史 在 2007 年，苹果公司发布首款 iPhone 之前，由于当时的网站普遍为大屏幕设备所设计，为了应对 iPhone 这种小屏幕设备浏览桌面网站的问题，由此，苹果引入了多项变革，其中就包含了“双击缩放准确定位正文主体，并将其缩放至适合的比例展现”的功能，即双击缩放功能。然而，由于这种双击缩放
阅读全文
posted @ 2021-07-12 23:54
酷儿q
摘要：趋势一：更加移动优先 响应式设计显然是目前Web前端开发领域的主要趋势之一，并且这一趋势在未来还将持续一段时间。虽然现在的响应式设计大部分还是以PC版优先，然而如果有一天我们把PC版放到比移动版次要的位置上，也没有什么好奇怪的。因为，目前许多Web前端开发者已经开始转向以移动优先方案来做他们的响应式
阅读全文
posted @ 2021-07-12 23:52
酷儿q
摘要：项目管理是如何进行的？ 这个问题的答案可能改变你工作的思考方式。没有一个良好的项目管理流程会导致一片混乱。确保对方解释清楚了任务是如何确定的，谁负责处理任务，以及其他你能想到的事项。 如果对方身处一个任务管理很糟糕的环境，他们对任务管理流程的描述会非常含糊。具备良好的项目管理流程的公司应该能够简要地
阅读全文
posted @ 2021-07-12 23:50
酷儿q
摘要：width height 百分比 当元素的height、width设置为百分比时，分别基于包含它的块级对象的高度、宽度。这个是常规百分比的含义。 <div> <div>注意这里</div> <div>我是分割线</div> </div> .container{ width: 500px; heigh
阅读全文
posted @ 2021-07-12 23:47
酷儿q
浙公网安备 33010602011771号