众所周知CSS技术我们虽然很熟悉，在使用的过程却很容易被困住，这让我们在新问题出现的时候变得很不利。随着web继续不断地发展，对于新技术新解决方案的要求也会不断增长。因此，作为网页设计师和前端开发人员，我们别无选择，必须熟悉我们手上的工具， ...

概述 html5的 标签现在可以完美支持web端的视频播放场景,最近在用自定义播放器，在绘制进度条的时候，需要标记出视频缓冲段，因此了解了一下媒体元素（video、audio）HTMLMediaElement的 ...

前段时间vue3推出了bata版本，但是离正式版还有段时间，今天给搭建提供一个由# vue-cli4 + vue2.6 + vuex + vue-router + axios + element-ui搭建的框架，让大家能快速开发，跳过复杂的 ...

创建型模式 工厂模式 建造者模式 行为模式 中介者模式 职责链模式 观察者模式 工厂模式 描述： 通过不同的type new不同的类, 只需要和工厂打交道 应用场景： 封装 // 抽象工厂模式 通过不同的type new不同的类 class ...

这是一个考验面试者对css的基础知识。 css实现动画主要有3种方式，第一种是：transition实现渐变动画，第二种是：transform转变动画，第三种是：animation实现自定义动画，下面具体讲一下3种动画的实现方式。 tran ...

时间线 Flutter 在我们团队的起步算是比较晚的，直到 Flutter 要出 1.0 版本前夕才开始实践。 大概的时间线如下： 2018 年 11 月初，在 B 端小范围尝试接入 Flutter； 2018 年 12 月 5 日，Flu ...

前言随着web的发展，网站资源的流量也变得越来越大。据统计，60% 的网站流量均来自网站图片，可见对图片合理优化可以大幅影响网站流量，减小带宽消耗和服务器压力。有时候你花大力气去配置 webpack 使打包体积减少，不如好好优化几张图片，这 ...

现代浏览器都支持flex布局，而且flex布局用起来非常简单，好用。所以今天我们就详细的记录下平时常用的flex语法。 一、什么是flex布局 flex其实是flexible box的缩写，即为“弹性盒子“，任何一个容器都可以指定为flex ...

1.jpg 当微软宣布 Edge 浏览器将支持 CSS 变量。这个重要的 CSS 新功能，所有主要浏览器已经都支持了。本文全面介绍如何使用它，你会发现原生 CSS 从此变得异常强大。 一、变量的声明 声明变量的时候，变量名前面要加两根连词 ...

今天与后端在调试接口，在过程中发现node端需要嵌套三个java接口才能拿到所需的数据。 这种调用方式是很恶心的，于是找到java同学讲明这个接口是前置接口，会影响整体的加载性能。 后端同学: "业务如何，第三方如何，你们node端如何。( ...