-
网站优化系列篇之01 — 网页字体可见性
在使用谷歌 PageSpeed Insights 网站测试工具时，诊断结果经常会有一项目： 确保文本在网页字体加载期间保持可见状态 利用 font-display 这项 CSS 功能，确保文本在网页字体加载期间始终对用户可见。了解详情。 思考： 1. 为什么它会出现这样的问题对我们网站有什么影响呢？ 2. 那我们要怎么优化处理这个问题呢？ 原因： 字体通常是需要一段时间才能加载的大文件。为了解决这…- 482
- 0
-
解决css引用字体跨域问题
解决方案就是将文字设置为 base64 编码 字体转base64编码网址：https://transfonter.org/ 具体步骤如下： 打开刚刚我们经过转换的解压出来的文件，找到stylesheet.css，复制 里面内容 @font-face { font-family: 'my-icon'; src: url(data:font/truetype;charset=utf…- 600
- 0
-
Vite 和Webpack 的核心对比？
全方位对比vite和webpack 一. webpack原理 1. webpack打包过程 1.识别入口文件 2.通过逐层识别模块依赖。（Commonjs、amd或者es6的import，webpack都会对其进行分析。来获取代码的依赖） 3.webpack做的就是分析代码。转换代码，编译代码，输出代码 4.最终形成打包后的代码 2. webpack打包原理 1.先逐级递归识别依赖，构建依…- 677
- 0
-
wordpress 学习笔记 (二)
1.主题文件构成 存放目录：wp-content/themes 必要文件：style.css 和 index.php 主题信息：存放在style文件头部 主题信息 Theme Name: 主题的名称 Theme URI: 主题的网址 Author: 作者的名称 Author URI:作者的网址 Description: 主题的简介 Version: 1.0 版本信息 主题默认能够识别的文件名 名称…- 879
- 0
-
wordpress 学习笔记 (一)
核心知识 1.主题必须包含的文件： style.css index.php 注：文件夹里包含这两个的文件，就能被wordpress 识别。 主题的缩略图名称：screenshot.png 2.主题的信息显示 写在style.css头部，这里展示主要如下： /* Theme Name: 主题的名称 Theme URI: 主题的URL Author: 作者名称 Author URI: 作者的URL D…- 543
- 0
-
WordPress 主题文件
一. WordPress主题结构 WordPress主题文件放置在wp-content\themes目录下面。 一个文件夹代表一个主题，一个主题最少需要两个文件，分别是 index.php 和 style.css 其中index.php是默认的入口文件，style.css是默认的样式文件，也是主题信息的配置文件，它的格式如下： /* Theme Name: 青梅博客 …- 739
- 0
-
水平垂直居中的六种方法
方法一: 绝对定位方法：不确定当前div的宽度和高度，采用 transform: translate(-50%,-50%); 当前div的父级添加相对定位（position: relative;） 图片展示： 代码如下： div{ background:red; position: absolute; left:50%; top:50%; transform: translate(-…- 592
- 0
-
css3有哪些新增属性？(回顾)
一、css3新增边框属性 1、css3新增属性之border-color：为边框设置多种颜色 p { border-style:solid; border-color:#ff0000 #0000ff; } 这里说一下题外话，需要注意："border-width" 属性如果单独使用的话是不会起作用的。请首先使用 "border-style" 属性来设置边框。 …- 602
- 0
-
wordpress 主题，作者，版本信息的修改
用到的函数： get_theme_data( ) 信息存放的文件 style.css 内容展示图： 遵循规则： 默认WordPress的样式表需要遵从 第一行是主题的名字； 第二行是主题的地址； 第三行是主题的描述； 第四行是主题版本号； 第五行是主题作者名字； 第六行是主题作者主页地址。 get_theme_data 函数分析 该函数将主题文件内的style.css文件中的主题相关信息（也就是…- 573
- 0
-
wordpress的主题名字查找方法
1、查看footer 大部分主题都会在页脚注明主题名称与链接，点击既可。 2、查看源码 搜索style.css 然后查找一个路径为 …../wp-content/themes/xxx/style.css 那么这个xxx就是主题的目录，然后查看这个style源码，源码里的前面几行就是主题介绍包括名字和作者等信息。 3、用Chrome的审查元素 右侧有CSS的链接，点击就能看到style.css了，一…- 529
- 0
-
CSS属性继承有哪些？（回顾）
CSS继承含义 CSS继承是指设置上级（父级）的CSS样式，上级（父级）及以下的子级（下级）都具有此属性。 可以被继承的属性 字体系列属性： font-family:规定元素的字体系列。 font-weight:设置字体的粗细。 font-size:设置字体的尺寸。 font-style:设置字体的风格。 font-variant:设置小型大写字母的字体显示文本，所有的额小写字母都会转换成大写字母…- 550
- 0
-
前端JS、CSS版本控制
前言 最近面试，问道js,css版本控制问题，一时间忘记，没答上来，下来查阅资料，整理一下。 问题 用户 首次 通过浏览器打开网页时都会对 JS、CSS 文件 进行缓存，以便在下次打开时可以直接从缓存中取出，而不用重复地向服务器 再次请求；当用户再次通过浏览器浏览某个网页，浏览器在加载网页中包含的各个资源（JS、css、图片）时，先会判断缓存中是否已经包含了此资源（当然这与Header中定义的Ca…- 598
- 0
-
￥优惠劵使用时效：无法使用使用时效：
之前
使用时效：永久有效优惠劵ID：×