-
First Contentful Paint 首次内容绘制 (FCP)
首次内容绘制 (FCP) 是测量 感知加载速度 的一个以用户为中心的重要指标，因为该项指标会在用户首次在屏幕上看到任何内容时，在页面加载时间轴中标记出相应的点，迅捷的 FCP 有助于让用户确信某些事情正在进行。 1. 什么是 FCP？ 首次内容绘制 (FCP) 指标测量页面从开始加载到页面内容的任何部分在屏幕上完成渲染的时间。对于该指标，"内容"指的是文本、图像（包括背景图像）…- 230
- 0
-
2021年web前端面试集锦
一. HTML、CSS相关 html5新特性、语义化 语义化标签 ： header nav main article section aside footer 语义化意味着顾名思义，HTML5的语义化指的是合理正确的使用语义化的标签来创建页面结构，如 header,footer,nav，从标签上即可以直观的知道这个标签的作用，而不是滥用div。 语义化的优点有: 代码结构清晰，易于阅读，利于开发和…- 1.1k
- 0
-
网站完整的 SEO 优化方案 ?
完整的 SEO 优化方案主要由 四类成员组成： 1.前端 /页编人员 2.内容编辑人员 3.推广人员 4.数据分析人员 首先，前端 /页编人员主要负责 站内优化，主要从四个方面 入手： 一.站内结构优化 1.合理规划站点结构： ① 扁平化结构 ② 辅助导航、 面包屑导航、 次导航 2.内容页结构设置 (最新文章、推荐文章、热门文章、增加相关性、方便自助…- 1.8k
- 0
-
Web前端如何进行SEO结构优化
做前端的肯定离不开SEO，无论您是专职的SEOer还是其他什么别的，只要设计到前端就避不开SEO，前前后后做了几十个网站和个人博客网站建设的我，对与SEO仍然出于小白阶段，下面就介绍一下日常SEO注意的知识点： 一、合理的title、description、keywords 搜索对着三项的权重逐个减小，title值强调重点即可；description把页面内容高度概括，不可过分堆砌关…- 775
- 0
-
Vue SEO的四种方案
众所周知，Vue SPA单页面应用对SEO不友好，当然也有相应的解决方案，通过查找资料，大概有以下4种方法。 1.Nuxt 服务端渲染应用部署 (SSR服务器渲染) 关于服务器渲染：Vue官网介绍 ，对Vue版本有要求，对服务器也有一定要求，需要支持nodejs环境。 使用SSR权衡之处： 开发条件所限，浏览器特定的代码，只能在某些生命周期钩子函数 (lifecycle hook) 中使用；一些外…- 995
- 0
-
微信 8.0 「裂开」「炸弹」的特效代码来了
微信 8.0 更新的一大特色就是支持动画表情，如果发送的消息只有一个内置的表情图标，这个表情会有一段简单的动画，一些特殊的表情还有全屏特效，例如烟花表情有全屏放烟花的特效，炸弹表情有爆炸动画并且消息和头像也会随之震动。本着作为前端工程师的职业精神，我就想看看能不能实现一个类似的特效。折腾许久之后，做出来的效果如下： 项目的核心是使用到了 lottie 动画库。Lottie 是 Airbnb 出品的…- 1k
- 0
-
共享博客各大平台比较
对比主流博客平台有以下这些： 掘金：https://juejin.im 开源中国：https://www.oschina.net 知乎专栏：https://www.zhihu.com 思否(SegmentFault)：https://segmentfault.com CSDN：https://blog.csdn.net 博客园：https://www.cnblogs.com 简书：https://…- 1.4k
- 0
-
官方文档：QUX主题使用指南
该文章简要说明qux主题使用设置说明，帮助你快速上手使用qux主题。 一、开始安装 使用qux主题建议环境为mysql版本为5.5以上，以及php版本为5.6以上，推荐使用（php7.0+sql5.6） 你可以使用以下两种方式安装主题 1、下载主题后将主题qux文件夹下的文件使用FTP软件上传到wordpress下wp-content/themes/文件夹下。 2、登录wordpress后台在 外…- 909
- 0
-
前端工具VScode+NodeJs+Git下载配置
下载vscode需要用到node.js和git 一、安装NodeJs 1.下载Nodejs Node.js官网下载地址:https://nodejs.org/en/download/ Node.js历史版本下载地址：https://nodejs.org/zh-cn/download/releases/ tips:脚本语言需要一个解析器才能运行，JavaScript是脚本语言，在不同的位置有不一样的…- 2k
- 0
-
H5拖放原生js将图片拖放另外一个元素里
1：什么是拖放？ 拖放是一种常见的特性，即抓取对象以后拖到另一个位置。在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放 2：元素的可拖放 draggable 属性设置为 true <img draggable="true"> 3：元素中的拖放事件 通过拖放事件，可以控制拖放相关的各个方面。其中最关键的地方在于确定那里发生了拖放事件，有些事件是在被…- 1k
- 0
-
轻量级的CSS动画引擎——AniX
介绍 ANIX是一个轻量级且易于使用的动画库，在现代浏览器发挥优良的性能和良好的兼容性。它采用了原生的CSS属性的过渡，不是JS模拟动画，因此性能更好。并且可以使用硬件加速。ANIX不到3K的大小有多种版本的ANIX实现，UMD版本，jQuery的版本和React版本等... Github https://github.com/drawcall/AniX 简单使用 PS：可以先看demo标题进行预…- 988
- 0
-
网站seo最新优化七种方式方法
中国互联网环境迅速变迁，但搜索引擎在现阶段以及未来的一段时间，SEO 大环境的确发生了翻天覆地的改变，都将会不断进步，搜索引擎的用户体验，用户体验会变得越来越好。最核心的一项指标就是内容质量，最终还是要以内容展现，无论搜索结果以哪种形式展现出来，在SEO 中植入内容需要做到以下几点。 1.非常精准的定位 网站内容用1~2个核心关键词概括出来，实现内容垂直化，网站主题用一句话说清楚。比如，你是做英语…- 1k
- 0
-
百度移动专区如何绑定站点
加入搜索资源平台后，只有先绑定站点，才能将站点资源成功提交给百度搜索，从而收获更多流量，探索不同玩法。绑定站点后，您所提交的站点资源可享受小时级、天级、周级等极速收录权益，另外还有精选问答、视频服务、结果出图等多种权益玩法等你解锁！ 站点绑定步骤如下： 若您的账号未曾绑定过站点，则绑定操作步骤如下： 1.进入搜索资源平台（ziyuan.baidu.com），点击进入【移动专区】，点击左侧菜单栏【设…- 872
- 0
-
￥优惠劵使用时效：无法使用使用时效：
之前
使用时效：永久有效优惠劵ID：×