摘要: 当你的用户需要一些额外的上下文来放置图标,或者当他们需要一些保证来点击按钮,或者可能是一个复活节彩蛋的标题来搭配一个图片时,工具提示是一个很好的方法来增强用户界面。现在让我们来制作一些动画工具提示,只使用html和css。 演示 以下是我们的工作目标: 主要目标是拥有一种添加工具提示的简单方法,因此 阅读全文
posted @ 2021-07-27 16:03 酷儿q 阅读(365) 评论(0) 推荐(0)
摘要: 在css中有很多好看的样式都可以实现,css设置出来的样式让整个网页看起来也会非常美观,今天的这篇文章就给大家来介绍一下在css中怎么设置文字的透明度,让你的文字在网页中看起来是透明的。 CSS设置透明度可用如下两类方法实现: 1、使用rgba2、使用opacity 使用rgba设置文字不透明度的方 阅读全文
posted @ 2021-07-27 16:01 酷儿q 阅读(360) 评论(0) 推荐(0)
摘要: 因项目需要,需要在元素上实现动画效果,并且需要有动画间隔。坑爹的是animation-delay只有在第一次动画开始的时候才起效。 在网上找了很多方法,最终的方法基本都是改动画规则,比如 @keyframes move{ /* 此处从75%开始 */ 75%{ transform: translat 阅读全文
posted @ 2021-07-27 16:00 酷儿q 阅读(190) 评论(0) 推荐(0)
摘要: 了解浏览器背后的运行机制 了解浏览器背后的运行机制就是了解浏览器的内核,现在市面上主流浏览器的内核名称分别如下: chrome: blink内核 Opera: blink内核 Safari: webkit内核 FireFox: Gecko内核 IE: Trident内核 ** 注:blink内核其实 阅读全文
posted @ 2021-07-27 15:58 酷儿q 阅读(106) 评论(0) 推荐(0)
摘要: 开发人员分离 以前的 JavaWeb 项目大多都是 Java程序员又当爹又当妈,又搞前端,又搞后端随着时代的发展,渐渐的许多大中小公司开始把前后端的界限分的越来越明确,前端工程师只管前端的事情,后端工程师只管后端的事情。正所谓术业有专攻,一个人如果什么都会,那么他什么都不精。大公司需要专业人才,小公 阅读全文
posted @ 2021-07-27 15:57 酷儿q 阅读(842) 评论(0) 推荐(0)
摘要: 编写基本的css和html是我们作为Web开发人员学习的首要事情之一。然而,我遇到的很多应用程序显然没有人花时间真正考虑前端开发的长久性和可维护性。 我认为这主要是因为许多开发人员对组织css / html和JavaScript的策略缺乏深刻的理解。 在我和我们团队的观念中,编写可维护的前端代码非常 阅读全文
posted @ 2021-07-27 15:56 酷儿q 阅读(78) 评论(0) 推荐(0)
摘要: 了解如何通过使用前端开发服务器中的代理配置来避免CORS。 在过去的十年中,单页应用程序已成为构建Web应用程序的标准技术。如今,诸如Angular,vue之类的框架以及诸如react之类的库主导着前端开发,为这些应用程序提供了基础平台。好消息是,它可以从一个域中为前台和后台API提供服务。但在某些 阅读全文
posted @ 2021-07-27 15:54 酷儿q 阅读(141) 评论(0) 推荐(0)
摘要: css可以使用user-select属性来设置不可复制,此属性可以设置或检索是否允许用户选中文本,将此属性的属性值设置为none可以使文本不可选中。 通过user-select属性设置不可复制的css代码: -moz-user-select:none; /* Firefox私有属性 */ -webk 阅读全文
posted @ 2021-07-27 15:54 酷儿q 阅读(190) 评论(0) 推荐(0)
摘要: 选择文件 一般来说上传常见的操作就三种,单击、拖拽、粘贴。下面我们分别来说一下。 input 选择文件 我们无法获取用户本地的内容,需要通过 <input> 标签,让用户自己选取。 <input type="file" name="input" id="input" @change="inputHa 阅读全文
posted @ 2021-07-27 15:53 酷儿q 阅读(214) 评论(0) 推荐(0)
摘要: 目前大多数网络摄像头都是通过 RTSP 协议传输视频流的,但是 html 并不标准支持 RTSP 流。除了 Firefox 浏览器可以直接播放 RTSP 流之外,几乎没有其他浏览器可以直接播放 RTSP 流。Electron 应用是基于 Chromium 内核的,因此也不能直接播放 RTSP 流。 阅读全文
posted @ 2021-07-27 15:51 酷儿q 阅读(745) 评论(0) 推荐(0)
摘要: css3的3d起步 要玩转css3的3d,就必须了解几个词汇,便是透视(perspective)、旋转(rotate)和移动(translate)。透视即是以现实的视角来看屏幕上的2D事物,从而展现3D的效果。旋转则不再是2D平面上的旋转,而是三维坐标系的旋转,就包括X轴,Y轴,Z轴旋转。平移同理。 阅读全文
posted @ 2021-07-27 15:50 酷儿q 阅读(109) 评论(0) 推荐(0)
摘要: 1、服务器出口带宽不够用 本身服务器购买的出口带宽比较小。一旦并发量大的话,就会造成分给每个用户的出口带宽就小,访问速度自然就会慢。 跨运营商网络导致带宽缩减。例如,公司网站放在电信的网络上,那么客户这边对接是长城宽带或联通,这也可能导致带宽的缩减。 2、服务器负载过大,导致响应不过来 可以从两个方 阅读全文
posted @ 2021-07-27 15:49 酷儿q 阅读(137) 评论(0) 推荐(0)
摘要: 前端开发 众所周知,做前端开发所依赖的核心技术就是 html、css 和 js,就像好基友一样形影不离,我们将它们仨亲切地并称为「三剑客」。 经过这二十多年,尤其是在 V8 引擎及 Node.js 出现之后,以「三剑客」为基础的衍生技术如雨后春笋般大量出现,前端及其关联社区与前端工程师这个职业得到了 阅读全文
posted @ 2021-07-27 15:48 酷儿q 阅读(250) 评论(0) 推荐(0)
摘要: 使用过css3属性的同学都知道,css3属性都需要带各浏览器的前缀,甚至到现在,依然还有很多属性需要带前缀。这是为什么呢? CSS3的前缀是一个浏览器生产商经常使用的一种方式。它暗示该CSS属性或规则尚未成为W3C标准的一部分。 浏览器厂商以前就一直在实施CSS3,但它还未成为真正的标准。 前缀浏览 阅读全文
posted @ 2021-07-27 15:47 酷儿q 阅读(112) 评论(0) 推荐(0)
摘要: 服务端渲染 谈起服务端渲染,对于动态服务而言,这个世界上跑的大多数页面都经历过服务端的数据渲染,接口->前端赋值->模版渲染 。这一切都在服务器完成,我们查看源码时候,可以看到完整的html代码,包括每个数据值。 常用的php模版有,Smarty,Blade,Mustache,如果你们团队使用Sma 阅读全文
posted @ 2021-07-27 15:46 酷儿q 阅读(159) 评论(0) 推荐(0)