前几天将前端开拓者的前台页面调整为响应式网页，发现在手机端的页面布局下导航栏非常难以处理。通过多种方案的尝试与调整，最终决定将导航栏设置为超出屏幕宽度横向滚动的方式以满足布局与功能上的需要。 如上图，在web浏览器中可以看到一个横…

404不是基础也是一个共同的问题。我相信互联网用户已经遇到了这种情况。当我们打开一个网页时，会有一个提示：404没有找到，看到这个网页很糟糕。它是引导读者继续浏览网站的其他页面或什么也不做。这是一个观察网站体验的好方法。用户体验终关…

所谓活动型链接诱饵，就是以发起活动为主要形式，构建链接引诱和指向。 征文活动 征文活动是最常用的一种活动型链接诱饵，搜索引擎优化者可发起一个征文活动，不论是针对和网站主题相关的重点内容还是最新的行业热点，也不…

欢迎加入前端交流群 背景：发布了新网站，需要引导用户操作或者发布了新功能需要展示给用户 实现：借助driver.js 第三方类库实现 demo：样式如下图 实现方式：点击查看示例代码 api介绍： 1 const driver = new Driver({ 2 className: scoped-class, // 放入你自定义的classNa…

网站的页面优化主要对页面的内容、版块、布局等多方面的优化调整，使其适合搜索引擎检索，满足搜索引擎排名的指标，从而在搜索引擎检索中获得的排名提升，增强搜索引擎营销的效果使网站的产品相关的关键词能有好的排位。下面是主要的…

当用户点开一个链接或者是直接在浏览器中输入URL开始进行访问时，就开始等待页面的展示。页面渲染的时间越短，用户等待的时间就越短，用户感知到页面的速度就越快。这样可以极大的提升用户的体验，减少用户的跳出，提升页面…

一、减少操作量 1. 尽量减少 HTTP 请求 合并文件，比如把多个 CSS 文件合成一个； CSS Sprites 利用 CSS background 相关元素进行背景图绝对定位； 2. 不要在 HTML 中使用缩放图片 缩放图片并没有减少图片的容量，只是控制了图片的…

1. 背景介绍 hubble平台是陌陌内部的一个监控平台，hubble的前端项目采用Vue+Echarts+ElementUI编写，是典型的单页面应用。 随着项目的长期迭代导致项目体积愈来愈大，打开首屏速度缓慢，为了提升用户体验，了解用户的真实使用情况，引入了google推荐的页面性能指标测量sdk …