HTML5 内联 SVG

基于GitBook框架搭建技术文档平台

源宝导读：为了向用户更好的传递ERP开放平台的价值与技术知识，我们基于GitBook框架搭建了一个文档中心站点，本文将介绍此站点的设计与实现过程。一、项目架构图因为文档会涉及到很多的产品线，所以目前主要是通过拉取各个产品线的文档仓库，进行合并编译生成方式构建处理，整个的架构和执行流程如下：1.1、...

什么是核心网络生命力?为什么它们如此重要?

在这个问题上：核心网络生命力是什么？如何测量CWV？101号核心网络生命力是什么？核心网页指标(CWV)是一系列与网站用户体验相关的指标。它们衡量网页的加载性能、交互性和视觉稳定性。用户体验越好，网页在搜索中的表现就越好。核心网页指标是Google用来决定网站整体用户体验的“网页体验”排名...

前端实现最佳截图方案(上)

作者：蜀中亮子转发链接：https://mp.weixin.qq.com/s/ghXm-dySERTFsXEWw79afA“旧闻重发，由于上一次的图片有些糊，这次分为上下两篇发送，不至于阅读压力太大”开篇平时很多时候，需要把当前页面或者页面某一部分内容保存为图片分享出去，也或者有其他的业务用途，这种...

网页性能之 LCP 优化指南

如果你做过网页端性能优化，一定对LCP（LargestContentfulPaint）指标有所了解，本文将首先阐述下LCP相关概念，然后重点阐述LCP指标的优化方法及注意事项。1.LCP介绍LargestContentfulPaint(LCP)是三大CoreWebVit...

50个好用的前端框架，千万收好以留备用

来源|https://www.jianshu.com/p/182b69e54fe8作者：微信公众号web前端开发今天跟你分享一些目前比较热门新鲜度靠前的50款前端工具，希望对你有所帮助。一、构建工具1、Parcel地址：https://parceljs.org/Parcel是一款极速零配置W...

带你五步学会Vue SSR

作者：liuxuan前端名狮转发链接：https://mp.weixin.qq.com/s/6K6GUHcLwLG4mzfaYtVMBQ前言SSR大家肯定都不陌生，通过服务端渲染，可以优化SEO抓取，提升首页加载速度等，我在学习SSR的时候，看过很多文章，有些对我有很大的启发作用，有些就只是照搬官...

使用这些不太常用的CSS属性，布局效率上又提高了一个层次

有很多CSS属性，有些人不了解，或者他们了解它们，但是忘记在需要时使用它们。其实，有时候我们用JavaScript来实某些交互，CSS一个属性就能搞定了，这可以大大节约我们编码的时间。作为前端开发人员，我们经常会遇到这样的事情。所以我问自己，为什么不搞篇文章列出所有那些较少使用但既有用又有趣的...

Thymeleaf入门教程

1.Thymeleaf简介Thymeleaf是新一代Java模板引擎，与Velocity、FreeMarker等传统Java模板引擎不同，Thymeleaf支持HTML原型，其文件后缀为“.html”，因此它可以直接被浏览器打开，此时浏览器会忽略未定义的Thymeleaf...

CSS属性值函数(1)概述及语法

术语简介CSS属性值函数（CSSvaluefunctions），是调用特殊数据处理或计算后返回CSS数值，应用于CSS属性。CSS属性值函数代表了更复杂的数据类型，其可能需要一些输入参数来计算返回值。语法格式selector{property:function([argument]?...

StarBlog的Vue前端开发笔记:(4)使用FontAwesome图标库

前言在现代前端开发中，图标已成为构建用户友好界面的重要元素。FontAwesome是全球最流行的图标库之一，提供了大量的矢量图标，支持多种平台和框架。无论是网站、应用程序，还是管理面板，FontAwesome都能帮助开发者轻松地为界面增添直观且易于识别的视觉元素。一般做个demo项目的话...