
网页字体Font压缩篇:终极优化方案——中文字体woff2分片加载
今天分享web网页中文字体终极压缩方案,也就是切割分片加载(将一个大的字体包压缩切割成若干个小的字体文件)。很多大厂都在使用这个加载方案:把字体文件分片后放到CDN上加速,达到无卡顿加载较大的字体文件。因此,对中文字体进行压缩是很有必要的事...
今天分享web网页中文字体终极压缩方案,也就是切割分片加载(将一个大的字体包压缩切割成若干个小的字体文件)。很多大厂都在使用这个加载方案:把字体文件分片后放到CDN上加速,达到无卡顿加载较大的字体文件。因此,对中文字体进行压缩是很有必要的事...
最近在给客户开发企业官网的时候,需要在页面引入一款中文字体,但是从网上下载的TTF中文字体包居然达到了10M,于是想到了通过将 ttf 格式字体转换为 woff2 格式来减少字体体积。 woff2 全称 Web Open Font Form...
相信很多小伙伴都遇到过,当开发的vue前端项目打包后部署到线上,刷新页面提示404的问题,这是因为Vue默认的hash路由模式(带#)不会出现404,但当使用history模式时,直接访问路由路径会触发服务器真实请求。下面就《vue项目部署...
最新跳转QQ添加好友代码JavaScript代码 代码 function addCustomerService() { const params = new URLSearchParams(window.location.search); ...
Memcached和Redis都是一种内存数据结构存储,它们可以作为数据库、缓存或消息队列使用。它们以高性能和高可用性的特点,成为WordPress加速的得力工具,通过缓存数据、减少数据库查询,显著提升网站响应速度。Memcached和Re...
很多人停留在pull commit push三段式,这应付下正常的提交没啥问题,但是如果项目进行到团队开发,引入了标签分支等概念,需要不同分支进行各种复杂操作,暂存区和远程仓库联动操作,这时候相信不熟悉git命令的程序员肯定会手忙脚乱,很容...
Parallax.js是一款功能非常强大的javascript视觉差特效引擎插件,主要原理就是让多层背景以不同的速度移动,形成立体的运动效果,从而带来出色的视觉体验。通过插件可以给网页制作出非常有逼格的视觉差效果。它可以检测设备的方向和鼠标...
Web网页重构中不同屏幕自适应展现出同样的效果一直是开发者比较烦恼的问题,本文将通过原生JavaScript代码通过页面缩放zoom来解决自适应问题。 以1920的屏幕宽为例,如果设计稿不一样可以自行修改。 function bodySca...
今天利用js的.on()事件委派给元素下的所有A标签设置点击事件,发现每次点击A标签会执行两次事件。 查了一些资料,发现这是冒泡的原因,需要在点击事件代码中加入阻止冒泡的方法: e.stopPropagation(); 但是发现问题还是没有...
今天分享两款在前端开发中非常常见的页面加载动画插件aniview.js和wow.js,都是依赖animate.css动画库进行开发,用于设置用户滚动页面时触发各种CSS动画。前者基于jQuery,后者则是原生JS。 wow.j...
分享一个非常适合准备入门前端行业同学练手的一个好项目,黑马培训机构开源的一套极客园Geek项目,类似于CSDN的新闻系统,PC端采用(elementUI饿了么框架),移动端(Vant)框架,。 电脑端:可实现登录,数据概览,内容管理,发布文...
HarmonySanc是华为发布的HarmonyOS系统自带默认字体,随系统一起开源,所以大家不用担心商用之类的版权争论,国内许多站点(著名的追番视频站哔哩哔哩)都开始使用,但是这款字体完整的源文件有7MB左右,如果将网站更换为这个字体,首...