网站性能优化可以从下面总结点入手。 1. 减少HTTP请求 使用雪碧图 - CSS Sprites，把多个图片合并到一个单独的图片中，利用CSS -background-position调整图片显示位置。这种方式适用面比较广泛。 缺点是，如 ...

这两天大家的朋友圈应该都被日环食刷屏了吧，有幸亲眼目睹了日环食的小伙伴一定被这十年才能一见的天文奇观给震撼了一番，我作为一个业余天文爱好者，业余到连一个望远镜都没有，只能在日环食这天仰望天空，却被强烈的阳光刺痛了双眼，毛也看不到。 作为一个 ...

1. 什么是装饰器 Decorator 是 ES7 的一个新语法，他可以对一些对象进行装饰包装然后返回一个被包装过的对象，可以装饰的对象包括：类，属性，方法等。打个比方：你出去玩，出门前戴了一顶帽子，这是帽子就是装饰器，你自己就是被装 ...

最近做的项目里涉及到一个视频列表，点击播放视频，有点类似短视频APP个人主页的效果，直接使用了h5自带的video标签，没想到坑一个接一个。 首先展示下效果图： 踩坑记录： 踩坑一：视频列表中直接使用多个video标签无法达到产品的设计效果 ...

让我们开门见山：编写优秀的 CSS 代码是件十分痛苦的事情。很多开发人员都不想做 CSS 开发。你让我干什么都行，但是 CSS 还是算了吧。在我创建应用的时候，从来都无法从 CSS 中享受到乐趣。但是你也躲不过去，是不是？我是说，我们全神贯 ...

CSS中 link 和@import 的区别是什么？ a. link属于HTML标签，而@import是CSS提供的，且只能加载 CSS b. 页面被加载时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载 c. ...

    近期做了两个移动BI项目，大量用到了Echarts来绘制图表，中间碰到一些实现上的问题，或者针对移动优化的经验，记录一下。1，按需加载    移动端相对PC，是一个更加性能敏感的环境，所以对于资源请求的频率和大小、动画和计算的消耗会 ...

flutter 之前，也写过几篇关于 Flutter 的博文，最近，又花了一些时间学习研究 Flutter，完成了高仿大厂 App 项目 (项目使用的接口都是来自线上真实App抓包而来，可以做到和线上项目相同的效果)，也总结积累了一些小技 ...

对每个人来说，学习编码总是令人兴奋和乐趣，而当涉及到编程世界时，大多数人都从最简单的html和css开始。每个初学者在前端的编码之旅都从这两个基本构建块开始，在设计美观的应用程序时，您需要发挥创造力。 最初，初学者喜欢制作按钮，添加链接，添 ...

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