一个网页访问速度的快慢， 不仅看它服务器的配置，这里除去你空间主机配置很烂的情况以外，我们从网站开发方面来探讨，前端技术需要从哪些方面提高访问的速度，需要用到哪些技术手段。 文件的加载 图标的加载:图标尽量使用“sprite雪碧图”或者字体图标，区别就做自适应用字体图标保证缩放的高清度，如果只是Pc ...
分类：
Web程序 时间：
2020-05-17 19:11:23
阅读次数：
117
ie、chrome、360：页面加载时执行unload()；刷新时先执行onbeforeload()，新页面即将替换旧页面时onunload()，最后unload();关闭时执行onbeforeload()，再执行onunload().firefox:刷新时只执行onunload();关闭时只执行o ...
分类：
Web程序 时间：
2020-05-16 22:22:35
阅读次数：
727
前言 移动互联网时代,用户对于网页的打开速度要求越来越高。百度用户体验部研究表明,页面放弃率和页面的打开时间关系如下图 所示。 根据百度用户体验部的研究结果来看,普通用户期望且能够接受的页面加载时间在 3 秒以内。若页面的加载时间过慢,用户就会失去耐心而选择离开。 首屏作为直面用户的第一屏,其重要性 ...
分类：
其他好文 时间：
2020-05-16 12:17:14
阅读次数：
72
转自 http://www.jb51.net/article/27444.htm jquery加载页面的方法(页面加载完成就执行),建议大家看下windows.onload与$(document).ready之间的区别。 1、$(function(){ $("#a").click(function( ...
分类：
Web程序 时间：
2020-05-12 09:59:50
阅读次数：
80
1、有关BFC的理解 2、盒模型的理解 3、box-sizing的理解 4、渐进增强 VS 优雅降级 5、url->页面加载完成的整个流程 6、js组成部分 7、如何跨域访问 8、js判断数组 9、严格模式 10、ajax的优缺点 11、HTML、XML、XHTML 有什么区别 12、html语义化 ...
分类：
其他好文 时间：
2020-05-09 22:53:04
阅读次数：
64
"github" 安装 常用操作 输入字符 点击节点 获取属性 获取属性集合 等待页面加载完成 获取cookie，转为string格式 javascript const cookies = await page.cookies() const cookiesStr = cookies.map(coo ...
分类：
其他好文 时间：
2020-05-04 00:39:04
阅读次数：
101
引入外部样式表的方法Link与@inport的 区别 @importlink 从属关系区别 是CSS提供的语法规则，只有带入样式表的作用 link是HTML提供的标签，不仅可以加载CSS文件，还可以定义RSS,REL链接属性等 加载顺序区别 加载页面时，@import引入的样式表在页面加载完毕后被加 ...
分类：
其他好文 时间：
2020-05-03 21:41:30
阅读次数：
70
优化的目的在于让页面加载的更快，对用户操作响应更及时，为用户带来更好的用户体验，对于开发者来说优化能够减少页面请求数，能够节省资源。 前端优化的方法可以分为两大类：第一类是页面级别的优化如http请求数、内联脚本的位置优化等，第二类是代码级别的优化，如JavaScript中的DOM操作优化、CSS选 ...
分类：
其他好文 时间：
2020-05-03 18:41:24
阅读次数：
75
1. 缓存的作用 减少服务器的访问压力 减少客户端的网络延时 减少网络带宽的消耗 2. 缓存的过期和淘汰 先进先出 最近最少使用 最近最不经常使用 3. 常见的缓存架构 二级缓存架构：本地缓存 + 集中式缓存 存在问题：数据不一致的问题 解决方案：通过zk监听集中式缓存变化，来通知本地缓存的更新 4 ...
分类：
其他好文 时间：
2020-05-01 23:58:23
阅读次数：
119
一般的input框比较简单，我们可以用JavaScript配合css背景图片定位让我们模拟写出一个点击选中效果 首先需要有个图片素材，当页面加载的时候是背景图片定位到左图，当我们点击图片的时候，背景图片定位到右图 <!DOCTYPE html> <html> <head> <meta charset ...
分类：
Web程序 时间：
2020-05-01 20:33:15
阅读次数：
96
