子匠_Zijor | 前端开发 / 程序媛 / 潜心学艺。

标签:性能优化

JavaScript中的函数节流

一. 背景

在一些场景下,函数有可能会被频繁地调用,而这些函数本身占用的内存或计算较大时,就可能造成大的性能问题。譬如以下场景:

  • window.onresize事件。window.onresize事件在浏览器窗口大小改变时被触发,而且浏览器每改变1px,该事件就被触发一次,触发
+ 阅读更多

使用srcset + sizes + w标识符实现响应式图片

Tencent前端笔试题竟然考了3道关于srcset + sizes + w标识符实现响应式图片的不定项选择题,当时就蒙了,完全没接触过这种方法来实现响应式图片呐。在此之前的记忆和实践中,一般都是用media query有时还会配合JavaScript判断来实现按屏幕宽度加载相应图片,但是遇到高分屏的情况就比较鸡肋,记得工作室网站当时就直接放弃了兼容高分屏。

考完以后,开始疯狂…

+ 阅读更多

Normalize.css和Reset CSS的区别

Normalize.css 简介

github:http://necolas.github.io/normalize.css/

浏览器支持情况:Chrome, Firefox, Opera, Safari 6+, IE 8+;

Reset CSS 简介

Eric的Reset CSS:http://meyerweb.com/eric/tools/css/reset/

CSS Reset到Normalize.css的历史

为什…

+ 阅读更多

搜索引擎优化——SEO 学习笔记

SEO:Search Engine Optimization,搜索引擎优化;

分为:白帽SEO和黑帽SEO;

内容SEO

网站标题、关键字、描述;

网站内容优化;

合理设置Robot.txt文件;

网站地图;

增加外链引用;

网站页面布局设计

  1. 代码结构简单(扁平化结构,嵌套越少越好(三层爬虫则难以抓取));

  2. 控制首页链接数量;

  3. 扁平化的目录层次;

  4. 导航SEO优化;(主导航,副导航);

  5. 图片应该有alt和title;

  6. 面包屑导航

+ 阅读更多