前端缓存最佳实践

前言 缓存,这是一个老生常谈的话题,也常被作为前端面试的一个知识点。 本文,重点在与探讨在实际项目中,如何进行缓存的设置,并给出一个较为合理的方案。 强缓存和协商缓存 在介绍缓存的时候,我们习惯将缓存分为强缓存和协商缓存两种。两者的主要区别是使用本地缓存的时候,是否需要向服务器验证本地缓存是否依旧有效。顾名思义,协商缓

VScode股票插件开发

背景 股票被套,于是乎,笔者希望在写代码的同时,能很方便的瞄一眼股票的情况,化悲愤为力量,以激励自己更加努力地写代码。 目前,笔者基本上都是在使用VScode敲代码。于是,开发一个可以看股票的插件,来实时观察股票的情况,成为一个不错的选择。 开发教程 官方文档 VScode官方有较为完善的文档,可以让开发者快速开发一个

在线选座插件:jQuery Seat Charts

在这里,我给大家介绍一款基于jQuery的在线选座插件:jQuery Seat Charts,它支持自定义座位类型和价格,支持自定义样式,支持设置不可选的座位,也支持键盘控制座位。 HTML 我们假设进入电影《星际穿越》的选座页面,页面布局请看上面的大图,页面左边将在#seat-map中显示影院的座位布局图,右侧#bo

Web开发中20个很有用的CSS库

在过去的几年中,CSS已经成为一大部分开发者和设计者的最爱,因为它提供了一系列功能和特性。每个月都有无数个围绕CSS的工具被开发者发布以简化WEB开发。像CSS 库,框架,应用这样的工具能够为开发者做很多事,而且可以使开发者创造出创新立异的WEB应用。 在这篇文件章中我们找到了一系列对开发者有用的CSS库,它们能帮助开

使用Skrollr创建视差滚动效果页面

视差滚动(Parallax Scrolling)是指多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验。随着用户对视觉体验的要求不断提高,WEB开发者开始在网页中加入各种特效元素以满足用户的需求。今天这篇文章给大家推荐一个优秀的视差动画Javascript库——Skrollr.js Skrollr是一

悟道web标准:前端性能优化

前端性能优化完全是一个技术话题,但是对于项目的用户体验有非常大的影响,如果你的网站打开要等待三五秒或者等到浏览器提示无法连接,那网站哪来的流量,哪来的品牌影响和用户忠诚度,挣钱就算了。 前端性能优化完全是一个技术话题,但是对于项目的用户体验有非常大的影响,如果你的网站打开要等待三五秒或者等到浏览器提示无法连接,那网站哪

开发备必:WEB前端开发规范文档

为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必 须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改. 基本准则 符合web标准, 语义化html, 结构表现行为分离, 兼容性优良.

来自雅虎的网站优化加速最佳实践

一、内容篇 1. 尽量少的HTTP请求 80%的终端用户响应时间花在前端. 而这部分时间的大部分都用于下载页面的所有组件, 包括: 图片, CSS, 脚本, Flash等等 . 因此减少组件的数量可以减少加载这个页面时HTTP的请求数.这是加快页面的关键. 一种减少页面中的组件数量的方法是简化页面的设计. 但是有没有一