Resource Hints - What is Preload, Prefetch, and Preconnect?[转]

Today we are going to explore current resource hints and directives which can be another great way to boost the performance on your website or web application. You might have heard of preload, prefetch, and preconnect, but we want to dive deeper into the differences between them how you can benefit from them. Some of the advantages of these is that they allow web developers to optimize delivery of resources, reduce round trips, and fetch resources to deliver content faster while a user is browsing a page.

"Resource Hints - What is Preload, Prefetch, and Preconnect?[转]"继续阅读

CSS 预处理脚本 Sass/Scss 进阶

进阶语法

1 混合器

开发者在编写整个网站的时候常常遇到类似或者一样的样式块,例如 Bootstrap 中的栅格样式。当然如果重复的次数少又简单,当然没有什么影响,可当项目变得越来越复杂,产品需求越来越多,复制粘贴就很难应付了。此时便可以使用 Sass 的混合器来实现大段样式的重用。混合器使用标识符 @mixin 定义,在 @mixin 后面跟一个自定义的名字,然后用花括号内填写需要重用的样式。定义完以后便可以在样式中使用 @include 引用这个混合器。

"CSS 预处理脚本 Sass/Scss 进阶"继续阅读

CSS 预处理脚本 Sass/Scss 入门

一、背景

使用前端 UI 框架(例如:Bootstrap、Mustard UI)的时候,虽然我们可以直接修改源码里面的 CSS 样式,但是修改起来非常麻烦低效;好在大多数框架是基于当下流行的 CSS 预处理脚本 Less 和 Sass 编译开发的,通过修改官方给出的 Sass 源码,我们可以很方便的定制它们。

"CSS 预处理脚本 Sass/Scss 入门"继续阅读

读书笔记:《微服务设计》 - [英]Sam Newman 著 / 崔力强 张骏 译

干货满满

读完时间:2021 年 02 月 14 日

出版时间:2016 年 4 月

前言

实现细节变化的速度总是比它们背后的理念要快得多。

相对于不断变化的新框架、新技术,更应该关注其背后的设计模式、数据结构及算法。

"读书笔记:《微服务设计》 - [英]Sam Newman 著 / 崔力强 张骏 译"继续阅读

读书笔记:《估值:难点、解决方案及相关案例》 - [美]埃斯瓦斯·达莫达兰 著 / 李必龙 李羿 郭海 译

读完时间:~ 2021 年 01 月 31 日

出版时间:2019 年 6 月

致谢

随着时间的推移,不断积累起来的形形色色的情景,让我们不断认识到估值的两面性:有难点,但总能找到解决方案。

"读书笔记:《估值:难点、解决方案及相关案例》 - [美]埃斯瓦斯·达莫达兰 著 / 李必龙 李羿 郭海 译"继续阅读