关键字:显示
  • web前端入门到实战:纯CSS写一个动态太阳的天气图标
    效果 效果图如下 实现思路 div实现太阳的一条矩形光影 before伪元素制作另一条光影矩形,和已有的转变90° after伪元素画个圆实现太阳样式 dom结构 用两个嵌套的div容器,父容器来控制图标显示的位置,子容器用来写太阳的一条光 ...
  • web前端入门到实战:纯CSS制作电闪雷鸣的天气图标
    效果 效果图如下 实现思路 使用box-shadow属性写几个圆,将这些圆错落的组合在一起,形成云朵图案 after伪元素写下面的投影样式 before伪元素写黄色闪电的样式 dom结构 用两个嵌套的div容器就可以了,父容器来控制图标显示 ...
  • H5 全屏 学习
    第一部分: 接口 全屏 API 没有它自己的接口实现。相反,它提供了一些其他接口以供实现全屏所需的方法、属性、事件处理函数。接下来会列出所有细节。 也就是说, 没有全屏的专有接口, 而是在其他接口上 ( document 和 Element ...
  • web前端入门到实战:HTML 文档流,设置元素浮动,导致父元素高度无法自适应的解决方法
    元素浮动定义 float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 CSS 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素。 如果浮动非替换元素,则要指定一个明确的宽度;否 ...
  • 一个鲜为人知的高性能组件注册及实现组件排序技巧
    image 背景 在使用Vue的路途中,你一定知道如何去注册并调用一个组件 通常我们会通过三个步骤来实现调用组件的一整个流程 通过import引入组件 在父组件的组件对象components中将导入的子组件注册 在父组件中使用该组件 <t ...
  • 5分钟学会 CSS 动画:纯 CSS 实现 loading 效果
    你是不是跟我一样,一直想学会 CSS 动画?今天我们就一起来花五分钟做几个纯 CSS 加载动画。 前言 CSS 动画不是什么新鲜玩意了,目前所有主流浏览器基本上都已经支持,可以看Can I Use 网站 上的统计数据。文章结尾部分会提到针对 ...
  • 为什么要用 HAProxy 而不是 Nginx 做负载均衡?
    负载均衡器是数据中心的入口点,处于访问一切资源的关键路径上。这给了他们一些有趣的特征。首先,它们是在基础设施中需要监控的最重要的点。其次,他们处于一个独特的位置,不仅可以提供有关自己的特性,还可以提供他们所支持的后端的每项服务。 有两种流行 ...
  • 10个最受欢迎的 JavaScript 框架,以及它们的主要特征和功能
    多年来,业界已经发布了大量 JavaScript 框架,怎样进行选择可能是一个挑战。如果你感到困惑,不知道应该选哪个或者究竟哪个适合你,那么我已经帮你解决了问题。在本文中,我将列出用来构建 Web 应用程序的前10个 JavaScript ...
  • 前端开发WebStorm常用快捷键,火速收藏!
    1. 必备快捷键Ctrl+/:注释当前行Ctrl+Shift+/:当前位置插入注释Ctrl+Alt+/:块注释,并Focus到首行,写注释说明用的Ctrl+Shift+A:选择当前标签前后,修改标签用的F11:全屏Shift+F11:全屏 ...
  • 网页开发工具Brakets-使用技巧
    1.它的最大作用是实时预览,同步变化 1.gif 2.brekets编辑器可以直接用Tap调整前后距,vscode只能用shift+] 3.brekets可以使用Ctrl+E,在某一个标签处直接设置css image.png 4.在扩展中搜 ...

暂无数据